/* 
JquanUI.xingzouweb.cn
version:3.1
本代码由GLM-4.6生成，用于生产环境时请先完成本地测试，然后再发布到生产环境。
*/
/*插件导入*/
@import url("JquanUIex@3.0.css");
/* 基础图标 */
@import url("../lib/boxicons-3.0/fonts/basic/boxicons.min.css");
/*Logo图标*/
@import url("../lib/boxicons-3.0/fonts/brands/boxicons-brands.min.css");
/*图标动效*/
@import url("../lib/boxicons-3.0/fonts/animations.min.css");
/*图标上色*/
@import url("../lib/boxicons-3.0/fonts/transformations.min.css");
/*悬浮效果*/
@import url("../lib/hover-2.3.2/hover.css");

/*========  配置  ========*/
:root {
    /* 默认字体 */
    --font: "微软雅黑";
    /*颜色*/
    /*红*/
    --red-50: 254 242 242;
    --red-100: 254 226 226;
    --red-200: 254 202 202;
    --red-300: 252 165 165;
    --red-400: 248 113 113;
    --red-500: 239 68 68;
    --red-600: 220 38 38;
    --red-700: 185 28 28;
    --red-800: 153 27 27;
    --red-900: 127 29 29;
    /*橙*/
    --orange-50: 255 247 237;
    --orange-100: 255 237 213;
    --orange-200: 254 215 170;
    --orange-300: 253 186 116;
    --orange-400: 251 146 60;
    --orange-500: 249 115 22;
    --orange-600: 234 88 12;
    --orange-700: 194 65 12;
    --orange-800: 154 52 18;
    --orange-900: 124 45 18;
    /*琥珀*/
    --amber-50: 255 251 235;
    --amber-100: 254 243 199;
    --amber-200: 253 230 138;
    --amber-300: 252 211 77;
    --amber-400: 251 191 36;
    --amber-500: 245 158 11;
    --amber-600: 217 119 6;
    --amber-700: 180 83 9;
    --amber-800: 146 64 14;
    --amber-900: 120 53 15;
    /*黄*/
    --yellow-50: 254 252 232;
    --yellow-100: 254 249 195;
    --yellow-200: 254 240 138;
    --yellow-300: 253 224 71;
    --yellow-400: 250 204 21;
    --yellow-500: 234 179 8;
    --yellow-600: 202 138 4;
    --yellow-700: 161 98 7;
    --yellow-800: 133 77 14;
    --yellow-900: 113 63 18;
    /*石青*/
    --lime-50: 247 254 231;
    --lime-100: 236 252 203;
    --lime-200: 225 249 157;
    --lime-300: 217 242 100;
    --lime-400: 163 230 53;
    --lime-500: 132 204 22;
    --lime-600: 101 163 13;
    --lime-700: 77 124 15;
    --lime-800: 63 98 18;
    --lime-900: 54 83 20;
    /*绿*/
    --green-50: 240 253 244;
    --green-100: 220 252 231;
    --green-200: 187 247 208;
    --green-300: 134 239 172;
    --green-400: 74 222 128;
    --green-500: 34 197 94;
    --green-600: 22 163 74;
    --green-700: 21 128 61;
    --green-800: 22 101 52;
    --green-900: 20 83 45;
    /*绿宝石*/
    --emerald-50: 236 253 245;
    --emerald-100: 209 250 229;
    --emerald-200: 167 243 208;
    --emerald-300: 110 231 183;
    --emerald-400: 52 211 153;
    --emerald-500: 16 185 129;
    --emerald-600: 5 150 105;
    --emerald-700: 4 120 87;
    --emerald-800: 6 95 70;
    --emerald-900: 6 78 59;
    /*水鸭*/
    --teal-50: 240 253 250;
    --teal-100: 204 251 241;
    --teal-200: 153 246 228;
    --teal-300: 94 234 212;
    --teal-400: 45 212 191;
    --teal-500: 20 184 166;
    --teal-600: 13 148 136;
    --teal-700: 15 118 110;
    --teal-800: 17 94 89;
    --teal-900: 19 78 74;
    /*青*/
    --cyan-50: 236 254 255;
    --cyan-100: 207 250 254;
    --cyan-200: 165 243 252;
    --cyan-300: 103 232 249;
    --cyan-400: 34 211 238;
    --cyan-500: 6 182 212;
    --cyan-600: 8 145 178;
    --cyan-700: 14 116 144;
    --cyan-800: 21 94 117;
    --cyan-900: 22 78 99;
    /*天青*/
    --sky-50: 240 249 255;
    --sky-100: 224 242 254;
    --sky-200: 186 230 253;
    --sky-300: 125 211 252;
    --sky-400: 56 189 248;
    --sky-500: 14 165 233;
    --sky-600: 2 132 199;
    --sky-700: 3 105 161;
    --sky-800: 7 89 133;
    --sky-900: 12 74 110;
    /*蓝*/
    --blue-50: 239 246 255;
    --blue-100: 219 234 254;
    --blue-200: 191 219 254;
    --blue-300: 147 197 253;
    --blue-400: 96 165 250;
    --blue-500: 59 130 246;
    --blue-600: 37 99 235;
    --blue-700: 29 78 216;
    --blue-800: 30 64 175;
    --blue-900: 30 58 138;
    /*靛蓝*/
    --indigo-50: 238 242 255;
    --indigo-100: 224 231 255;
    --indigo-200: 199 210 254;
    --indigo-300: 165 180 252;
    --indigo-400: 129 140 248;
    --indigo-500: 99 102 241;
    --indigo-600: 79 70 229;
    --indigo-700: 67 56 202;
    --indigo-800: 55 48 163;
    --indigo-900: 49 46 129;
    /*浅紫*/
    --violet-50: 245 243 255;
    --violet-100: 237 233 254;
    --violet-200: 221 214 254;
    --violet-300: 196 181 253;
    --violet-400: 167 139 250;
    --violet-500: 139 92 246;
    --violet-600: 124 58 237;
    --violet-700: 109 40 217;
    --violet-800: 91 33 182;
    --violet-900: 76 29 149;
    /*紫色*/
    --purple-50: 250 245 255;
    --purple-100: 243 232 255;
    --purple-200: 233 213 255;
    --purple-300: 216 180 254;
    --purple-400: 192 132 252;
    --purple-500: 168 85 247;
    --purple-600: 147 51 234;
    --purple-700: 126 34 206;
    --purple-800: 107 33 168;
    --purple-900: 88 28 135;
    /*紫红*/
    --fuchsia-50: 253 244 255;
    --fuchsia-100: 250 232 255;
    --fuchsia-200: 245 208 254;
    --fuchsia-300: 240 171 252;
    --fuchsia-400: 232 121 249;
    --fuchsia-500: 217 70 239;
    --fuchsia-600: 192 38 211;
    --fuchsia-700: 162 28 175;
    --fuchsia-800: 134 25 143;
    --fuchsia-900: 112 26 117;
    /*粉*/
    --pink-50: 253 242 248;
    --pink-100: 252 231 243;
    --pink-200: 251 207 232;
    --pink-300: 249 168 212;
    --pink-400: 244 114 182;
    --pink-500: 236 72 153;
    --pink-600: 219 39 119;
    --pink-700: 190 24 93;
    --pink-800: 157 23 77;
    --pink-900: 131 24 67;
    /*玫红*/
    --rose-50: 255 241 242;
    --rose-100: 255 228 230;
    --rose-200: 254 205 211;
    --rose-300: 253 164 175;
    --rose-400: 251 113 133;
    --rose-500: 244 63 94;
    --rose-600: 225 29 72;
    --rose-700: 190 18 60;
    --rose-800: 159 18 57;
    --rose-900: 136 19 55;
    /*石板*/
    --slate-50: 248 250 252;
    --slate-100: 241 245 249;
    --slate-200: 226 232 240;
    --slate-300: 203 213 225;
    --slate-400: 148 163 184;
    --slate-500: 100 116 139;
    --slate-600: 71 85 105;
    --slate-700: 51 65 85;
    --slate-800: 30 41 59;
    --slate-900: 15 23 42;
    /*灰*/
    --gray-50: 249 250 251;
    --gray-100: 243 244 246;
    --gray-200: 229 231 235;
    --gray-300: 209 213 219;
    --gray-400: 156 163 175;
    --gray-500: 107 114 128;
    --gray-600: 75 85 99;
    --gray-700: 55 65 81;
    --gray-800: 31 41 55;
    --gray-900: 17 24 39;
    /*锌*/
    --zinc-50: 250 250 250;
    --zinc-100: 244 244 245;
    --zinc-200: 228 228 231;
    --zinc-300: 212 212 216;
    --zinc-400: 161 161 170;
    --zinc-500: 113 113 122;
    --zinc-600: 82 82 91;
    --zinc-700: 63 63 70;
    --zinc-800: 39 39 42;
    --zinc-900: 24 24 27;
    /*黑*/
    --black: 0 0 0;
    /*白*/
    --white: 255 255 255;
    /* 尺寸 */
    --spacing-0: 0px;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-28: 7rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;
    --spacing-40: 10rem;
    --spacing-44: 11rem;
    --spacing-48: 12rem;
    --spacing-52: 13rem;
    --spacing-56: 14rem;
    --spacing-60: 15rem;
    --spacing-64: 16rem;
    --spacing-72: 18rem;
    --spacing-80: 20rem;
    --spacing-96: 24rem;
    --spacing-px: 1px;
    --spacing-0\.5: 0.125rem;
    --spacing-1\.5: 0.375rem;
    --spacing-2\.5: 0.625rem;
    --spacing-3\.5: 0.875rem;
    --spacing-auto: auto;
    --spacing-1\/2: 50%;
    --spacing-1\/3: 33.333333%;
    --spacing-2\/3: 66.666667%;
    --spacing-1\/4: 25%;
    --spacing-2\/4: 50%;
    --spacing-3\/4: 75%;
    --spacing-1\/5: 20%;
    --spacing-2\/5: 40%;
    --spacing-3\/5: 60%;
    --spacing-4\/5: 80%;
    --spacing-1\/6: 16.666667%;
    --spacing-2\/6: 33.333333%;
    --spacing-3\/6: 50%;
    --spacing-4\/6: 66.666667%;
    --spacing-5\/6: 83.333333%;
    --spacing-full: 100%;
    --spacing-screen: 100vw;
    --spacing-min: min-content;
    --spacing-max: max-content;
    --spacing-fit: fit-content;
    /* 在根节点定义所有断点对应的容器宽度，一目了然 */
    --container-padding: 1rem;
    /* 统一管理内边距 */
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1140px;
    --container-2xl: 1320px;
    --container-sm-min: 540px;
    --container-sm-max: 640px;
    /* 边框宽度 */
    --border-width-0: 0px;
    --border-width-1: 1px;
    --border-width-2: 2px;
    --border-width-4: 4px;
    --border-width-8: 8px;
}

/*初始化*/
/* 字体 */

@font-face {
    font-family: "MiSans Light";
    src: url("../fonts/MiSans/woff2/MiSans-Light.woff2") format("woff2"),
        url("../fonts/MiSans/woff/MiSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    font-display: optional
}
@font-face {
    font-family: "MiSans Regular";
    src: url("../fonts/MiSans/woff2/MiSans-Regular.woff2") format("woff2"),
        url("../fonts/MiSans/woff/MiSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-display: optional
}
@font-face {
    font-family: "MiSans Medium";
    src: url("../fonts/MiSans/woff2/MiSans-Medium.woff2") format("woff2"),
        url("../fonts/MiSans/woff/MiSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-display: optional
}

@font-face {
    font-family: "MiSans SemiBold";
    src: url("../fonts/MiSans/woff2/MiSans-Semibold.woff2") format("woff2"),
        url("../fonts/MiSans/woff/MiSans-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    font-display: optional
}

/* 特殊文字 */
@font-face {
    font-family: 'Monoton';
    font-display: optional;
    font-style: normal;
    font-weight: 400;
    src: local('Monoton'), local('Monoton-Regular'), url(../fonts/AKI-lyzyNHXByGHeOcds_w.woff) format('woff')
}

@font-face {
    font-family: 'Iceland';
    font-display: optional;
    font-style: normal;
    font-weight: 400;
    src: local('Iceland'), local('Iceland-Regular'), url(../fonts/F6LYTZLHrG9BNYXRjU7RSw.woff) format('woff')
}

@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(../fonts/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff) format('woff')
}

@font-face {
    font-family: 'PressStart';
    font-display: optional;
    font-style: normal;
    font-weight: 400;
    src: local('Press Start 2P'), local('PressStart2P-Regular'), url(../fonts/8Lg6LX8-ntOHUQnvQ0E7o3dD2UuwsmbX3BOp4SL_VwM.woff) format('woff')
}

@font-face {
    font-family: 'Audiowide';
    font-display: optional;
    font-style: normal;
    font-weight: 400;
    src: local('Audiowide'), local('Audiowide-Regular'), url(../fonts/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
}

@font-face {
    font-family: 'Vampiro One';
    font-style: normal;
    font-display: optional;
    font-weight: 400;
    src: local('Vampiro One'), local('VampiroOne-Regular'), url(../fonts/Ho2Xld8UbQyBA8XLxF1_NYbN6UDyHWBl620a-IRfuBk.woff) format('woff')
}

/* ========  初始化  ========*/
/* 基础样式 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font);
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Element Reset */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
ul,
ol,
th,
td,
button,
figure,
figcaption,
input,
textarea,
blockquote,
fieldset,
legend,
hr,
pre,
form {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

/* Typography Elements */
a,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
button,
option,
textarea,
optgroup {
  font-family: inheit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  color: inherit;
  outline: none;
  letter-spacing: 1px;
  /* Anti-aliasing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
pre {
  font-family: var(--font);
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: var(--font);
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

/* Forms*/
button,
input,
optgroup,
select,
textarea {
  margin: 0;                 /* 清除浏览器默认的外边距 */
  font-family: "MiSans Light";      /* 继承父级字体 */
  font-size: 14px;           /* 统一字体大小 */
  line-height: 1.15;         /* 统一的行高 */
  color: rgb(var(--gray-400));            /* 继承父级颜色 */
  background: transparent;   /* 透明背景，不覆盖外部设置 */
  border: 1px solid rgb(var(--gray-200));                 /* 清除浏览器默认边框 */
  border-radius: 4px;          /* 重置圆角 */
  padding: 5px 6px;                /* 清除内边距 */
  outline: none;             /* 去掉默认 outline（如需保留可改为 outline-color: transparent） */
  -webkit-appearance: none;  /* 移除 iOS/Mac 上部分表单元素的系统样式 */
  appearance: none;
}

/* 可选：让可聚焦元素获得统一的可视化焦点样式 */
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 1px solid rgb(var(--gray-400));
}


button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

cite {
  border-left: solid 3px;
  border-color: rgb(var(--color));
  color: var(--gray-500);
  border-radius: 0px 4px 4px 0px;
  background-color: #EEEEEE;
  padding: 4px 8px;
  font-style: inherit;
}

cite.gradient {
  border-image-source: var(--color);
  border-image-slice: 1;
  border-left: solid 3px;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  /* 3 */
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
/*折叠面板*/
details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Links */
a {
  color: var(--dark-color);
  text-decoration: none;
  transition: .4s cubic-bezier(.175, .885, .32, 1);
  transition-property: color, background, transform, opacity, left, top, right, bottom, -webkit-transform, -o-transform;
}

a:hover {
  color: var(--main-color);
}

/* Lists */
ol,
ul {
  margin: 0;
  padding-left: 0;
}

.list-disc,
ul.list-disc,
ol.list-disc,
ul.list-decimal,
ol.list-decimal,
ul.list-square,
ol.list-square {
  padding-left: 1rem;
}

.list-none,
ul.list-none li,
ol.list-none li {
  list-style: none;
}

ul.list-disc li,
ol.list-disc li {
  list-style: disc;
}

ul.list-decimal li,
ol.list-decimal li {
  list-style: decimal;
}

ul.list-square li,
ol.list-square li {
  list-style: square;
}

/* Media Elements */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

img,
video {
  height: auto;
}

/* Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
}
table .tr{
  display: table-row;
}
table th,
table td {
  display: table-cell;
}
/* 水平线变体 */
hr {
  overflow: visible;
  margin-block: 1.25rem;
  /* 20px in rem equivalent */
  border: 0;
  border-top: 1px solid rgb(var(--gray-300));
  height: 0;
  box-sizing: content-box;
}

hr.theme-hr {
  border-top: 1px solid;
  border-color: rgb(var(--color));
}


hr.gradient-hr {
  border-image-source: linear-gradient(to right,var(--tw-gradient-stops));
  border-image-slice: 1;
  border-top: 1px solid;
}

hr.dashed {
  border-top: 1px dashed rgb(var(--gray-300)) !important;
}

hr.double {
  border-top: 3px double rgb(var(--gray-300)) !important;
}

hr.dotted {
  border-top: 1px dotted rgb(var(--gray-300)) !important;
}





/* ========  原子类  ========*/
/* 容器与显示 */
/* 基础类 */
.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.hidden {
  display: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.table {
  display: table;
}

.inline-table {
  display: inline-table;
}

.flow-root {
  display: flow-root;
}

/* 尺寸与空间 */

/* 基础类 */
.w-0 {
  width: var(--spacing-0);
}

.w-1 {
  width: var(--spacing-1);
}

.w-2 {
  width: var(--spacing-2);
}

.w-3 {
  width: var(--spacing-3);
}

.w-4 {
  width: var(--spacing-4);
}

.w-5 {
  width: var(--spacing-5);
}

.w-6 {
  width: var(--spacing-6);
}

.w-7 {
  width: var(--spacing-7);
}

.w-8 {
  width: var(--spacing-8);
}

.w-9 {
  width: var(--spacing-9);
}

.w-10 {
  width: var(--spacing-10);
}

.w-11 {
  width: var(--spacing-11);
}

.w-12 {
  width: var(--spacing-12);
}

.w-14 {
  width: var(--spacing-14);
}

.w-16 {
  width: var(--spacing-16);
}

.w-20 {
  width: var(--spacing-20);
}

.w-24 {
  width: var(--spacing-24);
}

.w-28 {
  width: var(--spacing-28);
}

.w-32 {
  width: var(--spacing-32);
}

.w-36 {
  width: var(--spacing-36);
}

.w-40 {
  width: var(--spacing-40);
}

.w-44 {
  width: var(--spacing-44);
}

.w-48 {
  width: var(--spacing-48);
}

.w-52 {
  width: var(--spacing-52);
}

.w-56 {
  width: var(--spacing-56);
}

.w-60 {
  width: var(--spacing-60);
}

.w-64 {
  width: var(--spacing-64);
}

.w-72 {
  width: var(--spacing-72);
}

.w-80 {
  width: var(--spacing-80);
}

.w-96 {
  width: var(--spacing-96);
}

.w-px {
  width: var(--spacing-px);
}

.w-0\.5 {
  width: var(--spacing-0.5);
}

.w-1\.5 {
  width: var(--spacing-1.5);
}

.w-2\.5 {
  width: var(--spacing-2.5);
}

.w-3\.5 {
  width: var(--spacing-3.5);
}

.w-auto {
  width: var(--spacing-auto);
}

.w-1\/2 {
  width: var(--spacing-1/2);
}

.w-1\/3 {
  width: var(--spacing-1/3);
}

.w-2\/3 {
  width: var(--spacing-2/3);
}

.w-1\/4 {
  width: var(--spacing-1/4);
}

.w-2\/4 {
  width: var(--spacing-2/4);
}

.w-3\/4 {
  width: var(--spacing-3/4);
}

.w-1\/5 {
  width: var(--spacing-1/5);
}

.w-2\/5 {
  width: var(--spacing-2/5);
}

.w-3\/5 {
  width: var(--spacing-3/5);
}

.w-4\/5 {
  width: var(--spacing-4/5);
}

.w-1\/6 {
  width: var(--spacing-1/6);
}

.w-2\/6 {
  width: var(--spacing-2/6);
}

.w-3\/6 {
  width: var(--spacing-3/6);
}

.w-4\/6 {
  width: var(--spacing-4/6);
}

.w-5\/6 {
  width: var(--spacing-5/6);
}

.w-full {
  width: var(--spacing-full);
}

.w-screen {
  width: var(--spacing-screen);
}

.w-min {
  width: var(--spacing-min);
}

.w-max {
  width: var(--spacing-max);
}

.w-fit {
  width: var(--spacing-fit);
}

.h-0 {
  height: var(--spacing-0);
}

.h-1 {
  height: var(--spacing-1);
}

.h-2 {
  height: var(--spacing-2);
}

.h-3 {
  height: var(--spacing-3);
}

.h-4 {
  height: var(--spacing-4);
}

.h-5 {
  height: var(--spacing-5);
}

.h-6 {
  height: var(--spacing-6);
}

.h-7 {
  height: var(--spacing-7);
}

.h-8 {
  height: var(--spacing-8);
}

.h-9 {
  height: var(--spacing-9);
}

.h-10 {
  height: var(--spacing-10);
}

.h-11 {
  height: var(--spacing-11);
}

.h-12 {
  height: var(--spacing-12);
}

.h-14 {
  height: var(--spacing-14);
}

.h-16 {
  height: var(--spacing-16);
}

.h-20 {
  height: var(--spacing-20);
}

.h-24 {
  height: var(--spacing-24);
}

.h-28 {
  height: var(--spacing-28);
}

.h-32 {
  height: var(--spacing-32);
}

.h-36 {
  height: var(--spacing-36);
}

.h-40 {
  height: var(--spacing-40);
}

.h-44 {
  height: var(--spacing-44);
}

.h-48 {
  height: var(--spacing-48);
}

.h-52 {
  height: var(--spacing-52);
}

.h-56 {
  height: var(--spacing-56);
}

.h-60 {
  height: var(--spacing-60);
}

.h-64 {
  height: var(--spacing-64);
}

.h-72 {
  height: var(--spacing-72);
}

.h-80 {
  height: var(--spacing-80);
}

.h-96 {
  height: var(--spacing-96);
}

.h-px {
  height: var(--spacing-px);
}

.h-0\.5 {
  height: var(--spacing-0.5);
}

.h-1\.5 {
  height: var(--spacing-1.5);
}

.h-2\.5 {
  height: var(--spacing-2.5);
}

.h-3\.5 {
  height: var(--spacing-3.5);
}

.h-auto {
  height: var(--spacing-auto);
}

.h-1\/2 {
  height: var(--spacing-1/2);
}

.h-1\/3 {
  height: var(--spacing-1/3);
}

.h-2\/3 {
  height: var(--spacing-2/3);
}

.h-1\/4 {
  height: var(--spacing-1/4);
}

.h-2\/4 {
  height: var(--spacing-2/4);
}

.h-3\/4 {
  height: var(--spacing-3/4);
}

.h-1\/5 {
  height: var(--spacing-1/5);
}

.h-2\/5 {
  height: var(--spacing-2/5);
}

.h-3\/5 {
  height: var(--spacing-3/5);
}

.h-4\/5 {
  height: var(--spacing-4/5);
}

.h-1\/6 {
  height: var(--spacing-1/6);
}

.h-2\/6 {
  height: var(--spacing-2/6);
}

.h-3\/6 {
  height: var(--spacing-3/6);
}

.h-4\/6 {
  height: var(--spacing-4/6);
}

.h-5\/6 {
  height: var(--spacing-5/6);
}

.h-full {
  height: var(--spacing-full);
}

.h-screen {
  height: var(--spacing-screen);
}

.h-min {
  height: var(--spacing-min);
}

.h-max {
  height: var(--spacing-max);
}

.h-fit {
  height: var(--spacing-fit);
}

.min-w-0 {
  min-width: var(--spacing-0);
}

.min-w-1 {
  min-width: var(--spacing-1);
}

.min-w-2 {
  min-width: var(--spacing-2);
}

.min-w-3 {
  min-width: var(--spacing-3);
}

.min-w-4 {
  min-width: var(--spacing-4);
}

.min-w-5 {
  min-width: var(--spacing-5);
}

.min-w-6 {
  min-width: var(--spacing-6);
}

.min-w-7 {
  min-width: var(--spacing-7);
}

.min-w-8 {
  min-width: var(--spacing-8);
}

.min-w-9 {
  min-width: var(--spacing-9);
}

.min-w-10 {
  min-width: var(--spacing-10);
}

.min-w-11 {
  min-width: var(--spacing-11);
}

.min-w-12 {
  min-width: var(--spacing-12);
}

.min-w-14 {
  min-width: var(--spacing-14);
}

.min-w-16 {
  min-width: var(--spacing-16);
}

.min-w-20 {
  min-width: var(--spacing-20);
}

.min-w-24 {
  min-width: var(--spacing-24);
}

.min-w-28 {
  min-width: var(--spacing-28);
}

.min-w-32 {
  min-width: var(--spacing-32);
}

.min-w-36 {
  min-width: var(--spacing-36);
}

.min-w-40 {
  min-width: var(--spacing-40);
}

.min-w-44 {
  min-width: var(--spacing-44);
}

.min-w-48 {
  min-width: var(--spacing-48);
}

.min-w-52 {
  min-width: var(--spacing-52);
}

.min-w-56 {
  min-width: var(--spacing-56);
}

.min-w-60 {
  min-width: var(--spacing-60);
}

.min-w-64 {
  min-width: var(--spacing-64);
}

.min-w-72 {
  min-width: var(--spacing-72);
}

.min-w-80 {
  min-width: var(--spacing-80);
}

.min-w-96 {
  min-width: var(--spacing-96);
}

.min-w-px {
  min-width: var(--spacing-px);
}

.min-w-0\.5 {
  min-width: var(--spacing-0.5);
}

.min-w-1\.5 {
  min-width: var(--spacing-1.5);
}

.min-w-2\.5 {
  min-width: var(--spacing-2.5);
}

.min-w-3\.5 {
  min-width: var(--spacing-3.5);
}

.min-w-auto {
  min-width: var(--spacing-auto);
}

.min-w-1\/2 {
  min-width: var(--spacing-1/2);
}

.min-w-1\/3 {
  min-width: var(--spacing-1/3);
}

.min-w-2\/3 {
  min-width: var(--spacing-2/3);
}

.min-w-1\/4 {
  min-width: var(--spacing-1/4);
}

.min-w-2\/4 {
  min-width: var(--spacing-2/4);
}

.min-w-3\/4 {
  min-width: var(--spacing-3/4);
}

.min-w-1\/5 {
  min-width: var(--spacing-1/5);
}

.min-w-2\/5 {
  min-width: var(--spacing-2/5);
}

.min-w-3\/5 {
  min-width: var(--spacing-3/5);
}

.min-w-4\/5 {
  min-width: var(--spacing-4/5);
}

.min-w-1\/6 {
  min-width: var(--spacing-1/6);
}

.min-w-2\/6 {
  min-width: var(--spacing-2/6);
}

.min-w-3\/6 {
  min-width: var(--spacing-3/6);
}

.min-w-4\/6 {
  min-width: var(--spacing-4/6);
}

.min-w-5\/6 {
  min-width: var(--spacing-5/6);
}

.min-w-full {
  min-width: var(--spacing-full);
}

.min-w-screen {
  min-width: var(--spacing-screen);
}

.min-w-min {
  min-width: var(--spacing-min);
}

.min-w-max {
  min-width: var(--spacing-max);
}

.min-w-fit {
  min-width: var(--spacing-fit);
}

.min-h-0 {
  min-height: var(--spacing-0);
}

.min-h-1 {
  min-height: var(--spacing-1);
}

.min-h-2 {
  min-height: var(--spacing-2);
}

.min-h-3 {
  min-height: var(--spacing-3);
}

.min-h-4 {
  min-height: var(--spacing-4);
}

.min-h-5 {
  min-height: var(--spacing-5);
}

.min-h-6 {
  min-height: var(--spacing-6);
}

.min-h-7 {
  min-height: var(--spacing-7);
}

.min-h-8 {
  min-height: var(--spacing-8);
}

.min-h-9 {
  min-height: var(--spacing-9);
}

.min-h-10 {
  min-height: var(--spacing-10);
}

.min-h-11 {
  min-height: var(--spacing-11);
}

.min-h-12 {
  min-height: var(--spacing-12);
}

.min-h-14 {
  min-height: var(--spacing-14);
}

.min-h-16 {
  min-height: var(--spacing-16);
}

.min-h-20 {
  min-height: var(--spacing-20);
}

.min-h-24 {
  min-height: var(--spacing-24);
}

.min-h-28 {
  min-height: var(--spacing-28);
}

.min-h-32 {
  min-height: var(--spacing-32);
}

.min-h-36 {
  min-height: var(--spacing-36);
}

.min-h-40 {
  min-height: var(--spacing-40);
}

.min-h-44 {
  min-height: var(--spacing-44);
}

.min-h-48 {
  min-height: var(--spacing-48);
}

.min-h-52 {
  min-height: var(--spacing-52);
}

.min-h-56 {
  min-height: var(--spacing-56);
}

.min-h-60 {
  min-height: var(--spacing-60);
}

.min-h-64 {
  min-height: var(--spacing-64);
}

.min-h-72 {
  min-height: var(--spacing-72);
}

.min-h-80 {
  min-height: var(--spacing-80);
}

.min-h-96 {
  min-height: var(--spacing-96);
}

.min-h-px {
  min-height: var(--spacing-px);
}

.min-h-0\.5 {
  min-height: var(--spacing-0.5);
}

.min-h-1\.5 {
  min-height: var(--spacing-1.5);
}

.min-h-2\.5 {
  min-height: var(--spacing-2.5);
}

.min-h-3\.5 {
  min-height: var(--spacing-3.5);
}

.min-h-auto {
  min-height: var(--spacing-auto);
}

.min-h-1\/2 {
  min-height: var(--spacing-1/2);
}

.min-h-1\/3 {
  min-height: var(--spacing-1/3);
}

.min-h-2\/3 {
  min-height: var(--spacing-2/3);
}

.min-h-1\/4 {
  min-height: var(--spacing-1/4);
}

.min-h-2\/4 {
  min-height: var(--spacing-2/4);
}

.min-h-3\/4 {
  min-height: var(--spacing-3/4);
}

.min-h-1\/5 {
  min-height: var(--spacing-1/5);
}

.min-h-2\/5 {
  min-height: var(--spacing-2/5);
}

.min-h-3\/5 {
  min-height: var(--spacing-3/5);
}

.min-h-4\/5 {
  min-height: var(--spacing-4/5);
}

.min-h-1\/6 {
  min-height: var(--spacing-1/6);
}

.min-h-2\/6 {
  min-height: var(--spacing-2/6);
}

.min-h-3\/6 {
  min-height: var(--spacing-3/6);
}

.min-h-4\/6 {
  min-height: var(--spacing-4/6);
}

.min-h-5\/6 {
  min-height: var(--spacing-5/6);
}

.min-h-full {
  min-height: var(--spacing-full);
}

.min-h-screen {
  min-height: var(--spacing-screen);
}

.min-h-min {
  min-height: var(--spacing-min);
}

.min-h-max {
  min-height: var(--spacing-max);
}

.min-h-fit {
  min-height: var(--spacing-fit);
}

.max-w-0 {
  max-width: var(--spacing-0);
}

.max-w-1 {
  max-width: var(--spacing-1);
}

.max-w-2 {
  max-width: var(--spacing-2);
}

.max-w-3 {
  max-width: var(--spacing-3);
}

.max-w-4 {
  max-width: var(--spacing-4);
}

.max-w-5 {
  max-width: var(--spacing-5);
}

.max-w-6 {
  max-width: var(--spacing-6);
}

.max-w-7 {
  max-width: var(--spacing-7);
}

.max-w-8 {
  max-width: var(--spacing-8);
}

.max-w-9 {
  max-width: var(--spacing-9);
}

.max-w-10 {
  max-width: var(--spacing-10);
}

.max-w-11 {
  max-width: var(--spacing-11);
}

.max-w-12 {
  max-width: var(--spacing-12);
}

.max-w-14 {
  max-width: var(--spacing-14);
}

.max-w-16 {
  max-width: var(--spacing-16);
}

.max-w-20 {
  max-width: var(--spacing-20);
}

.max-w-24 {
  max-width: var(--spacing-24);
}

.max-w-28 {
  max-width: var(--spacing-28);
}

.max-w-32 {
  max-width: var(--spacing-32);
}

.max-w-36 {
  max-width: var(--spacing-36);
}

.max-w-40 {
  max-width: var(--spacing-40);
}

.max-w-44 {
  max-width: var(--spacing-44);
}

.max-w-48 {
  max-width: var(--spacing-48);
}

.max-w-52 {
  max-width: var(--spacing-52);
}

.max-w-56 {
  max-width: var(--spacing-56);
}

.max-w-60 {
  max-width: var(--spacing-60);
}

.max-w-64 {
  max-width: var(--spacing-64);
}

.max-w-72 {
  max-width: var(--spacing-72);
}

.max-w-80 {
  max-width: var(--spacing-80);
}

.max-w-96 {
  max-width: var(--spacing-96);
}

.max-w-px {
  max-width: var(--spacing-px);
}

.max-w-0\.5 {
  max-width: var(--spacing-0.5);
}

.max-w-1\.5 {
  max-width: var(--spacing-1.5);
}

.max-w-2\.5 {
  max-width: var(--spacing-2.5);
}

.max-w-3\.5 {
  max-width: var(--spacing-3.5);
}

.max-w-auto {
  max-width: var(--spacing-auto);
}

.max-w-1\/2 {
  max-width: var(--spacing-1/2);
}

.max-w-1\/3 {
  max-width: var(--spacing-1/3);
}

.max-w-2\/3 {
  max-width: var(--spacing-2/3);
}

.max-w-1\/4 {
  max-width: var(--spacing-1/4);
}

.max-w-2\/4 {
  max-width: var(--spacing-2/4);
}

.max-w-3\/4 {
  max-width: var(--spacing-3/4);
}

.max-w-1\/5 {
  max-width: var(--spacing-1/5);
}

.max-w-2\/5 {
  max-width: var(--spacing-2/5);
}

.max-w-3\/5 {
  max-width: var(--spacing-3/5);
}

.max-w-4\/5 {
  max-width: var(--spacing-4/5);
}

.max-w-1\/6 {
  max-width: var(--spacing-1/6);
}

.max-w-2\/6 {
  max-width: var(--spacing-2/6);
}

.max-w-3\/6 {
  max-width: var(--spacing-3/6);
}

.max-w-4\/6 {
  max-width: var(--spacing-4/6);
}

.max-w-5\/6 {
  max-width: var(--spacing-5/6);
}

.max-w-full {
  max-width: var(--spacing-full);
}

.max-w-screen {
  max-width: var(--spacing-screen);
}

.max-w-min {
  max-width: var(--spacing-min);
}

.max-w-max {
  max-width: var(--spacing-max);
}

.max-w-fit {
  max-width: var(--spacing-fit);
}

.max-h-0 {
  max-height: var(--spacing-0);
}

.max-h-1 {
  max-height: var(--spacing-1);
}

.max-h-2 {
  max-height: var(--spacing-2);
}

.max-h-3 {
  max-height: var(--spacing-3);
}

.max-h-4 {
  max-height: var(--spacing-4);
}

.max-h-5 {
  max-height: var(--spacing-5);
}

.max-h-6 {
  max-height: var(--spacing-6);
}

.max-h-7 {
  max-height: var(--spacing-7);
}

.max-h-8 {
  max-height: var(--spacing-8);
}

.max-h-9 {
  max-height: var(--spacing-9);
}

.max-h-10 {
  max-height: var(--spacing-10);
}

.max-h-11 {
  max-height: var(--spacing-11);
}

.max-h-12 {
  max-height: var(--spacing-12);
}

.max-h-14 {
  max-height: var(--spacing-14);
}

.max-h-16 {
  max-height: var(--spacing-16);
}

.max-h-20 {
  max-height: var(--spacing-20);
}

.max-h-24 {
  max-height: var(--spacing-24);
}

.max-h-28 {
  max-height: var(--spacing-28);
}

.max-h-32 {
  max-height: var(--spacing-32);
}

.max-h-36 {
  max-height: var(--spacing-36);
}

.max-h-40 {
  max-height: var(--spacing-40);
}

.max-h-44 {
  max-height: var(--spacing-44);
}

.max-h-48 {
  max-height: var(--spacing-48);
}

.max-h-52 {
  max-height: var(--spacing-52);
}

.max-h-56 {
  max-height: var(--spacing-56);
}

.max-h-60 {
  max-height: var(--spacing-60);
}

.max-h-64 {
  max-height: var(--spacing-64);
}

.max-h-72 {
  max-height: var(--spacing-72);
}

.max-h-80 {
  max-height: var(--spacing-80);
}

.max-h-96 {
  max-height: var(--spacing-96);
}

.max-h-px {
  max-height: var(--spacing-px);
}

.max-h-0\.5 {
  max-height: var(--spacing-0.5);
}

.max-h-1\.5 {
  max-height: var(--spacing-1.5);
}

.max-h-2\.5 {
  max-height: var(--spacing-2.5);
}

.max-h-3\.5 {
  max-height: var(--spacing-3.5);
}

.max-h-auto {
  max-height: var(--spacing-auto);
}

.max-h-1\/2 {
  max-height: var(--spacing-1/2);
}

.max-h-1\/3 {
  max-height: var(--spacing-1/3);
}

.max-h-2\/3 {
  max-height: var(--spacing-2/3);
}

.max-h-1\/4 {
  max-height: var(--spacing-1/4);
}

.max-h-2\/4 {
  max-height: var(--spacing-2/4);
}

.max-h-3\/4 {
  max-height: var(--spacing-3/4);
}

.max-h-1\/5 {
  max-height: var(--spacing-1/5);
}

.max-h-2\/5 {
  max-height: var(--spacing-2/5);
}

.max-h-3\/5 {
  max-height: var(--spacing-3/5);
}

.max-h-4\/5 {
  max-height: var(--spacing-4/5);
}

.max-h-1\/6 {
  max-height: var(--spacing-1/6);
}

.max-h-2\/6 {
  max-height: var(--spacing-2/6);
}

.max-h-3\/6 {
  max-height: var(--spacing-3/6);
}

.max-h-4\/6 {
  max-height: var(--spacing-4/6);
}

.max-h-5\/6 {
  max-height: var(--spacing-5/6);
}

.max-h-full {
  max-height: var(--spacing-full);
}

.max-h-screen {
  max-height: var(--spacing-screen);
}

.max-h-min {
  max-height: var(--spacing-min);
}

.max-h-max {
  max-height: var(--spacing-max);
}

.max-h-fit {
  max-height: var(--spacing-fit);
}

.w-screen {
  width: 100vw;
}

.h-screen {
  height: 100vh;
}

.w-min {
  width: min-content;
}

.w-max {
  width: max-content;
}

.w-fit {
  width: fit-content;
}

.h-min {
  height: min-content;
}

.h-max {
  height: max-content;
}

.h-fit {
  height: fit-content;
}

.aspect-video {
  aspect-ratio: 16/9;
}

.aspect-square {
  aspect-ratio: 1/1;
}

.aspect-4-3 {
  aspect-ratio: 4/3;
}

.aspect-3-2 {
  aspect-ratio: 3/2;
}

.aspect-auto {
  aspect-ratio: auto;
}

/* 定位与层级 */

/* 基础类 */
.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.top-0 {
  top: var(--spacing-0);
}

.top-1 {
  top: var(--spacing-1);
}

.top-2 {
  top: var(--spacing-2);
}

.top-3 {
  top: var(--spacing-3);
}

.top-4 {
  top: var(--spacing-4);
}

.top-5 {
  top: var(--spacing-5);
}

.top-6 {
  top: var(--spacing-6);
}

.top-7 {
  top: var(--spacing-7);
}

.top-8 {
  top: var(--spacing-8);
}

.top-9 {
  top: var(--spacing-9);
}

.top-10 {
  top: var(--spacing-10);
}

.top-11 {
  top: var(--spacing-11);
}

.top-12 {
  top: var(--spacing-12);
}

.top-14 {
  top: var(--spacing-14);
}

.top-16 {
  top: var(--spacing-16);
}

.top-20 {
  top: var(--spacing-20);
}

.top-24 {
  top: var(--spacing-24);
}

.top-28 {
  top: var(--spacing-28);
}

.top-32 {
  top: var(--spacing-32);
}

.top-36 {
  top: var(--spacing-36);
}

.top-40 {
  top: var(--spacing-40);
}

.top-44 {
  top: var(--spacing-44);
}

.top-48 {
  top: var(--spacing-48);
}

.top-52 {
  top: var(--spacing-52);
}

.top-56 {
  top: var(--spacing-56);
}

.top-60 {
  top: var(--spacing-60);
}

.top-64 {
  top: var(--spacing-64);
}

.top-72 {
  top: var(--spacing-72);
}

.top-80 {
  top: var(--spacing-80);
}

.top-96 {
  top: var(--spacing-96);
}

.top-px {
  top: var(--spacing-px);
}

.top-0\.5 {
  top: var(--spacing-0.5);
}

.top-1\.5 {
  top: var(--spacing-1.5);
}

.top-2\.5 {
  top: var(--spacing-2.5);
}

.top-3\.5 {
  top: var(--spacing-3.5);
}

.top-auto {
  top: var(--spacing-auto);
}

.top-1\/2 {
  top: var(--spacing-1/2);
}

.top-1\/3 {
  top: var(--spacing-1/3);
}

.top-2\/3 {
  top: var(--spacing-2/3);
}

.top-1\/4 {
  top: var(--spacing-1/4);
}

.top-2\/4 {
  top: var(--spacing-2/4);
}

.top-3\/4 {
  top: var(--spacing-3/4);
}

.top-1\/5 {
  top: var(--spacing-1/5);
}

.top-2\/5 {
  top: var(--spacing-2/5);
}

.top-3\/5 {
  top: var(--spacing-3/5);
}

.top-4\/5 {
  top: var(--spacing-4/5);
}

.top-1\/6 {
  top: var(--spacing-1/6);
}

.top-2\/6 {
  top: var(--spacing-2/6);
}

.top-3\/6 {
  top: var(--spacing-3/6);
}

.top-4\/6 {
  top: var(--spacing-4/6);
}

.top-5\/6 {
  top: var(--spacing-5/6);
}

.top-full {
  top: var(--spacing-full);
}

.top-screen {
  top: var(--spacing-screen);
}

.top-min {
  top: var(--spacing-min);
}

.top-max {
  top: var(--spacing-max);
}

.top-fit {
  top: var(--spacing-fit);
}

.right-0 {
  right: var(--spacing-0);
}

.right-1 {
  right: var(--spacing-1);
}

.right-2 {
  right: var(--spacing-2);
}

.right-3 {
  right: var(--spacing-3);
}

.right-4 {
  right: var(--spacing-4);
}

.right-5 {
  right: var(--spacing-5);
}

.right-6 {
  right: var(--spacing-6);
}

.right-7 {
  right: var(--spacing-7);
}

.right-8 {
  right: var(--spacing-8);
}

.right-9 {
  right: var(--spacing-9);
}

.right-10 {
  right: var(--spacing-10);
}

.right-11 {
  right: var(--spacing-11);
}

.right-12 {
  right: var(--spacing-12);
}

.right-14 {
  right: var(--spacing-14);
}

.right-16 {
  right: var(--spacing-16);
}

.right-20 {
  right: var(--spacing-20);
}

.right-24 {
  right: var(--spacing-24);
}

.right-28 {
  right: var(--spacing-28);
}

.right-32 {
  right: var(--spacing-32);
}

.right-36 {
  right: var(--spacing-36);
}

.right-40 {
  right: var(--spacing-40);
}

.right-44 {
  right: var(--spacing-44);
}

.right-48 {
  right: var(--spacing-48);
}

.right-52 {
  right: var(--spacing-52);
}

.right-56 {
  right: var(--spacing-56);
}

.right-60 {
  right: var(--spacing-60);
}

.right-64 {
  right: var(--spacing-64);
}

.right-72 {
  right: var(--spacing-72);
}

.right-80 {
  right: var(--spacing-80);
}

.right-96 {
  right: var(--spacing-96);
}

.right-px {
  right: var(--spacing-px);
}

.right-0\.5 {
  right: var(--spacing-0.5);
}

.right-1\.5 {
  right: var(--spacing-1.5);
}

.right-2\.5 {
  right: var(--spacing-2.5);
}

.right-3\.5 {
  right: var(--spacing-3.5);
}

.right-auto {
  right: var(--spacing-auto);
}

.right-1\/2 {
  right: var(--spacing-1/2);
}

.right-1\/3 {
  right: var(--spacing-1/3);
}

.right-2\/3 {
  right: var(--spacing-2/3);
}

.right-1\/4 {
  right: var(--spacing-1/4);
}

.right-2\/4 {
  right: var(--spacing-2/4);
}

.right-3\/4 {
  right: var(--spacing-3/4);
}

.right-1\/5 {
  right: var(--spacing-1/5);
}

.right-2\/5 {
  right: var(--spacing-2/5);
}

.right-3\/5 {
  right: var(--spacing-3/5);
}

.right-4\/5 {
  right: var(--spacing-4/5);
}

.right-1\/6 {
  right: var(--spacing-1/6);
}

.right-2\/6 {
  right: var(--spacing-2/6);
}

.right-3\/6 {
  right: var(--spacing-3/6);
}

.right-4\/6 {
  right: var(--spacing-4/6);
}

.right-5\/6 {
  right: var(--spacing-5/6);
}

.right-full {
  right: var(--spacing-full);
}

.right-screen {
  right: var(--spacing-screen);
}

.right-min {
  right: var(--spacing-min);
}

.right-max {
  right: var(--spacing-max);
}

.right-fit {
  right: var(--spacing-fit);
}

.bottom-0 {
  bottom: var(--spacing-0);
}

.bottom-1 {
  bottom: var(--spacing-1);
}

.bottom-2 {
  bottom: var(--spacing-2);
}

.bottom-3 {
  bottom: var(--spacing-3);
}

.bottom-4 {
  bottom: var(--spacing-4);
}

.bottom-5 {
  bottom: var(--spacing-5);
}

.bottom-6 {
  bottom: var(--spacing-6);
}

.bottom-7 {
  bottom: var(--spacing-7);
}

.bottom-8 {
  bottom: var(--spacing-8);
}

.bottom-9 {
  bottom: var(--spacing-9);
}

.bottom-10 {
  bottom: var(--spacing-10);
}

.bottom-11 {
  bottom: var(--spacing-11);
}

.bottom-12 {
  bottom: var(--spacing-12);
}

.bottom-14 {
  bottom: var(--spacing-14);
}

.bottom-16 {
  bottom: var(--spacing-16);
}

.bottom-20 {
  bottom: var(--spacing-20);
}

.bottom-24 {
  bottom: var(--spacing-24);
}

.bottom-28 {
  bottom: var(--spacing-28);
}

.bottom-32 {
  bottom: var(--spacing-32);
}

.bottom-36 {
  bottom: var(--spacing-36);
}

.bottom-40 {
  bottom: var(--spacing-40);
}

.bottom-44 {
  bottom: var(--spacing-44);
}

.bottom-48 {
  bottom: var(--spacing-48);
}

.bottom-52 {
  bottom: var(--spacing-52);
}

.bottom-56 {
  bottom: var(--spacing-56);
}

.bottom-60 {
  bottom: var(--spacing-60);
}

.bottom-64 {
  bottom: var(--spacing-64);
}

.bottom-72 {
  bottom: var(--spacing-72);
}

.bottom-80 {
  bottom: var(--spacing-80);
}

.bottom-96 {
  bottom: var(--spacing-96);
}

.bottom-px {
  bottom: var(--spacing-px);
}

.bottom-0\.5 {
  bottom: var(--spacing-0.5);
}

.bottom-1\.5 {
  bottom: var(--spacing-1.5);
}

.bottom-2\.5 {
  bottom: var(--spacing-2.5);
}

.bottom-3\.5 {
  bottom: var(--spacing-3.5);
}

.bottom-auto {
  bottom: var(--spacing-auto);
}

.bottom-1\/2 {
  bottom: var(--spacing-1/2);
}

.bottom-1\/3 {
  bottom: var(--spacing-1/3);
}

.bottom-2\/3 {
  bottom: var(--spacing-2/3);
}

.bottom-1\/4 {
  bottom: var(--spacing-1/4);
}

.bottom-2\/4 {
  bottom: var(--spacing-2/4);
}

.bottom-3\/4 {
  bottom: var(--spacing-3/4);
}

.bottom-1\/5 {
  bottom: var(--spacing-1/5);
}

.bottom-2\/5 {
  bottom: var(--spacing-2/5);
}

.bottom-3\/5 {
  bottom: var(--spacing-3/5);
}

.bottom-4\/5 {
  bottom: var(--spacing-4/5);
}

.bottom-1\/6 {
  bottom: var(--spacing-1/6);
}

.bottom-2\/6 {
  bottom: var(--spacing-2/6);
}

.bottom-3\/6 {
  bottom: var(--spacing-3/6);
}

.bottom-4\/6 {
  bottom: var(--spacing-4/6);
}

.bottom-5\/6 {
  bottom: var(--spacing-5/6);
}

.bottom-full {
  bottom: var(--spacing-full);
}

.bottom-screen {
  bottom: var(--spacing-screen);
}

.bottom-min {
  bottom: var(--spacing-min);
}

.bottom-max {
  bottom: var(--spacing-max);
}

.bottom-fit {
  bottom: var(--spacing-fit);
}

.left-0 {
  left: var(--spacing-0);
}

.left-1 {
  left: var(--spacing-1);
}

.left-2 {
  left: var(--spacing-2);
}

.left-3 {
  left: var(--spacing-3);
}

.left-4 {
  left: var(--spacing-4);
}

.left-5 {
  left: var(--spacing-5);
}

.left-6 {
  left: var(--spacing-6);
}

.left-7 {
  left: var(--spacing-7);
}

.left-8 {
  left: var(--spacing-8);
}

.left-9 {
  left: var(--spacing-9);
}

.left-10 {
  left: var(--spacing-10);
}

.left-11 {
  left: var(--spacing-11);
}

.left-12 {
  left: var(--spacing-12);
}

.left-14 {
  left: var(--spacing-14);
}

.left-16 {
  left: var(--spacing-16);
}

.left-20 {
  left: var(--spacing-20);
}

.left-24 {
  left: var(--spacing-24);
}

.left-28 {
  left: var(--spacing-28);
}

.left-32 {
  left: var(--spacing-32);
}

.left-36 {
  left: var(--spacing-36);
}

.left-40 {
  left: var(--spacing-40);
}

.left-44 {
  left: var(--spacing-44);
}

.left-48 {
  left: var(--spacing-48);
}

.left-52 {
  left: var(--spacing-52);
}

.left-56 {
  left: var(--spacing-56);
}

.left-60 {
  left: var(--spacing-60);
}

.left-64 {
  left: var(--spacing-64);
}

.left-72 {
  left: var(--spacing-72);
}

.left-80 {
  left: var(--spacing-80);
}

.left-96 {
  left: var(--spacing-96);
}

.left-px {
  left: var(--spacing-px);
}

.left-0\.5 {
  left: var(--spacing-0.5);
}

.left-1\.5 {
  left: var(--spacing-1.5);
}

.left-2\.5 {
  left: var(--spacing-2.5);
}

.left-3\.5 {
  left: var(--spacing-3.5);
}

.left-auto {
  left: var(--spacing-auto);
}

.left-1\/2 {
  left: var(--spacing-1/2);
}

.left-1\/3 {
  left: var(--spacing-1/3);
}

.left-2\/3 {
  left: var(--spacing-2/3);
}

.left-1\/4 {
  left: var(--spacing-1/4);
}

.left-2\/4 {
  left: var(--spacing-2/4);
}

.left-3\/4 {
  left: var(--spacing-3/4);
}

.left-1\/5 {
  left: var(--spacing-1/5);
}

.left-2\/5 {
  left: var(--spacing-2/5);
}

.left-3\/5 {
  left: var(--spacing-3/5);
}

.left-4\/5 {
  left: var(--spacing-4/5);
}

.left-1\/6 {
  left: var(--spacing-1/6);
}

.left-2\/6 {
  left: var(--spacing-2/6);
}

.left-3\/6 {
  left: var(--spacing-3/6);
}

.left-4\/6 {
  left: var(--spacing-4/6);
}

.left-5\/6 {
  left: var(--spacing-5/6);
}

.left-full {
  left: var(--spacing-full);
}

.left-screen {
  left: var(--spacing-screen);
}

.left-min {
  left: var(--spacing-min);
}

.left-max {
  left: var(--spacing-max);
}

.left-fit {
  left: var(--spacing-fit);
}

.inset-0 {
  inset: var(--spacing-0);
}

.inset-1 {
  inset: var(--spacing-1);
}

.inset-2 {
  inset: var(--spacing-2);
}

.inset-3 {
  inset: var(--spacing-3);
}

.inset-4 {
  inset: var(--spacing-4);
}

.inset-5 {
  inset: var(--spacing-5);
}

.inset-6 {
  inset: var(--spacing-6);
}

.inset-7 {
  inset: var(--spacing-7);
}

.inset-8 {
  inset: var(--spacing-8);
}

.inset-9 {
  inset: var(--spacing-9);
}

.inset-10 {
  inset: var(--spacing-10);
}

.inset-11 {
  inset: var(--spacing-11);
}

.inset-12 {
  inset: var(--spacing-12);
}

.inset-14 {
  inset: var(--spacing-14);
}

.inset-16 {
  inset: var(--spacing-16);
}

.inset-20 {
  inset: var(--spacing-20);
}

.inset-24 {
  inset: var(--spacing-24);
}

.inset-28 {
  inset: var(--spacing-28);
}

.inset-32 {
  inset: var(--spacing-32);
}

.inset-36 {
  inset: var(--spacing-36);
}

.inset-40 {
  inset: var(--spacing-40);
}

.inset-44 {
  inset: var(--spacing-44);
}

.inset-48 {
  inset: var(--spacing-48);
}

.inset-52 {
  inset: var(--spacing-52);
}

.inset-56 {
  inset: var(--spacing-56);
}

.inset-60 {
  inset: var(--spacing-60);
}

.inset-64 {
  inset: var(--spacing-64);
}

.inset-72 {
  inset: var(--spacing-72);
}

.inset-80 {
  inset: var(--spacing-80);
}

.inset-96 {
  inset: var(--spacing-96);
}

.inset-px {
  inset: var(--spacing-px);
}

.inset-0\.5 {
  inset: var(--spacing-0.5);
}

.inset-1\.5 {
  inset: var(--spacing-1.5);
}

.inset-2\.5 {
  inset: var(--spacing-2.5);
}

.inset-3\.5 {
  inset: var(--spacing-3.5);
}

.inset-auto {
  inset: var(--spacing-auto);
}

.inset-1\/2 {
  inset: var(--spacing-1/2);
}

.inset-1\/3 {
  inset: var(--spacing-1/3);
}

.inset-2\/3 {
  inset: var(--spacing-2/3);
}

.inset-1\/4 {
  inset: var(--spacing-1/4);
}

.inset-2\/4 {
  inset: var(--spacing-2/4);
}

.inset-3\/4 {
  inset: var(--spacing-3/4);
}

.inset-1\/5 {
  inset: var(--spacing-1/5);
}

.inset-2\/5 {
  inset: var(--spacing-2/5);
}

.inset-3\/5 {
  inset: var(--spacing-3/5);
}

.inset-4\/5 {
  inset: var(--spacing-4/5);
}

.inset-1\/6 {
  inset: var(--spacing-1/6);
}

.inset-2\/6 {
  inset: var(--spacing-2/6);
}

.inset-3\/6 {
  inset: var(--spacing-3/6);
}

.inset-4\/6 {
  inset: var(--spacing-4/6);
}

.inset-5\/6 {
  inset: var(--spacing-5/6);
}

.inset-full {
  inset: var(--spacing-full);
}

.inset-screen {
  inset: var(--spacing-screen);
}

.inset-min {
  inset: var(--spacing-min);
}

.inset-max {
  inset: var(--spacing-max);
}

.inset-fit {
  inset: var(--spacing-fit);
}

.inset-x-0 {
  left: var(--spacing-0);
  right: var(--spacing-0);
}

.inset-x-1 {
  left: var(--spacing-1);
  right: var(--spacing-1);
}

.inset-x-2 {
  left: var(--spacing-2);
  right: var(--spacing-2);
}

.inset-x-3 {
  left: var(--spacing-3);
  right: var(--spacing-3);
}

.inset-x-4 {
  left: var(--spacing-4);
  right: var(--spacing-4);
}

.inset-x-5 {
  left: var(--spacing-5);
  right: var(--spacing-5);
}

.inset-x-6 {
  left: var(--spacing-6);
  right: var(--spacing-6);
}

.inset-x-7 {
  left: var(--spacing-7);
  right: var(--spacing-7);
}

.inset-x-8 {
  left: var(--spacing-8);
  right: var(--spacing-8);
}

.inset-x-9 {
  left: var(--spacing-9);
  right: var(--spacing-9);
}

.inset-x-10 {
  left: var(--spacing-10);
  right: var(--spacing-10);
}

.inset-x-11 {
  left: var(--spacing-11);
  right: var(--spacing-11);
}

.inset-x-12 {
  left: var(--spacing-12);
  right: var(--spacing-12);
}

.inset-x-14 {
  left: var(--spacing-14);
  right: var(--spacing-14);
}

.inset-x-16 {
  left: var(--spacing-16);
  right: var(--spacing-16);
}

.inset-x-20 {
  left: var(--spacing-20);
  right: var(--spacing-20);
}

.inset-x-24 {
  left: var(--spacing-24);
  right: var(--spacing-24);
}

.inset-x-28 {
  left: var(--spacing-28);
  right: var(--spacing-28);
}

.inset-x-32 {
  left: var(--spacing-32);
  right: var(--spacing-32);
}

.inset-x-36 {
  left: var(--spacing-36);
  right: var(--spacing-36);
}

.inset-x-40 {
  left: var(--spacing-40);
  right: var(--spacing-40);
}

.inset-x-44 {
  left: var(--spacing-44);
  right: var(--spacing-44);
}

.inset-x-48 {
  left: var(--spacing-48);
  right: var(--spacing-48);
}

.inset-x-52 {
  left: var(--spacing-52);
  right: var(--spacing-52);
}

.inset-x-56 {
  left: var(--spacing-56);
  right: var(--spacing-56);
}

.inset-x-60 {
  left: var(--spacing-60);
  right: var(--spacing-60);
}

.inset-x-64 {
  left: var(--spacing-64);
  right: var(--spacing-64);
}

.inset-x-72 {
  left: var(--spacing-72);
  right: var(--spacing-72);
}

.inset-x-80 {
  left: var(--spacing-80);
  right: var(--spacing-80);
}

.inset-x-96 {
  left: var(--spacing-96);
  right: var(--spacing-96);
}

.inset-x-px {
  left: var(--spacing-px);
  right: var(--spacing-px);
}

.inset-x-0\.5 {
  left: var(--spacing-0.5);
  right: var(--spacing-0.5);
}

.inset-x-1\.5 {
  left: var(--spacing-1.5);
  right: var(--spacing-1.5);
}

.inset-x-2\.5 {
  left: var(--spacing-2.5);
  right: var(--spacing-2.5);
}

.inset-x-3\.5 {
  left: var(--spacing-3.5);
  right: var(--spacing-3.5);
}

.inset-x-auto {
  left: var(--spacing-auto);
  right: var(--spacing-auto);
}

.inset-x-1\/2 {
  left: var(--spacing-1/2);
  right: var(--spacing-1/2);
}

.inset-x-1\/3 {
  left: var(--spacing-1/3);
  right: var(--spacing-1/3);
}

.inset-x-2\/3 {
  left: var(--spacing-2/3);
  right: var(--spacing-2/3);
}

.inset-x-1\/4 {
  left: var(--spacing-1/4);
  right: var(--spacing-1/4);
}

.inset-x-2\/4 {
  left: var(--spacing-2/4);
  right: var(--spacing-2/4);
}

.inset-x-3\/4 {
  left: var(--spacing-3/4);
  right: var(--spacing-3/4);
}

.inset-x-1\/5 {
  left: var(--spacing-1/5);
  right: var(--spacing-1/5);
}

.inset-x-2\/5 {
  left: var(--spacing-2/5);
  right: var(--spacing-2/5);
}

.inset-x-3\/5 {
  left: var(--spacing-3/5);
  right: var(--spacing-3/5);
}

.inset-x-4\/5 {
  left: var(--spacing-4/5);
  right: var(--spacing-4/5);
}

.inset-x-1\/6 {
  left: var(--spacing-1/6);
  right: var(--spacing-1/6);
}

.inset-x-2\/6 {
  left: var(--spacing-2/6);
  right: var(--spacing-2/6);
}

.inset-x-3\/6 {
  left: var(--spacing-3/6);
  right: var(--spacing-3/6);
}

.inset-x-4\/6 {
  left: var(--spacing-4/6);
  right: var(--spacing-4/6);
}

.inset-x-5\/6 {
  left: var(--spacing-5/6);
  right: var(--spacing-5/6);
}

.inset-x-full {
  left: var(--spacing-full);
  right: var(--spacing-full);
}

.inset-x-screen {
  left: var(--spacing-screen);
  right: var(--spacing-screen);
}

.inset-x-min {
  left: var(--spacing-min);
  right: var(--spacing-min);
}

.inset-x-max {
  left: var(--spacing-max);
  right: var(--spacing-max);
}

.inset-x-fit {
  left: var(--spacing-fit);
  right: var(--spacing-fit);
}

.inset-y-0 {
  top: var(--spacing-0);
  bottom: var(--spacing-0);
}

.inset-y-1 {
  top: var(--spacing-1);
  bottom: var(--spacing-1);
}

.inset-y-2 {
  top: var(--spacing-2);
  bottom: var(--spacing-2);
}

.inset-y-3 {
  top: var(--spacing-3);
  bottom: var(--spacing-3);
}

.inset-y-4 {
  top: var(--spacing-4);
  bottom: var(--spacing-4);
}

.inset-y-5 {
  top: var(--spacing-5);
  bottom: var(--spacing-5);
}

.inset-y-6 {
  top: var(--spacing-6);
  bottom: var(--spacing-6);
}

.inset-y-7 {
  top: var(--spacing-7);
  bottom: var(--spacing-7);
}

.inset-y-8 {
  top: var(--spacing-8);
  bottom: var(--spacing-8);
}

.inset-y-9 {
  top: var(--spacing-9);
  bottom: var(--spacing-9);
}

.inset-y-10 {
  top: var(--spacing-10);
  bottom: var(--spacing-10);
}

.inset-y-11 {
  top: var(--spacing-11);
  bottom: var(--spacing-11);
}

.inset-y-12 {
  top: var(--spacing-12);
  bottom: var(--spacing-12);
}

.inset-y-14 {
  top: var(--spacing-14);
  bottom: var(--spacing-14);
}

.inset-y-16 {
  top: var(--spacing-16);
  bottom: var(--spacing-16);
}

.inset-y-20 {
  top: var(--spacing-20);
  bottom: var(--spacing-20);
}

.inset-y-24 {
  top: var(--spacing-24);
  bottom: var(--spacing-24);
}

.inset-y-28 {
  top: var(--spacing-28);
  bottom: var(--spacing-28);
}

.inset-y-32 {
  top: var(--spacing-32);
  bottom: var(--spacing-32);
}

.inset-y-36 {
  top: var(--spacing-36);
  bottom: var(--spacing-36);
}

.inset-y-40 {
  top: var(--spacing-40);
  bottom: var(--spacing-40);
}

.inset-y-44 {
  top: var(--spacing-44);
  bottom: var(--spacing-44);
}

.inset-y-48 {
  top: var(--spacing-48);
  bottom: var(--spacing-48);
}

.inset-y-52 {
  top: var(--spacing-52);
  bottom: var(--spacing-52);
}

.inset-y-56 {
  top: var(--spacing-56);
  bottom: var(--spacing-56);
}

.inset-y-60 {
  top: var(--spacing-60);
  bottom: var(--spacing-60);
}

.inset-y-64 {
  top: var(--spacing-64);
  bottom: var(--spacing-64);
}

.inset-y-72 {
  top: var(--spacing-72);
  bottom: var(--spacing-72);
}

.inset-y-80 {
  top: var(--spacing-80);
  bottom: var(--spacing-80);
}

.inset-y-96 {
  top: var(--spacing-96);
  bottom: var(--spacing-96);
}

.inset-y-px {
  top: var(--spacing-px);
  bottom: var(--spacing-px);
}

.inset-y-0\.5 {
  top: var(--spacing-0.5);
  bottom: var(--spacing-0.5);
}

.inset-y-1\.5 {
  top: var(--spacing-1.5);
  bottom: var(--spacing-1.5);
}

.inset-y-2\.5 {
  top: var(--spacing-2.5);
  bottom: var(--spacing-2.5);
}

.inset-y-3\.5 {
  top: var(--spacing-3.5);
  bottom: var(--spacing-3.5);
}

.inset-y-auto {
  top: var(--spacing-auto);
  bottom: var(--spacing-auto);
}

.inset-y-1\/2 {
  top: var(--spacing-1/2);
  bottom: var(--spacing-1/2);
}

.inset-y-1\/3 {
  top: var(--spacing-1/3);
  bottom: var(--spacing-1/3);
}

.inset-y-2\/3 {
  top: var(--spacing-2/3);
  bottom: var(--spacing-2/3);
}

.inset-y-1\/4 {
  top: var(--spacing-1/4);
  bottom: var(--spacing-1/4);
}

.inset-y-2\/4 {
  top: var(--spacing-2/4);
  bottom: var(--spacing-2/4);
}

.inset-y-3\/4 {
  top: var(--spacing-3/4);
  bottom: var(--spacing-3/4);
}

.inset-y-1\/5 {
  top: var(--spacing-1/5);
  bottom: var(--spacing-1/5);
}

.inset-y-2\/5 {
  top: var(--spacing-2/5);
  bottom: var(--spacing-2/5);
}

.inset-y-3\/5 {
  top: var(--spacing-3/5);
  bottom: var(--spacing-3/5);
}

.inset-y-4\/5 {
  top: var(--spacing-4/5);
  bottom: var(--spacing-4/5);
}

.inset-y-1\/6 {
  top: var(--spacing-1/6);
  bottom: var(--spacing-1/6);
}

.inset-y-2\/6 {
  top: var(--spacing-2/6);
  bottom: var(--spacing-2/6);
}

.inset-y-3\/6 {
  top: var(--spacing-3/6);
  bottom: var(--spacing-3/6);
}

.inset-y-4\/6 {
  top: var(--spacing-4/6);
  bottom: var(--spacing-4/6);
}

.inset-y-5\/6 {
  top: var(--spacing-5/6);
  bottom: var(--spacing-5/6);
}

.inset-y-full {
  top: var(--spacing-full);
  bottom: var(--spacing-full);
}

.inset-y-screen {
  top: var(--spacing-screen);
  bottom: var(--spacing-screen);
}

.inset-y-min {
  top: var(--spacing-min);
  bottom: var(--spacing-min);
}

.inset-y-max {
  top: var(--spacing-max);
  bottom: var(--spacing-max);
}

.inset-y-fit {
  top: var(--spacing-fit);
  bottom: var(--spacing-fit);
}

.isolation-auto {
  isolation: auto;
}

.isolation-isolate {
  isolation: isolate;
}

.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;
}

/* 溢出与浮动 */

/* 基础类 */
.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-clip {
  overflow: clip;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-clip {
  overflow-y: clip;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

.overscroll-auto {
  overscroll-behavior: auto;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.overscroll-none {
  overscroll-behavior: none;
}

.overscroll-x-auto {
  overscroll-behavior-x: auto;
}

.overscroll-x-contain {
  overscroll-behavior-x: contain;
}

.overscroll-x-none {
  overscroll-behavior-x: none;
}

.overscroll-y-auto {
  overscroll-behavior-y: auto;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain;
}

.overscroll-y-none {
  overscroll-behavior-y: none;
}

.scrollbar-auto {
  scrollbar-width: auto;
}

.scrollbar-thin {
  scrollbar-width: thin;
}

.scrollbar-none {
  scrollbar-width: none;
}

.scrollbar-gutter-auto {
  scrollbar-gutter: auto;
}

.scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

.scrollbar-gutter-both {
  scrollbar-gutter: both;
}

.truncate {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  text-overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  white-space: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

/* 显示模式 */
/* 基础类 */

.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 {
  display: table-row;
}

.table-row-group {
  display: table-row-group;
}

.flow-root {
  display: flow-root;
}

.ruby {
  display: ruby;
}

.ruby-base {
  display: ruby-base;
}

.ruby-text {
  display: ruby-text;
}

.ruby-base-container {
  display: ruby-base-container;
}

.ruby-text-container {
  display: ruby-text-container;
}

/* Flex布局 */
/* 基础类 */

.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;
}

.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-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

.flex-basis-0 {
  flex-basis: var(--spacing-0);
}

.flex-basis-1 {
  flex-basis: var(--spacing-1);
}

.flex-basis-2 {
  flex-basis: var(--spacing-2);
}

.flex-basis-3 {
  flex-basis: var(--spacing-3);
}

.flex-basis-4 {
  flex-basis: var(--spacing-4);
}

.flex-basis-5 {
  flex-basis: var(--spacing-5);
}

.flex-basis-6 {
  flex-basis: var(--spacing-6);
}

.flex-basis-7 {
  flex-basis: var(--spacing-7);
}

.flex-basis-8 {
  flex-basis: var(--spacing-8);
}

.flex-basis-9 {
  flex-basis: var(--spacing-9);
}

.flex-basis-10 {
  flex-basis: var(--spacing-10);
}

.flex-basis-11 {
  flex-basis: var(--spacing-11);
}

.flex-basis-12 {
  flex-basis: var(--spacing-12);
}

.flex-basis-14 {
  flex-basis: var(--spacing-14);
}

.flex-basis-16 {
  flex-basis: var(--spacing-16);
}

.flex-basis-20 {
  flex-basis: var(--spacing-20);
}

.flex-basis-24 {
  flex-basis: var(--spacing-24);
}

.flex-basis-28 {
  flex-basis: var(--spacing-28);
}

.flex-basis-32 {
  flex-basis: var(--spacing-32);
}

.flex-basis-36 {
  flex-basis: var(--spacing-36);
}

.flex-basis-40 {
  flex-basis: var(--spacing-40);
}

.flex-basis-44 {
  flex-basis: var(--spacing-44);
}

.flex-basis-48 {
  flex-basis: var(--spacing-48);
}

.flex-basis-52 {
  flex-basis: var(--spacing-52);
}

.flex-basis-56 {
  flex-basis: var(--spacing-56);
}

.flex-basis-60 {
  flex-basis: var(--spacing-60);
}

.flex-basis-64 {
  flex-basis: var(--spacing-64);
}

.flex-basis-72 {
  flex-basis: var(--spacing-72);
}

.flex-basis-80 {
  flex-basis: var(--spacing-80);
}

.flex-basis-96 {
  flex-basis: var(--spacing-96);
}

.flex-basis-px {
  flex-basis: var(--spacing-px);
}

.flex-basis-0\.5 {
  flex-basis: var(--spacing-0.5);
}

.flex-basis-1\.5 {
  flex-basis: var(--spacing-1.5);
}

.flex-basis-2\.5 {
  flex-basis: var(--spacing-2.5);
}

.flex-basis-3\.5 {
  flex-basis: var(--spacing-3.5);
}

.flex-basis-auto {
  flex-basis: var(--spacing-auto);
}

.flex-basis-1\/2 {
  flex-basis: var(--spacing-1/2);
}

.flex-basis-1\/3 {
  flex-basis: var(--spacing-1/3);
}

.flex-basis-2\/3 {
  flex-basis: var(--spacing-2/3);
}

.flex-basis-1\/4 {
  flex-basis: var(--spacing-1/4);
}

.flex-basis-2\/4 {
  flex-basis: var(--spacing-2/4);
}

.flex-basis-3\/4 {
  flex-basis: var(--spacing-3/4);
}

.flex-basis-1\/5 {
  flex-basis: var(--spacing-1/5);
}

.flex-basis-2\/5 {
  flex-basis: var(--spacing-2/5);
}

.flex-basis-3\/5 {
  flex-basis: var(--spacing-3/5);
}

.flex-basis-4\/5 {
  flex-basis: var(--spacing-4/5);
}

.flex-basis-1\/6 {
  flex-basis: var(--spacing-1/6);
}

.flex-basis-2\/6 {
  flex-basis: var(--spacing-2/6);
}

.flex-basis-3\/6 {
  flex-basis: var(--spacing-3/6);
}

.flex-basis-4\/6 {
  flex-basis: var(--spacing-4/6);
}

.flex-basis-5\/6 {
  flex-basis: var(--spacing-5/6);
}

.flex-basis-full {
  flex-basis: var(--spacing-full);
}

.flex-basis-screen {
  flex-basis: var(--spacing-screen);
}

.flex-basis-min {
  flex-basis: var(--spacing-min);
}

.flex-basis-max {
  flex-basis: var(--spacing-max);
}

.flex-basis-fit {
  flex-basis: var(--spacing-fit);
}

.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-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

.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;
}

.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-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.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;
}

.self-baseline {
  align-self: baseline;
}


/* Grid布局 */
/* 基础类 */
.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.auto-cols-auto {
  grid-auto-columns: auto;
}

.auto-cols-min {
  grid-auto-columns: min-content;
}

.auto-cols-max {
  grid-auto-columns: max-content;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.auto-rows-auto {
  grid-auto-rows: auto;
}

.auto-rows-min {
  grid-auto-rows: min-content;
}

.auto-rows-max {
  grid-auto-rows: max-content;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.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-start {
  place-content: start;
}

.place-content-end {
  place-content: end;
}

.place-content-center {
  place-content: center;
}

.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;
}


/* Gap间距 */
/* 基础类 */
.gap-0 {
  gap: var(--spacing-0);
}

.gap-1 {
  gap: var(--spacing-1);
}

.gap-2 {
  gap: var(--spacing-2);
}

.gap-3 {
  gap: var(--spacing-3);
}

.gap-4 {
  gap: var(--spacing-4);
}

.gap-5 {
  gap: var(--spacing-5);
}

.gap-6 {
  gap: var(--spacing-6);
}

.gap-7 {
  gap: var(--spacing-7);
}

.gap-8 {
  gap: var(--spacing-8);
}

.gap-9 {
  gap: var(--spacing-9);
}

.gap-10 {
  gap: var(--spacing-10);
}

.gap-11 {
  gap: var(--spacing-11);
}

.gap-12 {
  gap: var(--spacing-12);
}

.gap-14 {
  gap: var(--spacing-14);
}

.gap-16 {
  gap: var(--spacing-16);
}

.gap-20 {
  gap: var(--spacing-20);
}

.gap-24 {
  gap: var(--spacing-24);
}

.gap-28 {
  gap: var(--spacing-28);
}

.gap-32 {
  gap: var(--spacing-32);
}

.gap-36 {
  gap: var(--spacing-36);
}

.gap-40 {
  gap: var(--spacing-40);
}

.gap-44 {
  gap: var(--spacing-44);
}

.gap-48 {
  gap: var(--spacing-48);
}

.gap-52 {
  gap: var(--spacing-52);
}

.gap-56 {
  gap: var(--spacing-56);
}

.gap-60 {
  gap: var(--spacing-60);
}

.gap-64 {
  gap: var(--spacing-64);
}

.gap-72 {
  gap: var(--spacing-72);
}

.gap-80 {
  gap: var(--spacing-80);
}

.gap-96 {
  gap: var(--spacing-96);
}

.gap-px {
  gap: var(--spacing-px);
}

.gap-0\.5 {
  gap: var(--spacing-0.5);
}

.gap-1\.5 {
  gap: var(--spacing-1.5);
}

.gap-2\.5 {
  gap: var(--spacing-2.5);
}

.gap-3\.5 {
  gap: var(--spacing-3.5);
}

.gap-auto {
  gap: var(--spacing-auto);
}

.gap-1\/2 {
  gap: var(--spacing-1/2);
}

.gap-1\/3 {
  gap: var(--spacing-1/3);
}

.gap-2\/3 {
  gap: var(--spacing-2/3);
}

.gap-1\/4 {
  gap: var(--spacing-1/4);
}

.gap-2\/4 {
  gap: var(--spacing-2/4);
}

.gap-3\/4 {
  gap: var(--spacing-3/4);
}

.gap-1\/5 {
  gap: var(--spacing-1/5);
}

.gap-2\/5 {
  gap: var(--spacing-2/5);
}

.gap-3\/5 {
  gap: var(--spacing-3/5);
}

.gap-4\/5 {
  gap: var(--spacing-4/5);
}

.gap-1\/6 {
  gap: var(--spacing-1/6);
}

.gap-2\/6 {
  gap: var(--spacing-2/6);
}

.gap-3\/6 {
  gap: var(--spacing-3/6);
}

.gap-4\/6 {
  gap: var(--spacing-4/6);
}

.gap-5\/6 {
  gap: var(--spacing-5/6);
}

.gap-full {
  gap: var(--spacing-full);
}

.gap-screen {
  gap: var(--spacing-screen);
}

.gap-min {
  gap: var(--spacing-min);
}

.gap-max {
  gap: var(--spacing-max);
}

.gap-fit {
  gap: var(--spacing-fit);
}

.gap-x-0 {
  column-gap: var(--spacing-0);
}

.gap-x-1 {
  column-gap: var(--spacing-1);
}

.gap-x-2 {
  column-gap: var(--spacing-2);
}

.gap-x-3 {
  column-gap: var(--spacing-3);
}

.gap-x-4 {
  column-gap: var(--spacing-4);
}

.gap-x-5 {
  column-gap: var(--spacing-5);
}

.gap-x-6 {
  column-gap: var(--spacing-6);
}

.gap-x-7 {
  column-gap: var(--spacing-7);
}

.gap-x-8 {
  column-gap: var(--spacing-8);
}

.gap-x-9 {
  column-gap: var(--spacing-9);
}

.gap-x-10 {
  column-gap: var(--spacing-10);
}

.gap-x-11 {
  column-gap: var(--spacing-11);
}

.gap-x-12 {
  column-gap: var(--spacing-12);
}

.gap-x-14 {
  column-gap: var(--spacing-14);
}

.gap-x-16 {
  column-gap: var(--spacing-16);
}

.gap-x-20 {
  column-gap: var(--spacing-20);
}

.gap-x-24 {
  column-gap: var(--spacing-24);
}

.gap-x-28 {
  column-gap: var(--spacing-28);
}

.gap-x-32 {
  column-gap: var(--spacing-32);
}

.gap-x-36 {
  column-gap: var(--spacing-36);
}

.gap-x-40 {
  column-gap: var(--spacing-40);
}

.gap-x-44 {
  column-gap: var(--spacing-44);
}

.gap-x-48 {
  column-gap: var(--spacing-48);
}

.gap-x-52 {
  column-gap: var(--spacing-52);
}

.gap-x-56 {
  column-gap: var(--spacing-56);
}

.gap-x-60 {
  column-gap: var(--spacing-60);
}

.gap-x-64 {
  column-gap: var(--spacing-64);
}

.gap-x-72 {
  column-gap: var(--spacing-72);
}

.gap-x-80 {
  column-gap: var(--spacing-80);
}

.gap-x-96 {
  column-gap: var(--spacing-96);
}

.gap-x-px {
  column-gap: var(--spacing-px);
}

.gap-x-0\.5 {
  column-gap: var(--spacing-0.5);
}

.gap-x-1\.5 {
  column-gap: var(--spacing-1.5);
}

.gap-x-2\.5 {
  column-gap: var(--spacing-2.5);
}

.gap-x-3\.5 {
  column-gap: var(--spacing-3.5);
}

.gap-x-auto {
  column-gap: var(--spacing-auto);
}

.gap-x-1\/2 {
  column-gap: var(--spacing-1/2);
}

.gap-x-1\/3 {
  column-gap: var(--spacing-1/3);
}

.gap-x-2\/3 {
  column-gap: var(--spacing-2/3);
}

.gap-x-1\/4 {
  column-gap: var(--spacing-1/4);
}

.gap-x-2\/4 {
  column-gap: var(--spacing-2/4);
}

.gap-x-3\/4 {
  column-gap: var(--spacing-3/4);
}

.gap-x-1\/5 {
  column-gap: var(--spacing-1/5);
}

.gap-x-2\/5 {
  column-gap: var(--spacing-2/5);
}

.gap-x-3\/5 {
  column-gap: var(--spacing-3/5);
}

.gap-x-4\/5 {
  column-gap: var(--spacing-4/5);
}

.gap-x-1\/6 {
  column-gap: var(--spacing-1/6);
}

.gap-x-2\/6 {
  column-gap: var(--spacing-2/6);
}

.gap-x-3\/6 {
  column-gap: var(--spacing-3/6);
}

.gap-x-4\/6 {
  column-gap: var(--spacing-4/6);
}

.gap-x-5\/6 {
  column-gap: var(--spacing-5/6);
}

.gap-x-full {
  column-gap: var(--spacing-full);
}

.gap-x-screen {
  column-gap: var(--spacing-screen);
}

.gap-x-min {
  column-gap: var(--spacing-min);
}

.gap-x-max {
  column-gap: var(--spacing-max);
}

.gap-x-fit {
  column-gap: var(--spacing-fit);
}

.gap-y-0 {
  row-gap: var(--spacing-0);
}

.gap-y-1 {
  row-gap: var(--spacing-1);
}

.gap-y-2 {
  row-gap: var(--spacing-2);
}

.gap-y-3 {
  row-gap: var(--spacing-3);
}

.gap-y-4 {
  row-gap: var(--spacing-4);
}

.gap-y-5 {
  row-gap: var(--spacing-5);
}

.gap-y-6 {
  row-gap: var(--spacing-6);
}

.gap-y-7 {
  row-gap: var(--spacing-7);
}

.gap-y-8 {
  row-gap: var(--spacing-8);
}

.gap-y-9 {
  row-gap: var(--spacing-9);
}

.gap-y-10 {
  row-gap: var(--spacing-10);
}

.gap-y-11 {
  row-gap: var(--spacing-11);
}

.gap-y-12 {
  row-gap: var(--spacing-12);
}

.gap-y-14 {
  row-gap: var(--spacing-14);
}

.gap-y-16 {
  row-gap: var(--spacing-16);
}

.gap-y-20 {
  row-gap: var(--spacing-20);
}

.gap-y-24 {
  row-gap: var(--spacing-24);
}

.gap-y-28 {
  row-gap: var(--spacing-28);
}

.gap-y-32 {
  row-gap: var(--spacing-32);
}

.gap-y-36 {
  row-gap: var(--spacing-36);
}

.gap-y-40 {
  row-gap: var(--spacing-40);
}

.gap-y-44 {
  row-gap: var(--spacing-44);
}

.gap-y-48 {
  row-gap: var(--spacing-48);
}

.gap-y-52 {
  row-gap: var(--spacing-52);
}

.gap-y-56 {
  row-gap: var(--spacing-56);
}

.gap-y-60 {
  row-gap: var(--spacing-60);
}

.gap-y-64 {
  row-gap: var(--spacing-64);
}

.gap-y-72 {
  row-gap: var(--spacing-72);
}

.gap-y-80 {
  row-gap: var(--spacing-80);
}

.gap-y-96 {
  row-gap: var(--spacing-96);
}

.gap-y-px {
  row-gap: var(--spacing-px);
}

.gap-y-0\.5 {
  row-gap: var(--spacing-0.5);
}

.gap-y-1\.5 {
  row-gap: var(--spacing-1.5);
}

.gap-y-2\.5 {
  row-gap: var(--spacing-2.5);
}

.gap-y-3\.5 {
  row-gap: var(--spacing-3.5);
}

.gap-y-auto {
  row-gap: var(--spacing-auto);
}

.gap-y-1\/2 {
  row-gap: var(--spacing-1/2);
}

.gap-y-1\/3 {
  row-gap: var(--spacing-1/3);
}

.gap-y-2\/3 {
  row-gap: var(--spacing-2/3);
}

.gap-y-1\/4 {
  row-gap: var(--spacing-1/4);
}

.gap-y-2\/4 {
  row-gap: var(--spacing-2/4);
}

.gap-y-3\/4 {
  row-gap: var(--spacing-3/4);
}

.gap-y-1\/5 {
  row-gap: var(--spacing-1/5);
}

.gap-y-2\/5 {
  row-gap: var(--spacing-2/5);
}

.gap-y-3\/5 {
  row-gap: var(--spacing-3/5);
}

.gap-y-4\/5 {
  row-gap: var(--spacing-4/5);
}

.gap-y-1\/6 {
  row-gap: var(--spacing-1/6);
}

.gap-y-2\/6 {
  row-gap: var(--spacing-2/6);
}

.gap-y-3\/6 {
  row-gap: var(--spacing-3/6);
}

.gap-y-4\/6 {
  row-gap: var(--spacing-4/6);
}

.gap-y-5\/6 {
  row-gap: var(--spacing-5/6);
}

.gap-y-full {
  row-gap: var(--spacing-full);
}

.gap-y-screen {
  row-gap: var(--spacing-screen);
}

.gap-y-min {
  row-gap: var(--spacing-min);
}

.gap-y-max {
  row-gap: var(--spacing-max);
}

.gap-y-fit {
  row-gap: var(--spacing-fit);
}


/* 字体与大小 */
/* 基础类 */
.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;
}
/* 字体样式 */
.font-mono {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
}

.font-serif {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.font-sans {
  font-family: 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-misans-regular{
  font-family: "MiSans Regular";
}
.font-misans-medium{
  font-family: "MiSans Medium";
}
.font-misans-light{
  font-family: "MiSans Light";
}
.font-misans-semibold{
  font-family: "MiSans SemiBold";
}


/* 字重 */
.font-thin {
  font-weight: 100;
}

.font-extralight {
  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;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.antialiased {
  -webkit-font-smoothing: antialiased  grayscale;
  -moz-osx-font-smoothing: antialiased  grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto  auto;
  -moz-osx-font-smoothing: auto  auto;
}


/* 文本处理 */
/* 基础类 */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.underline {
  text-decoration: underline;
}

.overline {
  text-decoration: overline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.decoration-auto {
  text-decoration-thickness: auto;
}

.decoration-inherit {
  text-decoration: inherit;
}

.decoration-solid {
  text-decoration-style: solid;
}

.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-0 {
  text-decoration-thickness: 0px;
}

.decoration-1 {
  text-decoration-thickness: 1px;
}

.decoration-2 {
  text-decoration-thickness: 2px;
}

.decoration-4 {
  text-decoration-thickness: 4px;
}

.decoration-8 {
  text-decoration-thickness: 8px;
}

.decoration-from-font {
  text-decoration-thickness: from-font;
}

.underline-offset-auto {
  text-underline-offset: auto;
}

.underline-offset-0 {
  text-underline-offset: 0px;
}

.underline-offset-1 {
  text-underline-offset: 1px;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.underline-offset-8 {
  text-underline-offset: 8px;
}


/* 行高与间距 */
/* 基础类 */
.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;
}

.leading-3 {
  line-height: 0.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;
}

/* 字体度量 */
.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}


/* 间距 */
/* 基础类 */
.p-0 {
  padding: var(--spacing-0);
}

.p-1 {
  padding: var(--spacing-1);
}

.p-2 {
  padding: var(--spacing-2);
}

.p-3 {
  padding: var(--spacing-3);
}

.p-4 {
  padding: var(--spacing-4);
}

.p-5 {
  padding: var(--spacing-5);
}

.p-6 {
  padding: var(--spacing-6);
}

.p-7 {
  padding: var(--spacing-7);
}

.p-8 {
  padding: var(--spacing-8);
}

.p-9 {
  padding: var(--spacing-9);
}

.p-10 {
  padding: var(--spacing-10);
}

.p-11 {
  padding: var(--spacing-11);
}

.p-12 {
  padding: var(--spacing-12);
}

.p-14 {
  padding: var(--spacing-14);
}

.p-16 {
  padding: var(--spacing-16);
}

.p-20 {
  padding: var(--spacing-20);
}

.p-24 {
  padding: var(--spacing-24);
}

.p-28 {
  padding: var(--spacing-28);
}

.p-32 {
  padding: var(--spacing-32);
}

.p-36 {
  padding: var(--spacing-36);
}

.p-40 {
  padding: var(--spacing-40);
}

.p-44 {
  padding: var(--spacing-44);
}

.p-48 {
  padding: var(--spacing-48);
}

.p-52 {
  padding: var(--spacing-52);
}

.p-56 {
  padding: var(--spacing-56);
}

.p-60 {
  padding: var(--spacing-60);
}

.p-64 {
  padding: var(--spacing-64);
}

.p-72 {
  padding: var(--spacing-72);
}

.p-80 {
  padding: var(--spacing-80);
}

.p-96 {
  padding: var(--spacing-96);
}

.p-px {
  padding: var(--spacing-px);
}

.p-0\.5 {
  padding: var(--spacing-0.5);
}

.p-1\.5 {
  padding: var(--spacing-1.5);
}

.p-2\.5 {
  padding: var(--spacing-2.5);
}

.p-3\.5 {
  padding: var(--spacing-3.5);
}

.p-auto {
  padding: var(--spacing-auto);
}

.p-1\/2 {
  padding: var(--spacing-1/2);
}

.p-1\/3 {
  padding: var(--spacing-1/3);
}

.p-2\/3 {
  padding: var(--spacing-2/3);
}

.p-1\/4 {
  padding: var(--spacing-1/4);
}

.p-2\/4 {
  padding: var(--spacing-2/4);
}

.p-3\/4 {
  padding: var(--spacing-3/4);
}

.p-1\/5 {
  padding: var(--spacing-1/5);
}

.p-2\/5 {
  padding: var(--spacing-2/5);
}

.p-3\/5 {
  padding: var(--spacing-3/5);
}

.p-4\/5 {
  padding: var(--spacing-4/5);
}

.p-1\/6 {
  padding: var(--spacing-1/6);
}

.p-2\/6 {
  padding: var(--spacing-2/6);
}

.p-3\/6 {
  padding: var(--spacing-3/6);
}

.p-4\/6 {
  padding: var(--spacing-4/6);
}

.p-5\/6 {
  padding: var(--spacing-5/6);
}

.p-full {
  padding: var(--spacing-full);
}

.p-screen {
  padding: var(--spacing-screen);
}

.p-min {
  padding: var(--spacing-min);
}

.p-max {
  padding: var(--spacing-max);
}

.p-fit {
  padding: var(--spacing-fit);
}

.px-0 {
  padding-left: var(--spacing-0);
  padding-right: var(--spacing-0);
}

.px-1 {
  padding-left: var(--spacing-1);
  padding-right: var(--spacing-1);
}

.px-2 {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}

.px-3 {
  padding-left: var(--spacing-3);
  padding-right: var(--spacing-3);
}

.px-4 {
  padding-left: var(--spacing-4);
  padding-right: var(--spacing-4);
}

.px-5 {
  padding-left: var(--spacing-5);
  padding-right: var(--spacing-5);
}

.px-6 {
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
}

.px-7 {
  padding-left: var(--spacing-7);
  padding-right: var(--spacing-7);
}

.px-8 {
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}

.px-9 {
  padding-left: var(--spacing-9);
  padding-right: var(--spacing-9);
}

.px-10 {
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
}

.px-11 {
  padding-left: var(--spacing-11);
  padding-right: var(--spacing-11);
}

.px-12 {
  padding-left: var(--spacing-12);
  padding-right: var(--spacing-12);
}

.px-14 {
  padding-left: var(--spacing-14);
  padding-right: var(--spacing-14);
}

.px-16 {
  padding-left: var(--spacing-16);
  padding-right: var(--spacing-16);
}

.px-20 {
  padding-left: var(--spacing-20);
  padding-right: var(--spacing-20);
}

.px-24 {
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.px-28 {
  padding-left: var(--spacing-28);
  padding-right: var(--spacing-28);
}

.px-32 {
  padding-left: var(--spacing-32);
  padding-right: var(--spacing-32);
}

.px-36 {
  padding-left: var(--spacing-36);
  padding-right: var(--spacing-36);
}

.px-40 {
  padding-left: var(--spacing-40);
  padding-right: var(--spacing-40);
}

.px-44 {
  padding-left: var(--spacing-44);
  padding-right: var(--spacing-44);
}

.px-48 {
  padding-left: var(--spacing-48);
  padding-right: var(--spacing-48);
}

.px-52 {
  padding-left: var(--spacing-52);
  padding-right: var(--spacing-52);
}

.px-56 {
  padding-left: var(--spacing-56);
  padding-right: var(--spacing-56);
}

.px-60 {
  padding-left: var(--spacing-60);
  padding-right: var(--spacing-60);
}

.px-64 {
  padding-left: var(--spacing-64);
  padding-right: var(--spacing-64);
}

.px-72 {
  padding-left: var(--spacing-72);
  padding-right: var(--spacing-72);
}

.px-80 {
  padding-left: var(--spacing-80);
  padding-right: var(--spacing-80);
}

.px-96 {
  padding-left: var(--spacing-96);
  padding-right: var(--spacing-96);
}

.px-px {
  padding-left: var(--spacing-px);
  padding-right: var(--spacing-px);
}

.px-0\.5 {
  padding-left: var(--spacing-0.5);
  padding-right: var(--spacing-0.5);
}

.px-1\.5 {
  padding-left: var(--spacing-1.5);
  padding-right: var(--spacing-1.5);
}

.px-2\.5 {
  padding-left: var(--spacing-2.5);
  padding-right: var(--spacing-2.5);
}

.px-3\.5 {
  padding-left: var(--spacing-3.5);
  padding-right: var(--spacing-3.5);
}

.px-auto {
  padding-left: var(--spacing-auto);
  padding-right: var(--spacing-auto);
}

.px-1\/2 {
  padding-left: var(--spacing-1/2);
  padding-right: var(--spacing-1/2);
}

.px-1\/3 {
  padding-left: var(--spacing-1/3);
  padding-right: var(--spacing-1/3);
}

.px-2\/3 {
  padding-left: var(--spacing-2/3);
  padding-right: var(--spacing-2/3);
}

.px-1\/4 {
  padding-left: var(--spacing-1/4);
  padding-right: var(--spacing-1/4);
}

.px-2\/4 {
  padding-left: var(--spacing-2/4);
  padding-right: var(--spacing-2/4);
}

.px-3\/4 {
  padding-left: var(--spacing-3/4);
  padding-right: var(--spacing-3/4);
}

.px-1\/5 {
  padding-left: var(--spacing-1/5);
  padding-right: var(--spacing-1/5);
}

.px-2\/5 {
  padding-left: var(--spacing-2/5);
  padding-right: var(--spacing-2/5);
}

.px-3\/5 {
  padding-left: var(--spacing-3/5);
  padding-right: var(--spacing-3/5);
}

.px-4\/5 {
  padding-left: var(--spacing-4/5);
  padding-right: var(--spacing-4/5);
}

.px-1\/6 {
  padding-left: var(--spacing-1/6);
  padding-right: var(--spacing-1/6);
}

.px-2\/6 {
  padding-left: var(--spacing-2/6);
  padding-right: var(--spacing-2/6);
}

.px-3\/6 {
  padding-left: var(--spacing-3/6);
  padding-right: var(--spacing-3/6);
}

.px-4\/6 {
  padding-left: var(--spacing-4/6);
  padding-right: var(--spacing-4/6);
}

.px-5\/6 {
  padding-left: var(--spacing-5/6);
  padding-right: var(--spacing-5/6);
}

.px-full {
  padding-left: var(--spacing-full);
  padding-right: var(--spacing-full);
}

.px-screen {
  padding-left: var(--spacing-screen);
  padding-right: var(--spacing-screen);
}

.px-min {
  padding-left: var(--spacing-min);
  padding-right: var(--spacing-min);
}

.px-max {
  padding-left: var(--spacing-max);
  padding-right: var(--spacing-max);
}

.px-fit {
  padding-left: var(--spacing-fit);
  padding-right: var(--spacing-fit);
}

.py-0 {
  padding-top: var(--spacing-0);
  padding-bottom: var(--spacing-0);
}

.py-1 {
  padding-top: var(--spacing-1);
  padding-bottom: var(--spacing-1);
}

.py-2 {
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}

.py-3 {
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
}

.py-4 {
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.py-5 {
  padding-top: var(--spacing-5);
  padding-bottom: var(--spacing-5);
}

.py-6 {
  padding-top: var(--spacing-6);
  padding-bottom: var(--spacing-6);
}

.py-7 {
  padding-top: var(--spacing-7);
  padding-bottom: var(--spacing-7);
}

.py-8 {
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}

.py-9 {
  padding-top: var(--spacing-9);
  padding-bottom: var(--spacing-9);
}

.py-10 {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}

.py-11 {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-11);
}

.py-12 {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
}

.py-14 {
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
}

.py-16 {
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
}

.py-20 {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
}

.py-24 {
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-24);
}

.py-28 {
  padding-top: var(--spacing-28);
  padding-bottom: var(--spacing-28);
}

.py-32 {
  padding-top: var(--spacing-32);
  padding-bottom: var(--spacing-32);
}

.py-36 {
  padding-top: var(--spacing-36);
  padding-bottom: var(--spacing-36);
}

.py-40 {
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
}

.py-44 {
  padding-top: var(--spacing-44);
  padding-bottom: var(--spacing-44);
}

.py-48 {
  padding-top: var(--spacing-48);
  padding-bottom: var(--spacing-48);
}

.py-52 {
  padding-top: var(--spacing-52);
  padding-bottom: var(--spacing-52);
}

.py-56 {
  padding-top: var(--spacing-56);
  padding-bottom: var(--spacing-56);
}

.py-60 {
  padding-top: var(--spacing-60);
  padding-bottom: var(--spacing-60);
}

.py-64 {
  padding-top: var(--spacing-64);
  padding-bottom: var(--spacing-64);
}

.py-72 {
  padding-top: var(--spacing-72);
  padding-bottom: var(--spacing-72);
}

.py-80 {
  padding-top: var(--spacing-80);
  padding-bottom: var(--spacing-80);
}

.py-96 {
  padding-top: var(--spacing-96);
  padding-bottom: var(--spacing-96);
}

.py-px {
  padding-top: var(--spacing-px);
  padding-bottom: var(--spacing-px);
}

.py-0\.5 {
  padding-top: var(--spacing-0.5);
  padding-bottom: var(--spacing-0.5);
}

.py-1\.5 {
  padding-top: var(--spacing-1.5);
  padding-bottom: var(--spacing-1.5);
}

.py-2\.5 {
  padding-top: var(--spacing-2.5);
  padding-bottom: var(--spacing-2.5);
}

.py-3\.5 {
  padding-top: var(--spacing-3.5);
  padding-bottom: var(--spacing-3.5);
}

.py-auto {
  padding-top: var(--spacing-auto);
  padding-bottom: var(--spacing-auto);
}

.py-1\/2 {
  padding-top: var(--spacing-1/2);
  padding-bottom: var(--spacing-1/2);
}

.py-1\/3 {
  padding-top: var(--spacing-1/3);
  padding-bottom: var(--spacing-1/3);
}

.py-2\/3 {
  padding-top: var(--spacing-2/3);
  padding-bottom: var(--spacing-2/3);
}

.py-1\/4 {
  padding-top: var(--spacing-1/4);
  padding-bottom: var(--spacing-1/4);
}

.py-2\/4 {
  padding-top: var(--spacing-2/4);
  padding-bottom: var(--spacing-2/4);
}

.py-3\/4 {
  padding-top: var(--spacing-3/4);
  padding-bottom: var(--spacing-3/4);
}

.py-1\/5 {
  padding-top: var(--spacing-1/5);
  padding-bottom: var(--spacing-1/5);
}

.py-2\/5 {
  padding-top: var(--spacing-2/5);
  padding-bottom: var(--spacing-2/5);
}

.py-3\/5 {
  padding-top: var(--spacing-3/5);
  padding-bottom: var(--spacing-3/5);
}

.py-4\/5 {
  padding-top: var(--spacing-4/5);
  padding-bottom: var(--spacing-4/5);
}

.py-1\/6 {
  padding-top: var(--spacing-1/6);
  padding-bottom: var(--spacing-1/6);
}

.py-2\/6 {
  padding-top: var(--spacing-2/6);
  padding-bottom: var(--spacing-2/6);
}

.py-3\/6 {
  padding-top: var(--spacing-3/6);
  padding-bottom: var(--spacing-3/6);
}

.py-4\/6 {
  padding-top: var(--spacing-4/6);
  padding-bottom: var(--spacing-4/6);
}

.py-5\/6 {
  padding-top: var(--spacing-5/6);
  padding-bottom: var(--spacing-5/6);
}

.py-full {
  padding-top: var(--spacing-full);
  padding-bottom: var(--spacing-full);
}

.py-screen {
  padding-top: var(--spacing-screen);
  padding-bottom: var(--spacing-screen);
}

.py-min {
  padding-top: var(--spacing-min);
  padding-bottom: var(--spacing-min);
}

.py-max {
  padding-top: var(--spacing-max);
  padding-bottom: var(--spacing-max);
}

.py-fit {
  padding-top: var(--spacing-fit);
  padding-bottom: var(--spacing-fit);
}

.pt-0 {
  padding-top: var(--spacing-0);
}

.pt-1 {
  padding-top: var(--spacing-1);
}

.pt-2 {
  padding-top: var(--spacing-2);
}

.pt-3 {
  padding-top: var(--spacing-3);
}

.pt-4 {
  padding-top: var(--spacing-4);
}

.pt-5 {
  padding-top: var(--spacing-5);
}

.pt-6 {
  padding-top: var(--spacing-6);
}

.pt-7 {
  padding-top: var(--spacing-7);
}

.pt-8 {
  padding-top: var(--spacing-8);
}

.pt-9 {
  padding-top: var(--spacing-9);
}

.pt-10 {
  padding-top: var(--spacing-10);
}

.pt-11 {
  padding-top: var(--spacing-11);
}

.pt-12 {
  padding-top: var(--spacing-12);
}

.pt-14 {
  padding-top: var(--spacing-14);
}

.pt-16 {
  padding-top: var(--spacing-16);
}

.pt-20 {
  padding-top: var(--spacing-20);
}

.pt-24 {
  padding-top: var(--spacing-24);
}

.pt-28 {
  padding-top: var(--spacing-28);
}

.pt-32 {
  padding-top: var(--spacing-32);
}

.pt-36 {
  padding-top: var(--spacing-36);
}

.pt-40 {
  padding-top: var(--spacing-40);
}

.pt-44 {
  padding-top: var(--spacing-44);
}

.pt-48 {
  padding-top: var(--spacing-48);
}

.pt-52 {
  padding-top: var(--spacing-52);
}

.pt-56 {
  padding-top: var(--spacing-56);
}

.pt-60 {
  padding-top: var(--spacing-60);
}

.pt-64 {
  padding-top: var(--spacing-64);
}

.pt-72 {
  padding-top: var(--spacing-72);
}

.pt-80 {
  padding-top: var(--spacing-80);
}

.pt-96 {
  padding-top: var(--spacing-96);
}

.pt-px {
  padding-top: var(--spacing-px);
}

.pt-0\.5 {
  padding-top: var(--spacing-0.5);
}

.pt-1\.5 {
  padding-top: var(--spacing-1.5);
}

.pt-2\.5 {
  padding-top: var(--spacing-2.5);
}

.pt-3\.5 {
  padding-top: var(--spacing-3.5);
}

.pt-auto {
  padding-top: var(--spacing-auto);
}

.pt-1\/2 {
  padding-top: var(--spacing-1/2);
}

.pt-1\/3 {
  padding-top: var(--spacing-1/3);
}

.pt-2\/3 {
  padding-top: var(--spacing-2/3);
}

.pt-1\/4 {
  padding-top: var(--spacing-1/4);
}

.pt-2\/4 {
  padding-top: var(--spacing-2/4);
}

.pt-3\/4 {
  padding-top: var(--spacing-3/4);
}

.pt-1\/5 {
  padding-top: var(--spacing-1/5);
}

.pt-2\/5 {
  padding-top: var(--spacing-2/5);
}

.pt-3\/5 {
  padding-top: var(--spacing-3/5);
}

.pt-4\/5 {
  padding-top: var(--spacing-4/5);
}

.pt-1\/6 {
  padding-top: var(--spacing-1/6);
}

.pt-2\/6 {
  padding-top: var(--spacing-2/6);
}

.pt-3\/6 {
  padding-top: var(--spacing-3/6);
}

.pt-4\/6 {
  padding-top: var(--spacing-4/6);
}

.pt-5\/6 {
  padding-top: var(--spacing-5/6);
}

.pt-full {
  padding-top: var(--spacing-full);
}

.pt-screen {
  padding-top: var(--spacing-screen);
}

.pt-min {
  padding-top: var(--spacing-min);
}

.pt-max {
  padding-top: var(--spacing-max);
}

.pt-fit {
  padding-top: var(--spacing-fit);
}

.pr-0 {
  padding-right: var(--spacing-0);
}

.pr-1 {
  padding-right: var(--spacing-1);
}

.pr-2 {
  padding-right: var(--spacing-2);
}

.pr-3 {
  padding-right: var(--spacing-3);
}

.pr-4 {
  padding-right: var(--spacing-4);
}

.pr-5 {
  padding-right: var(--spacing-5);
}

.pr-6 {
  padding-right: var(--spacing-6);
}

.pr-7 {
  padding-right: var(--spacing-7);
}

.pr-8 {
  padding-right: var(--spacing-8);
}

.pr-9 {
  padding-right: var(--spacing-9);
}

.pr-10 {
  padding-right: var(--spacing-10);
}

.pr-11 {
  padding-right: var(--spacing-11);
}

.pr-12 {
  padding-right: var(--spacing-12);
}

.pr-14 {
  padding-right: var(--spacing-14);
}

.pr-16 {
  padding-right: var(--spacing-16);
}

.pr-20 {
  padding-right: var(--spacing-20);
}

.pr-24 {
  padding-right: var(--spacing-24);
}

.pr-28 {
  padding-right: var(--spacing-28);
}

.pr-32 {
  padding-right: var(--spacing-32);
}

.pr-36 {
  padding-right: var(--spacing-36);
}

.pr-40 {
  padding-right: var(--spacing-40);
}

.pr-44 {
  padding-right: var(--spacing-44);
}

.pr-48 {
  padding-right: var(--spacing-48);
}

.pr-52 {
  padding-right: var(--spacing-52);
}

.pr-56 {
  padding-right: var(--spacing-56);
}

.pr-60 {
  padding-right: var(--spacing-60);
}

.pr-64 {
  padding-right: var(--spacing-64);
}

.pr-72 {
  padding-right: var(--spacing-72);
}

.pr-80 {
  padding-right: var(--spacing-80);
}

.pr-96 {
  padding-right: var(--spacing-96);
}

.pr-px {
  padding-right: var(--spacing-px);
}

.pr-0\.5 {
  padding-right: var(--spacing-0.5);
}

.pr-1\.5 {
  padding-right: var(--spacing-1.5);
}

.pr-2\.5 {
  padding-right: var(--spacing-2.5);
}

.pr-3\.5 {
  padding-right: var(--spacing-3.5);
}

.pr-auto {
  padding-right: var(--spacing-auto);
}

.pr-1\/2 {
  padding-right: var(--spacing-1/2);
}

.pr-1\/3 {
  padding-right: var(--spacing-1/3);
}

.pr-2\/3 {
  padding-right: var(--spacing-2/3);
}

.pr-1\/4 {
  padding-right: var(--spacing-1/4);
}

.pr-2\/4 {
  padding-right: var(--spacing-2/4);
}

.pr-3\/4 {
  padding-right: var(--spacing-3/4);
}

.pr-1\/5 {
  padding-right: var(--spacing-1/5);
}

.pr-2\/5 {
  padding-right: var(--spacing-2/5);
}

.pr-3\/5 {
  padding-right: var(--spacing-3/5);
}

.pr-4\/5 {
  padding-right: var(--spacing-4/5);
}

.pr-1\/6 {
  padding-right: var(--spacing-1/6);
}

.pr-2\/6 {
  padding-right: var(--spacing-2/6);
}

.pr-3\/6 {
  padding-right: var(--spacing-3/6);
}

.pr-4\/6 {
  padding-right: var(--spacing-4/6);
}

.pr-5\/6 {
  padding-right: var(--spacing-5/6);
}

.pr-full {
  padding-right: var(--spacing-full);
}

.pr-screen {
  padding-right: var(--spacing-screen);
}

.pr-min {
  padding-right: var(--spacing-min);
}

.pr-max {
  padding-right: var(--spacing-max);
}

.pr-fit {
  padding-right: var(--spacing-fit);
}

.pb-0 {
  padding-bottom: var(--spacing-0);
}

.pb-1 {
  padding-bottom: var(--spacing-1);
}

.pb-2 {
  padding-bottom: var(--spacing-2);
}

.pb-3 {
  padding-bottom: var(--spacing-3);
}

.pb-4 {
  padding-bottom: var(--spacing-4);
}

.pb-5 {
  padding-bottom: var(--spacing-5);
}

.pb-6 {
  padding-bottom: var(--spacing-6);
}

.pb-7 {
  padding-bottom: var(--spacing-7);
}

.pb-8 {
  padding-bottom: var(--spacing-8);
}

.pb-9 {
  padding-bottom: var(--spacing-9);
}

.pb-10 {
  padding-bottom: var(--spacing-10);
}

.pb-11 {
  padding-bottom: var(--spacing-11);
}

.pb-12 {
  padding-bottom: var(--spacing-12);
}

.pb-14 {
  padding-bottom: var(--spacing-14);
}

.pb-16 {
  padding-bottom: var(--spacing-16);
}

.pb-20 {
  padding-bottom: var(--spacing-20);
}

.pb-24 {
  padding-bottom: var(--spacing-24);
}

.pb-28 {
  padding-bottom: var(--spacing-28);
}

.pb-32 {
  padding-bottom: var(--spacing-32);
}

.pb-36 {
  padding-bottom: var(--spacing-36);
}

.pb-40 {
  padding-bottom: var(--spacing-40);
}

.pb-44 {
  padding-bottom: var(--spacing-44);
}

.pb-48 {
  padding-bottom: var(--spacing-48);
}

.pb-52 {
  padding-bottom: var(--spacing-52);
}

.pb-56 {
  padding-bottom: var(--spacing-56);
}

.pb-60 {
  padding-bottom: var(--spacing-60);
}

.pb-64 {
  padding-bottom: var(--spacing-64);
}

.pb-72 {
  padding-bottom: var(--spacing-72);
}

.pb-80 {
  padding-bottom: var(--spacing-80);
}

.pb-96 {
  padding-bottom: var(--spacing-96);
}

.pb-px {
  padding-bottom: var(--spacing-px);
}

.pb-0\.5 {
  padding-bottom: var(--spacing-0.5);
}

.pb-1\.5 {
  padding-bottom: var(--spacing-1.5);
}

.pb-2\.5 {
  padding-bottom: var(--spacing-2.5);
}

.pb-3\.5 {
  padding-bottom: var(--spacing-3.5);
}

.pb-auto {
  padding-bottom: var(--spacing-auto);
}

.pb-1\/2 {
  padding-bottom: var(--spacing-1/2);
}

.pb-1\/3 {
  padding-bottom: var(--spacing-1/3);
}

.pb-2\/3 {
  padding-bottom: var(--spacing-2/3);
}

.pb-1\/4 {
  padding-bottom: var(--spacing-1/4);
}

.pb-2\/4 {
  padding-bottom: var(--spacing-2/4);
}

.pb-3\/4 {
  padding-bottom: var(--spacing-3/4);
}

.pb-1\/5 {
  padding-bottom: var(--spacing-1/5);
}

.pb-2\/5 {
  padding-bottom: var(--spacing-2/5);
}

.pb-3\/5 {
  padding-bottom: var(--spacing-3/5);
}

.pb-4\/5 {
  padding-bottom: var(--spacing-4/5);
}

.pb-1\/6 {
  padding-bottom: var(--spacing-1/6);
}

.pb-2\/6 {
  padding-bottom: var(--spacing-2/6);
}

.pb-3\/6 {
  padding-bottom: var(--spacing-3/6);
}

.pb-4\/6 {
  padding-bottom: var(--spacing-4/6);
}

.pb-5\/6 {
  padding-bottom: var(--spacing-5/6);
}

.pb-full {
  padding-bottom: var(--spacing-full);
}

.pb-screen {
  padding-bottom: var(--spacing-screen);
}

.pb-min {
  padding-bottom: var(--spacing-min);
}

.pb-max {
  padding-bottom: var(--spacing-max);
}

.pb-fit {
  padding-bottom: var(--spacing-fit);
}

.pl-0 {
  padding-left: var(--spacing-0);
}

.pl-1 {
  padding-left: var(--spacing-1);
}

.pl-2 {
  padding-left: var(--spacing-2);
}

.pl-3 {
  padding-left: var(--spacing-3);
}

.pl-4 {
  padding-left: var(--spacing-4);
}

.pl-5 {
  padding-left: var(--spacing-5);
}

.pl-6 {
  padding-left: var(--spacing-6);
}

.pl-7 {
  padding-left: var(--spacing-7);
}

.pl-8 {
  padding-left: var(--spacing-8);
}

.pl-9 {
  padding-left: var(--spacing-9);
}

.pl-10 {
  padding-left: var(--spacing-10);
}

.pl-11 {
  padding-left: var(--spacing-11);
}

.pl-12 {
  padding-left: var(--spacing-12);
}

.pl-14 {
  padding-left: var(--spacing-14);
}

.pl-16 {
  padding-left: var(--spacing-16);
}

.pl-20 {
  padding-left: var(--spacing-20);
}

.pl-24 {
  padding-left: var(--spacing-24);
}

.pl-28 {
  padding-left: var(--spacing-28);
}

.pl-32 {
  padding-left: var(--spacing-32);
}

.pl-36 {
  padding-left: var(--spacing-36);
}

.pl-40 {
  padding-left: var(--spacing-40);
}

.pl-44 {
  padding-left: var(--spacing-44);
}

.pl-48 {
  padding-left: var(--spacing-48);
}

.pl-52 {
  padding-left: var(--spacing-52);
}

.pl-56 {
  padding-left: var(--spacing-56);
}

.pl-60 {
  padding-left: var(--spacing-60);
}

.pl-64 {
  padding-left: var(--spacing-64);
}

.pl-72 {
  padding-left: var(--spacing-72);
}

.pl-80 {
  padding-left: var(--spacing-80);
}

.pl-96 {
  padding-left: var(--spacing-96);
}

.pl-px {
  padding-left: var(--spacing-px);
}

.pl-0\.5 {
  padding-left: var(--spacing-0.5);
}

.pl-1\.5 {
  padding-left: var(--spacing-1.5);
}

.pl-2\.5 {
  padding-left: var(--spacing-2.5);
}

.pl-3\.5 {
  padding-left: var(--spacing-3.5);
}

.pl-auto {
  padding-left: var(--spacing-auto);
}

.pl-1\/2 {
  padding-left: var(--spacing-1/2);
}

.pl-1\/3 {
  padding-left: var(--spacing-1/3);
}

.pl-2\/3 {
  padding-left: var(--spacing-2/3);
}

.pl-1\/4 {
  padding-left: var(--spacing-1/4);
}

.pl-2\/4 {
  padding-left: var(--spacing-2/4);
}

.pl-3\/4 {
  padding-left: var(--spacing-3/4);
}

.pl-1\/5 {
  padding-left: var(--spacing-1/5);
}

.pl-2\/5 {
  padding-left: var(--spacing-2/5);
}

.pl-3\/5 {
  padding-left: var(--spacing-3/5);
}

.pl-4\/5 {
  padding-left: var(--spacing-4/5);
}

.pl-1\/6 {
  padding-left: var(--spacing-1/6);
}

.pl-2\/6 {
  padding-left: var(--spacing-2/6);
}

.pl-3\/6 {
  padding-left: var(--spacing-3/6);
}

.pl-4\/6 {
  padding-left: var(--spacing-4/6);
}

.pl-5\/6 {
  padding-left: var(--spacing-5/6);
}

.pl-full {
  padding-left: var(--spacing-full);
}

.pl-screen {
  padding-left: var(--spacing-screen);
}

.pl-min {
  padding-left: var(--spacing-min);
}

.pl-max {
  padding-left: var(--spacing-max);
}

.pl-fit {
  padding-left: var(--spacing-fit);
}

.ps-0 {
  padding-inline-start: var(--spacing-0);
}

.ps-1 {
  padding-inline-start: var(--spacing-1);
}

.ps-2 {
  padding-inline-start: var(--spacing-2);
}

.ps-3 {
  padding-inline-start: var(--spacing-3);
}

.ps-4 {
  padding-inline-start: var(--spacing-4);
}

.ps-5 {
  padding-inline-start: var(--spacing-5);
}

.ps-6 {
  padding-inline-start: var(--spacing-6);
}

.ps-7 {
  padding-inline-start: var(--spacing-7);
}

.ps-8 {
  padding-inline-start: var(--spacing-8);
}

.ps-9 {
  padding-inline-start: var(--spacing-9);
}

.ps-10 {
  padding-inline-start: var(--spacing-10);
}

.ps-11 {
  padding-inline-start: var(--spacing-11);
}

.ps-12 {
  padding-inline-start: var(--spacing-12);
}

.ps-14 {
  padding-inline-start: var(--spacing-14);
}

.ps-16 {
  padding-inline-start: var(--spacing-16);
}

.ps-20 {
  padding-inline-start: var(--spacing-20);
}

.ps-24 {
  padding-inline-start: var(--spacing-24);
}

.ps-28 {
  padding-inline-start: var(--spacing-28);
}

.ps-32 {
  padding-inline-start: var(--spacing-32);
}

.ps-36 {
  padding-inline-start: var(--spacing-36);
}

.ps-40 {
  padding-inline-start: var(--spacing-40);
}

.ps-44 {
  padding-inline-start: var(--spacing-44);
}

.ps-48 {
  padding-inline-start: var(--spacing-48);
}

.ps-52 {
  padding-inline-start: var(--spacing-52);
}

.ps-56 {
  padding-inline-start: var(--spacing-56);
}

.ps-60 {
  padding-inline-start: var(--spacing-60);
}

.ps-64 {
  padding-inline-start: var(--spacing-64);
}

.ps-72 {
  padding-inline-start: var(--spacing-72);
}

.ps-80 {
  padding-inline-start: var(--spacing-80);
}

.ps-96 {
  padding-inline-start: var(--spacing-96);
}

.ps-px {
  padding-inline-start: var(--spacing-px);
}

.ps-0\.5 {
  padding-inline-start: var(--spacing-0.5);
}

.ps-1\.5 {
  padding-inline-start: var(--spacing-1.5);
}

.ps-2\.5 {
  padding-inline-start: var(--spacing-2.5);
}

.ps-3\.5 {
  padding-inline-start: var(--spacing-3.5);
}

.ps-auto {
  padding-inline-start: var(--spacing-auto);
}

.ps-1\/2 {
  padding-inline-start: var(--spacing-1/2);
}

.ps-1\/3 {
  padding-inline-start: var(--spacing-1/3);
}

.ps-2\/3 {
  padding-inline-start: var(--spacing-2/3);
}

.ps-1\/4 {
  padding-inline-start: var(--spacing-1/4);
}

.ps-2\/4 {
  padding-inline-start: var(--spacing-2/4);
}

.ps-3\/4 {
  padding-inline-start: var(--spacing-3/4);
}

.ps-1\/5 {
  padding-inline-start: var(--spacing-1/5);
}

.ps-2\/5 {
  padding-inline-start: var(--spacing-2/5);
}

.ps-3\/5 {
  padding-inline-start: var(--spacing-3/5);
}

.ps-4\/5 {
  padding-inline-start: var(--spacing-4/5);
}

.ps-1\/6 {
  padding-inline-start: var(--spacing-1/6);
}

.ps-2\/6 {
  padding-inline-start: var(--spacing-2/6);
}

.ps-3\/6 {
  padding-inline-start: var(--spacing-3/6);
}

.ps-4\/6 {
  padding-inline-start: var(--spacing-4/6);
}

.ps-5\/6 {
  padding-inline-start: var(--spacing-5/6);
}

.ps-full {
  padding-inline-start: var(--spacing-full);
}

.ps-screen {
  padding-inline-start: var(--spacing-screen);
}

.ps-min {
  padding-inline-start: var(--spacing-min);
}

.ps-max {
  padding-inline-start: var(--spacing-max);
}

.ps-fit {
  padding-inline-start: var(--spacing-fit);
}

.pe-0 {
  padding-inline-end: var(--spacing-0);
}

.pe-1 {
  padding-inline-end: var(--spacing-1);
}

.pe-2 {
  padding-inline-end: var(--spacing-2);
}

.pe-3 {
  padding-inline-end: var(--spacing-3);
}

.pe-4 {
  padding-inline-end: var(--spacing-4);
}

.pe-5 {
  padding-inline-end: var(--spacing-5);
}

.pe-6 {
  padding-inline-end: var(--spacing-6);
}

.pe-7 {
  padding-inline-end: var(--spacing-7);
}

.pe-8 {
  padding-inline-end: var(--spacing-8);
}

.pe-9 {
  padding-inline-end: var(--spacing-9);
}

.pe-10 {
  padding-inline-end: var(--spacing-10);
}

.pe-11 {
  padding-inline-end: var(--spacing-11);
}

.pe-12 {
  padding-inline-end: var(--spacing-12);
}

.pe-14 {
  padding-inline-end: var(--spacing-14);
}

.pe-16 {
  padding-inline-end: var(--spacing-16);
}

.pe-20 {
  padding-inline-end: var(--spacing-20);
}

.pe-24 {
  padding-inline-end: var(--spacing-24);
}

.pe-28 {
  padding-inline-end: var(--spacing-28);
}

.pe-32 {
  padding-inline-end: var(--spacing-32);
}

.pe-36 {
  padding-inline-end: var(--spacing-36);
}

.pe-40 {
  padding-inline-end: var(--spacing-40);
}

.pe-44 {
  padding-inline-end: var(--spacing-44);
}

.pe-48 {
  padding-inline-end: var(--spacing-48);
}

.pe-52 {
  padding-inline-end: var(--spacing-52);
}

.pe-56 {
  padding-inline-end: var(--spacing-56);
}

.pe-60 {
  padding-inline-end: var(--spacing-60);
}

.pe-64 {
  padding-inline-end: var(--spacing-64);
}

.pe-72 {
  padding-inline-end: var(--spacing-72);
}

.pe-80 {
  padding-inline-end: var(--spacing-80);
}

.pe-96 {
  padding-inline-end: var(--spacing-96);
}

.pe-px {
  padding-inline-end: var(--spacing-px);
}

.pe-0\.5 {
  padding-inline-end: var(--spacing-0.5);
}

.pe-1\.5 {
  padding-inline-end: var(--spacing-1.5);
}

.pe-2\.5 {
  padding-inline-end: var(--spacing-2.5);
}

.pe-3\.5 {
  padding-inline-end: var(--spacing-3.5);
}

.pe-auto {
  padding-inline-end: var(--spacing-auto);
}

.pe-1\/2 {
  padding-inline-end: var(--spacing-1/2);
}

.pe-1\/3 {
  padding-inline-end: var(--spacing-1/3);
}

.pe-2\/3 {
  padding-inline-end: var(--spacing-2/3);
}

.pe-1\/4 {
  padding-inline-end: var(--spacing-1/4);
}

.pe-2\/4 {
  padding-inline-end: var(--spacing-2/4);
}

.pe-3\/4 {
  padding-inline-end: var(--spacing-3/4);
}

.pe-1\/5 {
  padding-inline-end: var(--spacing-1/5);
}

.pe-2\/5 {
  padding-inline-end: var(--spacing-2/5);
}

.pe-3\/5 {
  padding-inline-end: var(--spacing-3/5);
}

.pe-4\/5 {
  padding-inline-end: var(--spacing-4/5);
}

.pe-1\/6 {
  padding-inline-end: var(--spacing-1/6);
}

.pe-2\/6 {
  padding-inline-end: var(--spacing-2/6);
}

.pe-3\/6 {
  padding-inline-end: var(--spacing-3/6);
}

.pe-4\/6 {
  padding-inline-end: var(--spacing-4/6);
}

.pe-5\/6 {
  padding-inline-end: var(--spacing-5/6);
}

.pe-full {
  padding-inline-end: var(--spacing-full);
}

.pe-screen {
  padding-inline-end: var(--spacing-screen);
}

.pe-min {
  padding-inline-end: var(--spacing-min);
}

.pe-max {
  padding-inline-end: var(--spacing-max);
}

.pe-fit {
  padding-inline-end: var(--spacing-fit);
}

.pt-safe {
  padding-top: safe-area-inset-top;
}

.pb-safe {
  padding-bottom: safe-area-inset-bottom;
}

.pl-safe {
  padding-left: safe-area-inset-left;
}

.m-0 {
  margin: var(--spacing-0);
}

.m-1 {
  margin: var(--spacing-1);
}

.m-2 {
  margin: var(--spacing-2);
}

.m-3 {
  margin: var(--spacing-3);
}

.m-4 {
  margin: var(--spacing-4);
}

.m-5 {
  margin: var(--spacing-5);
}

.m-6 {
  margin: var(--spacing-6);
}

.m-7 {
  margin: var(--spacing-7);
}

.m-8 {
  margin: var(--spacing-8);
}

.m-9 {
  margin: var(--spacing-9);
}

.m-10 {
  margin: var(--spacing-10);
}

.m-11 {
  margin: var(--spacing-11);
}

.m-12 {
  margin: var(--spacing-12);
}

.m-14 {
  margin: var(--spacing-14);
}

.m-16 {
  margin: var(--spacing-16);
}

.m-20 {
  margin: var(--spacing-20);
}

.m-24 {
  margin: var(--spacing-24);
}

.m-28 {
  margin: var(--spacing-28);
}

.m-32 {
  margin: var(--spacing-32);
}

.m-36 {
  margin: var(--spacing-36);
}

.m-40 {
  margin: var(--spacing-40);
}

.m-44 {
  margin: var(--spacing-44);
}

.m-48 {
  margin: var(--spacing-48);
}

.m-52 {
  margin: var(--spacing-52);
}

.m-56 {
  margin: var(--spacing-56);
}

.m-60 {
  margin: var(--spacing-60);
}

.m-64 {
  margin: var(--spacing-64);
}

.m-72 {
  margin: var(--spacing-72);
}

.m-80 {
  margin: var(--spacing-80);
}

.m-96 {
  margin: var(--spacing-96);
}

.m-px {
  margin: var(--spacing-px);
}

.m-0\.5 {
  margin: var(--spacing-0.5);
}

.m-1\.5 {
  margin: var(--spacing-1.5);
}

.m-2\.5 {
  margin: var(--spacing-2.5);
}

.m-3\.5 {
  margin: var(--spacing-3.5);
}

.m-auto {
  margin: var(--spacing-auto);
}

.m-1\/2 {
  margin: var(--spacing-1/2);
}

.m-1\/3 {
  margin: var(--spacing-1/3);
}

.m-2\/3 {
  margin: var(--spacing-2/3);
}

.m-1\/4 {
  margin: var(--spacing-1/4);
}

.m-2\/4 {
  margin: var(--spacing-2/4);
}

.m-3\/4 {
  margin: var(--spacing-3/4);
}

.m-1\/5 {
  margin: var(--spacing-1/5);
}

.m-2\/5 {
  margin: var(--spacing-2/5);
}

.m-3\/5 {
  margin: var(--spacing-3/5);
}

.m-4\/5 {
  margin: var(--spacing-4/5);
}

.m-1\/6 {
  margin: var(--spacing-1/6);
}

.m-2\/6 {
  margin: var(--spacing-2/6);
}

.m-3\/6 {
  margin: var(--spacing-3/6);
}

.m-4\/6 {
  margin: var(--spacing-4/6);
}

.m-5\/6 {
  margin: var(--spacing-5/6);
}

.m-full {
  margin: var(--spacing-full);
}

.m-screen {
  margin: var(--spacing-screen);
}

.m-min {
  margin: var(--spacing-min);
}

.m-max {
  margin: var(--spacing-max);
}

.m-fit {
  margin: var(--spacing-fit);
}

.mx-0 {
  margin-left: var(--spacing-0);
  margin-right: var(--spacing-0);
}

.mx-1 {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

.mx-2 {
  margin-left: var(--spacing-2);
  margin-right: var(--spacing-2);
}

.mx-3 {
  margin-left: var(--spacing-3);
  margin-right: var(--spacing-3);
}

.mx-4 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

.mx-5 {
  margin-left: var(--spacing-5);
  margin-right: var(--spacing-5);
}

.mx-6 {
  margin-left: var(--spacing-6);
  margin-right: var(--spacing-6);
}

.mx-7 {
  margin-left: var(--spacing-7);
  margin-right: var(--spacing-7);
}

.mx-8 {
  margin-left: var(--spacing-8);
  margin-right: var(--spacing-8);
}

.mx-9 {
  margin-left: var(--spacing-9);
  margin-right: var(--spacing-9);
}

.mx-10 {
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
}

.mx-11 {
  margin-left: var(--spacing-11);
  margin-right: var(--spacing-11);
}

.mx-12 {
  margin-left: var(--spacing-12);
  margin-right: var(--spacing-12);
}

.mx-14 {
  margin-left: var(--spacing-14);
  margin-right: var(--spacing-14);
}

.mx-16 {
  margin-left: var(--spacing-16);
  margin-right: var(--spacing-16);
}

.mx-20 {
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
}

.mx-24 {
  margin-left: var(--spacing-24);
  margin-right: var(--spacing-24);
}

.mx-28 {
  margin-left: var(--spacing-28);
  margin-right: var(--spacing-28);
}

.mx-32 {
  margin-left: var(--spacing-32);
  margin-right: var(--spacing-32);
}

.mx-36 {
  margin-left: var(--spacing-36);
  margin-right: var(--spacing-36);
}

.mx-40 {
  margin-left: var(--spacing-40);
  margin-right: var(--spacing-40);
}

.mx-44 {
  margin-left: var(--spacing-44);
  margin-right: var(--spacing-44);
}

.mx-48 {
  margin-left: var(--spacing-48);
  margin-right: var(--spacing-48);
}

.mx-52 {
  margin-left: var(--spacing-52);
  margin-right: var(--spacing-52);
}

.mx-56 {
  margin-left: var(--spacing-56);
  margin-right: var(--spacing-56);
}

.mx-60 {
  margin-left: var(--spacing-60);
  margin-right: var(--spacing-60);
}

.mx-64 {
  margin-left: var(--spacing-64);
  margin-right: var(--spacing-64);
}

.mx-72 {
  margin-left: var(--spacing-72);
  margin-right: var(--spacing-72);
}

.mx-80 {
  margin-left: var(--spacing-80);
  margin-right: var(--spacing-80);
}

.mx-96 {
  margin-left: var(--spacing-96);
  margin-right: var(--spacing-96);
}

.mx-px {
  margin-left: var(--spacing-px);
  margin-right: var(--spacing-px);
}

.mx-0\.5 {
  margin-left: var(--spacing-0.5);
  margin-right: var(--spacing-0.5);
}

.mx-1\.5 {
  margin-left: var(--spacing-1.5);
  margin-right: var(--spacing-1.5);
}

.mx-2\.5 {
  margin-left: var(--spacing-2.5);
  margin-right: var(--spacing-2.5);
}

.mx-3\.5 {
  margin-left: var(--spacing-3.5);
  margin-right: var(--spacing-3.5);
}

.mx-auto {
  margin-left: var(--spacing-auto);
  margin-right: var(--spacing-auto);
}

.mx-1\/2 {
  margin-left: var(--spacing-1/2);
  margin-right: var(--spacing-1/2);
}

.mx-1\/3 {
  margin-left: var(--spacing-1/3);
  margin-right: var(--spacing-1/3);
}

.mx-2\/3 {
  margin-left: var(--spacing-2/3);
  margin-right: var(--spacing-2/3);
}

.mx-1\/4 {
  margin-left: var(--spacing-1/4);
  margin-right: var(--spacing-1/4);
}

.mx-2\/4 {
  margin-left: var(--spacing-2/4);
  margin-right: var(--spacing-2/4);
}

.mx-3\/4 {
  margin-left: var(--spacing-3/4);
  margin-right: var(--spacing-3/4);
}

.mx-1\/5 {
  margin-left: var(--spacing-1/5);
  margin-right: var(--spacing-1/5);
}

.mx-2\/5 {
  margin-left: var(--spacing-2/5);
  margin-right: var(--spacing-2/5);
}

.mx-3\/5 {
  margin-left: var(--spacing-3/5);
  margin-right: var(--spacing-3/5);
}

.mx-4\/5 {
  margin-left: var(--spacing-4/5);
  margin-right: var(--spacing-4/5);
}

.mx-1\/6 {
  margin-left: var(--spacing-1/6);
  margin-right: var(--spacing-1/6);
}

.mx-2\/6 {
  margin-left: var(--spacing-2/6);
  margin-right: var(--spacing-2/6);
}

.mx-3\/6 {
  margin-left: var(--spacing-3/6);
  margin-right: var(--spacing-3/6);
}

.mx-4\/6 {
  margin-left: var(--spacing-4/6);
  margin-right: var(--spacing-4/6);
}

.mx-5\/6 {
  margin-left: var(--spacing-5/6);
  margin-right: var(--spacing-5/6);
}

.mx-full {
  margin-left: var(--spacing-full);
  margin-right: var(--spacing-full);
}

.mx-screen {
  margin-left: var(--spacing-screen);
  margin-right: var(--spacing-screen);
}

.mx-min {
  margin-left: var(--spacing-min);
  margin-right: var(--spacing-min);
}

.mx-max {
  margin-left: var(--spacing-max);
  margin-right: var(--spacing-max);
}

.mx-fit {
  margin-left: var(--spacing-fit);
  margin-right: var(--spacing-fit);
}

.my-0 {
  margin-top: var(--spacing-0);
  margin-bottom: var(--spacing-0);
}

.my-1 {
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}

.my-2 {
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}

.my-3 {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}

.my-4 {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

.my-5 {
  margin-top: var(--spacing-5);
  margin-bottom: var(--spacing-5);
}

.my-6 {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-6);
}

.my-7 {
  margin-top: var(--spacing-7);
  margin-bottom: var(--spacing-7);
}

.my-8 {
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-8);
}

.my-9 {
  margin-top: var(--spacing-9);
  margin-bottom: var(--spacing-9);
}

.my-10 {
  margin-top: var(--spacing-10);
  margin-bottom: var(--spacing-10);
}

.my-11 {
  margin-top: var(--spacing-11);
  margin-bottom: var(--spacing-11);
}

.my-12 {
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

.my-14 {
  margin-top: var(--spacing-14);
  margin-bottom: var(--spacing-14);
}

.my-16 {
  margin-top: var(--spacing-16);
  margin-bottom: var(--spacing-16);
}

.my-20 {
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}

.my-24 {
  margin-top: var(--spacing-24);
  margin-bottom: var(--spacing-24);
}

.my-28 {
  margin-top: var(--spacing-28);
  margin-bottom: var(--spacing-28);
}

.my-32 {
  margin-top: var(--spacing-32);
  margin-bottom: var(--spacing-32);
}

.my-36 {
  margin-top: var(--spacing-36);
  margin-bottom: var(--spacing-36);
}

.my-40 {
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40);
}

.my-44 {
  margin-top: var(--spacing-44);
  margin-bottom: var(--spacing-44);
}

.my-48 {
  margin-top: var(--spacing-48);
  margin-bottom: var(--spacing-48);
}

.my-52 {
  margin-top: var(--spacing-52);
  margin-bottom: var(--spacing-52);
}

.my-56 {
  margin-top: var(--spacing-56);
  margin-bottom: var(--spacing-56);
}

.my-60 {
  margin-top: var(--spacing-60);
  margin-bottom: var(--spacing-60);
}

.my-64 {
  margin-top: var(--spacing-64);
  margin-bottom: var(--spacing-64);
}

.my-72 {
  margin-top: var(--spacing-72);
  margin-bottom: var(--spacing-72);
}

.my-80 {
  margin-top: var(--spacing-80);
  margin-bottom: var(--spacing-80);
}

.my-96 {
  margin-top: var(--spacing-96);
  margin-bottom: var(--spacing-96);
}

.my-px {
  margin-top: var(--spacing-px);
  margin-bottom: var(--spacing-px);
}

.my-0\.5 {
  margin-top: var(--spacing-0.5);
  margin-bottom: var(--spacing-0.5);
}

.my-1\.5 {
  margin-top: var(--spacing-1.5);
  margin-bottom: var(--spacing-1.5);
}

.my-2\.5 {
  margin-top: var(--spacing-2.5);
  margin-bottom: var(--spacing-2.5);
}

.my-3\.5 {
  margin-top: var(--spacing-3.5);
  margin-bottom: var(--spacing-3.5);
}

.my-auto {
  margin-top: var(--spacing-auto);
  margin-bottom: var(--spacing-auto);
}

.my-1\/2 {
  margin-top: var(--spacing-1/2);
  margin-bottom: var(--spacing-1/2);
}

.my-1\/3 {
  margin-top: var(--spacing-1/3);
  margin-bottom: var(--spacing-1/3);
}

.my-2\/3 {
  margin-top: var(--spacing-2/3);
  margin-bottom: var(--spacing-2/3);
}

.my-1\/4 {
  margin-top: var(--spacing-1/4);
  margin-bottom: var(--spacing-1/4);
}

.my-2\/4 {
  margin-top: var(--spacing-2/4);
  margin-bottom: var(--spacing-2/4);
}

.my-3\/4 {
  margin-top: var(--spacing-3/4);
  margin-bottom: var(--spacing-3/4);
}

.my-1\/5 {
  margin-top: var(--spacing-1/5);
  margin-bottom: var(--spacing-1/5);
}

.my-2\/5 {
  margin-top: var(--spacing-2/5);
  margin-bottom: var(--spacing-2/5);
}

.my-3\/5 {
  margin-top: var(--spacing-3/5);
  margin-bottom: var(--spacing-3/5);
}

.my-4\/5 {
  margin-top: var(--spacing-4/5);
  margin-bottom: var(--spacing-4/5);
}

.my-1\/6 {
  margin-top: var(--spacing-1/6);
  margin-bottom: var(--spacing-1/6);
}

.my-2\/6 {
  margin-top: var(--spacing-2/6);
  margin-bottom: var(--spacing-2/6);
}

.my-3\/6 {
  margin-top: var(--spacing-3/6);
  margin-bottom: var(--spacing-3/6);
}

.my-4\/6 {
  margin-top: var(--spacing-4/6);
  margin-bottom: var(--spacing-4/6);
}

.my-5\/6 {
  margin-top: var(--spacing-5/6);
  margin-bottom: var(--spacing-5/6);
}

.my-full {
  margin-top: var(--spacing-full);
  margin-bottom: var(--spacing-full);
}

.my-screen {
  margin-top: var(--spacing-screen);
  margin-bottom: var(--spacing-screen);
}

.my-min {
  margin-top: var(--spacing-min);
  margin-bottom: var(--spacing-min);
}

.my-max {
  margin-top: var(--spacing-max);
  margin-bottom: var(--spacing-max);
}

.my-fit {
  margin-top: var(--spacing-fit);
  margin-bottom: var(--spacing-fit);
}

.mt-0 {
  margin-top: var(--spacing-0);
}

.mt-1 {
  margin-top: var(--spacing-1);
}

.mt-2 {
  margin-top: var(--spacing-2);
}

.mt-3 {
  margin-top: var(--spacing-3);
}

.mt-4 {
  margin-top: var(--spacing-4);
}

.mt-5 {
  margin-top: var(--spacing-5);
}

.mt-6 {
  margin-top: var(--spacing-6);
}

.mt-7 {
  margin-top: var(--spacing-7);
}

.mt-8 {
  margin-top: var(--spacing-8);
}

.mt-9 {
  margin-top: var(--spacing-9);
}

.mt-10 {
  margin-top: var(--spacing-10);
}

.mt-11 {
  margin-top: var(--spacing-11);
}

.mt-12 {
  margin-top: var(--spacing-12);
}

.mt-14 {
  margin-top: var(--spacing-14);
}

.mt-16 {
  margin-top: var(--spacing-16);
}

.mt-20 {
  margin-top: var(--spacing-20);
}

.mt-24 {
  margin-top: var(--spacing-24);
}

.mt-28 {
  margin-top: var(--spacing-28);
}

.mt-32 {
  margin-top: var(--spacing-32);
}

.mt-36 {
  margin-top: var(--spacing-36);
}

.mt-40 {
  margin-top: var(--spacing-40);
}

.mt-44 {
  margin-top: var(--spacing-44);
}

.mt-48 {
  margin-top: var(--spacing-48);
}

.mt-52 {
  margin-top: var(--spacing-52);
}

.mt-56 {
  margin-top: var(--spacing-56);
}

.mt-60 {
  margin-top: var(--spacing-60);
}

.mt-64 {
  margin-top: var(--spacing-64);
}

.mt-72 {
  margin-top: var(--spacing-72);
}

.mt-80 {
  margin-top: var(--spacing-80);
}

.mt-96 {
  margin-top: var(--spacing-96);
}

.mt-px {
  margin-top: var(--spacing-px);
}

.mt-0\.5 {
  margin-top: var(--spacing-0.5);
}

.mt-1\.5 {
  margin-top: var(--spacing-1.5);
}

.mt-2\.5 {
  margin-top: var(--spacing-2.5);
}

.mt-3\.5 {
  margin-top: var(--spacing-3.5);
}

.mt-auto {
  margin-top: var(--spacing-auto);
}

.mt-1\/2 {
  margin-top: var(--spacing-1/2);
}

.mt-1\/3 {
  margin-top: var(--spacing-1/3);
}

.mt-2\/3 {
  margin-top: var(--spacing-2/3);
}

.mt-1\/4 {
  margin-top: var(--spacing-1/4);
}

.mt-2\/4 {
  margin-top: var(--spacing-2/4);
}

.mt-3\/4 {
  margin-top: var(--spacing-3/4);
}

.mt-1\/5 {
  margin-top: var(--spacing-1/5);
}

.mt-2\/5 {
  margin-top: var(--spacing-2/5);
}

.mt-3\/5 {
  margin-top: var(--spacing-3/5);
}

.mt-4\/5 {
  margin-top: var(--spacing-4/5);
}

.mt-1\/6 {
  margin-top: var(--spacing-1/6);
}

.mt-2\/6 {
  margin-top: var(--spacing-2/6);
}

.mt-3\/6 {
  margin-top: var(--spacing-3/6);
}

.mt-4\/6 {
  margin-top: var(--spacing-4/6);
}

.mt-5\/6 {
  margin-top: var(--spacing-5/6);
}

.mt-full {
  margin-top: var(--spacing-full);
}

.mt-screen {
  margin-top: var(--spacing-screen);
}

.mt-min {
  margin-top: var(--spacing-min);
}

.mt-max {
  margin-top: var(--spacing-max);
}

.mt-fit {
  margin-top: var(--spacing-fit);
}

.mr-0 {
  margin-right: var(--spacing-0);
}

.mr-1 {
  margin-right: var(--spacing-1);
}

.mr-2 {
  margin-right: var(--spacing-2);
}

.mr-3 {
  margin-right: var(--spacing-3);
}

.mr-4 {
  margin-right: var(--spacing-4);
}

.mr-5 {
  margin-right: var(--spacing-5);
}

.mr-6 {
  margin-right: var(--spacing-6);
}

.mr-7 {
  margin-right: var(--spacing-7);
}

.mr-8 {
  margin-right: var(--spacing-8);
}

.mr-9 {
  margin-right: var(--spacing-9);
}

.mr-10 {
  margin-right: var(--spacing-10);
}

.mr-11 {
  margin-right: var(--spacing-11);
}

.mr-12 {
  margin-right: var(--spacing-12);
}

.mr-14 {
  margin-right: var(--spacing-14);
}

.mr-16 {
  margin-right: var(--spacing-16);
}

.mr-20 {
  margin-right: var(--spacing-20);
}

.mr-24 {
  margin-right: var(--spacing-24);
}

.mr-28 {
  margin-right: var(--spacing-28);
}

.mr-32 {
  margin-right: var(--spacing-32);
}

.mr-36 {
  margin-right: var(--spacing-36);
}

.mr-40 {
  margin-right: var(--spacing-40);
}

.mr-44 {
  margin-right: var(--spacing-44);
}

.mr-48 {
  margin-right: var(--spacing-48);
}

.mr-52 {
  margin-right: var(--spacing-52);
}

.mr-56 {
  margin-right: var(--spacing-56);
}

.mr-60 {
  margin-right: var(--spacing-60);
}

.mr-64 {
  margin-right: var(--spacing-64);
}

.mr-72 {
  margin-right: var(--spacing-72);
}

.mr-80 {
  margin-right: var(--spacing-80);
}

.mr-96 {
  margin-right: var(--spacing-96);
}

.mr-px {
  margin-right: var(--spacing-px);
}

.mr-0\.5 {
  margin-right: var(--spacing-0.5);
}

.mr-1\.5 {
  margin-right: var(--spacing-1.5);
}

.mr-2\.5 {
  margin-right: var(--spacing-2.5);
}

.mr-3\.5 {
  margin-right: var(--spacing-3.5);
}

.mr-auto {
  margin-right: var(--spacing-auto);
}

.mr-1\/2 {
  margin-right: var(--spacing-1/2);
}

.mr-1\/3 {
  margin-right: var(--spacing-1/3);
}

.mr-2\/3 {
  margin-right: var(--spacing-2/3);
}

.mr-1\/4 {
  margin-right: var(--spacing-1/4);
}

.mr-2\/4 {
  margin-right: var(--spacing-2/4);
}

.mr-3\/4 {
  margin-right: var(--spacing-3/4);
}

.mr-1\/5 {
  margin-right: var(--spacing-1/5);
}

.mr-2\/5 {
  margin-right: var(--spacing-2/5);
}

.mr-3\/5 {
  margin-right: var(--spacing-3/5);
}

.mr-4\/5 {
  margin-right: var(--spacing-4/5);
}

.mr-1\/6 {
  margin-right: var(--spacing-1/6);
}

.mr-2\/6 {
  margin-right: var(--spacing-2/6);
}

.mr-3\/6 {
  margin-right: var(--spacing-3/6);
}

.mr-4\/6 {
  margin-right: var(--spacing-4/6);
}

.mr-5\/6 {
  margin-right: var(--spacing-5/6);
}

.mr-full {
  margin-right: var(--spacing-full);
}

.mr-screen {
  margin-right: var(--spacing-screen);
}

.mr-min {
  margin-right: var(--spacing-min);
}

.mr-max {
  margin-right: var(--spacing-max);
}

.mr-fit {
  margin-right: var(--spacing-fit);
}

.mb-0 {
  margin-bottom: var(--spacing-0);
}

.mb-1 {
  margin-bottom: var(--spacing-1);
}

.mb-2 {
  margin-bottom: var(--spacing-2);
}

.mb-3 {
  margin-bottom: var(--spacing-3);
}

.mb-4 {
  margin-bottom: var(--spacing-4);
}

.mb-5 {
  margin-bottom: var(--spacing-5);
}

.mb-6 {
  margin-bottom: var(--spacing-6);
}

.mb-7 {
  margin-bottom: var(--spacing-7);
}

.mb-8 {
  margin-bottom: var(--spacing-8);
}

.mb-9 {
  margin-bottom: var(--spacing-9);
}

.mb-10 {
  margin-bottom: var(--spacing-10);
}

.mb-11 {
  margin-bottom: var(--spacing-11);
}

.mb-12 {
  margin-bottom: var(--spacing-12);
}

.mb-14 {
  margin-bottom: var(--spacing-14);
}

.mb-16 {
  margin-bottom: var(--spacing-16);
}

.mb-20 {
  margin-bottom: var(--spacing-20);
}

.mb-24 {
  margin-bottom: var(--spacing-24);
}

.mb-28 {
  margin-bottom: var(--spacing-28);
}

.mb-32 {
  margin-bottom: var(--spacing-32);
}

.mb-36 {
  margin-bottom: var(--spacing-36);
}

.mb-40 {
  margin-bottom: var(--spacing-40);
}

.mb-44 {
  margin-bottom: var(--spacing-44);
}

.mb-48 {
  margin-bottom: var(--spacing-48);
}

.mb-52 {
  margin-bottom: var(--spacing-52);
}

.mb-56 {
  margin-bottom: var(--spacing-56);
}

.mb-60 {
  margin-bottom: var(--spacing-60);
}

.mb-64 {
  margin-bottom: var(--spacing-64);
}

.mb-72 {
  margin-bottom: var(--spacing-72);
}

.mb-80 {
  margin-bottom: var(--spacing-80);
}

.mb-96 {
  margin-bottom: var(--spacing-96);
}

.mb-px {
  margin-bottom: var(--spacing-px);
}

.mb-0\.5 {
  margin-bottom: var(--spacing-0.5);
}

.mb-1\.5 {
  margin-bottom: var(--spacing-1.5);
}

.mb-2\.5 {
  margin-bottom: var(--spacing-2.5);
}

.mb-3\.5 {
  margin-bottom: var(--spacing-3.5);
}

.mb-auto {
  margin-bottom: var(--spacing-auto);
}

.mb-1\/2 {
  margin-bottom: var(--spacing-1/2);
}

.mb-1\/3 {
  margin-bottom: var(--spacing-1/3);
}

.mb-2\/3 {
  margin-bottom: var(--spacing-2/3);
}

.mb-1\/4 {
  margin-bottom: var(--spacing-1/4);
}

.mb-2\/4 {
  margin-bottom: var(--spacing-2/4);
}

.mb-3\/4 {
  margin-bottom: var(--spacing-3/4);
}

.mb-1\/5 {
  margin-bottom: var(--spacing-1/5);
}

.mb-2\/5 {
  margin-bottom: var(--spacing-2/5);
}

.mb-3\/5 {
  margin-bottom: var(--spacing-3/5);
}

.mb-4\/5 {
  margin-bottom: var(--spacing-4/5);
}

.mb-1\/6 {
  margin-bottom: var(--spacing-1/6);
}

.mb-2\/6 {
  margin-bottom: var(--spacing-2/6);
}

.mb-3\/6 {
  margin-bottom: var(--spacing-3/6);
}

.mb-4\/6 {
  margin-bottom: var(--spacing-4/6);
}

.mb-5\/6 {
  margin-bottom: var(--spacing-5/6);
}

.mb-full {
  margin-bottom: var(--spacing-full);
}

.mb-screen {
  margin-bottom: var(--spacing-screen);
}

.mb-min {
  margin-bottom: var(--spacing-min);
}

.mb-max {
  margin-bottom: var(--spacing-max);
}

.mb-fit {
  margin-bottom: var(--spacing-fit);
}

.ml-0 {
  margin-left: var(--spacing-0);
}

.ml-1 {
  margin-left: var(--spacing-1);
}

.ml-2 {
  margin-left: var(--spacing-2);
}

.ml-3 {
  margin-left: var(--spacing-3);
}

.ml-4 {
  margin-left: var(--spacing-4);
}

.ml-5 {
  margin-left: var(--spacing-5);
}

.ml-6 {
  margin-left: var(--spacing-6);
}

.ml-7 {
  margin-left: var(--spacing-7);
}

.ml-8 {
  margin-left: var(--spacing-8);
}

.ml-9 {
  margin-left: var(--spacing-9);
}

.ml-10 {
  margin-left: var(--spacing-10);
}

.ml-11 {
  margin-left: var(--spacing-11);
}

.ml-12 {
  margin-left: var(--spacing-12);
}

.ml-14 {
  margin-left: var(--spacing-14);
}

.ml-16 {
  margin-left: var(--spacing-16);
}

.ml-20 {
  margin-left: var(--spacing-20);
}

.ml-24 {
  margin-left: var(--spacing-24);
}

.ml-28 {
  margin-left: var(--spacing-28);
}

.ml-32 {
  margin-left: var(--spacing-32);
}

.ml-36 {
  margin-left: var(--spacing-36);
}

.ml-40 {
  margin-left: var(--spacing-40);
}

.ml-44 {
  margin-left: var(--spacing-44);
}

.ml-48 {
  margin-left: var(--spacing-48);
}

.ml-52 {
  margin-left: var(--spacing-52);
}

.ml-56 {
  margin-left: var(--spacing-56);
}

.ml-60 {
  margin-left: var(--spacing-60);
}

.ml-64 {
  margin-left: var(--spacing-64);
}

.ml-72 {
  margin-left: var(--spacing-72);
}

.ml-80 {
  margin-left: var(--spacing-80);
}

.ml-96 {
  margin-left: var(--spacing-96);
}

.ml-px {
  margin-left: var(--spacing-px);
}

.ml-0\.5 {
  margin-left: var(--spacing-0.5);
}

.ml-1\.5 {
  margin-left: var(--spacing-1.5);
}

.ml-2\.5 {
  margin-left: var(--spacing-2.5);
}

.ml-3\.5 {
  margin-left: var(--spacing-3.5);
}

.ml-auto {
  margin-left: var(--spacing-auto);
}

.ml-1\/2 {
  margin-left: var(--spacing-1/2);
}

.ml-1\/3 {
  margin-left: var(--spacing-1/3);
}

.ml-2\/3 {
  margin-left: var(--spacing-2/3);
}

.ml-1\/4 {
  margin-left: var(--spacing-1/4);
}

.ml-2\/4 {
  margin-left: var(--spacing-2/4);
}

.ml-3\/4 {
  margin-left: var(--spacing-3/4);
}

.ml-1\/5 {
  margin-left: var(--spacing-1/5);
}

.ml-2\/5 {
  margin-left: var(--spacing-2/5);
}

.ml-3\/5 {
  margin-left: var(--spacing-3/5);
}

.ml-4\/5 {
  margin-left: var(--spacing-4/5);
}

.ml-1\/6 {
  margin-left: var(--spacing-1/6);
}

.ml-2\/6 {
  margin-left: var(--spacing-2/6);
}

.ml-3\/6 {
  margin-left: var(--spacing-3/6);
}

.ml-4\/6 {
  margin-left: var(--spacing-4/6);
}

.ml-5\/6 {
  margin-left: var(--spacing-5/6);
}

.ml-full {
  margin-left: var(--spacing-full);
}

.ml-screen {
  margin-left: var(--spacing-screen);
}

.ml-min {
  margin-left: var(--spacing-min);
}

.ml-max {
  margin-left: var(--spacing-max);
}

.ml-fit {
  margin-left: var(--spacing-fit);
}

.ms-0 {
  margin-inline-start: var(--spacing-0);
}

.ms-1 {
  margin-inline-start: var(--spacing-1);
}

.ms-2 {
  margin-inline-start: var(--spacing-2);
}

.ms-3 {
  margin-inline-start: var(--spacing-3);
}

.ms-4 {
  margin-inline-start: var(--spacing-4);
}

.ms-5 {
  margin-inline-start: var(--spacing-5);
}

.ms-6 {
  margin-inline-start: var(--spacing-6);
}

.ms-7 {
  margin-inline-start: var(--spacing-7);
}

.ms-8 {
  margin-inline-start: var(--spacing-8);
}

.ms-9 {
  margin-inline-start: var(--spacing-9);
}

.ms-10 {
  margin-inline-start: var(--spacing-10);
}

.ms-11 {
  margin-inline-start: var(--spacing-11);
}

.ms-12 {
  margin-inline-start: var(--spacing-12);
}

.ms-14 {
  margin-inline-start: var(--spacing-14);
}

.ms-16 {
  margin-inline-start: var(--spacing-16);
}

.ms-20 {
  margin-inline-start: var(--spacing-20);
}

.ms-24 {
  margin-inline-start: var(--spacing-24);
}

.ms-28 {
  margin-inline-start: var(--spacing-28);
}

.ms-32 {
  margin-inline-start: var(--spacing-32);
}

.ms-36 {
  margin-inline-start: var(--spacing-36);
}

.ms-40 {
  margin-inline-start: var(--spacing-40);
}

.ms-44 {
  margin-inline-start: var(--spacing-44);
}

.ms-48 {
  margin-inline-start: var(--spacing-48);
}

.ms-52 {
  margin-inline-start: var(--spacing-52);
}

.ms-56 {
  margin-inline-start: var(--spacing-56);
}

.ms-60 {
  margin-inline-start: var(--spacing-60);
}

.ms-64 {
  margin-inline-start: var(--spacing-64);
}

.ms-72 {
  margin-inline-start: var(--spacing-72);
}

.ms-80 {
  margin-inline-start: var(--spacing-80);
}

.ms-96 {
  margin-inline-start: var(--spacing-96);
}

.ms-px {
  margin-inline-start: var(--spacing-px);
}

.ms-0\.5 {
  margin-inline-start: var(--spacing-0.5);
}

.ms-1\.5 {
  margin-inline-start: var(--spacing-1.5);
}

.ms-2\.5 {
  margin-inline-start: var(--spacing-2.5);
}

.ms-3\.5 {
  margin-inline-start: var(--spacing-3.5);
}

.ms-auto {
  margin-inline-start: var(--spacing-auto);
}

.ms-1\/2 {
  margin-inline-start: var(--spacing-1/2);
}

.ms-1\/3 {
  margin-inline-start: var(--spacing-1/3);
}

.ms-2\/3 {
  margin-inline-start: var(--spacing-2/3);
}

.ms-1\/4 {
  margin-inline-start: var(--spacing-1/4);
}

.ms-2\/4 {
  margin-inline-start: var(--spacing-2/4);
}

.ms-3\/4 {
  margin-inline-start: var(--spacing-3/4);
}

.ms-1\/5 {
  margin-inline-start: var(--spacing-1/5);
}

.ms-2\/5 {
  margin-inline-start: var(--spacing-2/5);
}

.ms-3\/5 {
  margin-inline-start: var(--spacing-3/5);
}

.ms-4\/5 {
  margin-inline-start: var(--spacing-4/5);
}

.ms-1\/6 {
  margin-inline-start: var(--spacing-1/6);
}

.ms-2\/6 {
  margin-inline-start: var(--spacing-2/6);
}

.ms-3\/6 {
  margin-inline-start: var(--spacing-3/6);
}

.ms-4\/6 {
  margin-inline-start: var(--spacing-4/6);
}

.ms-5\/6 {
  margin-inline-start: var(--spacing-5/6);
}

.ms-full {
  margin-inline-start: var(--spacing-full);
}

.ms-screen {
  margin-inline-start: var(--spacing-screen);
}

.ms-min {
  margin-inline-start: var(--spacing-min);
}

.ms-max {
  margin-inline-start: var(--spacing-max);
}

.ms-fit {
  margin-inline-start: var(--spacing-fit);
}

.me-0 {
  margin-inline-end: var(--spacing-0);
}

.me-1 {
  margin-inline-end: var(--spacing-1);
}

.me-2 {
  margin-inline-end: var(--spacing-2);
}

.me-3 {
  margin-inline-end: var(--spacing-3);
}

.me-4 {
  margin-inline-end: var(--spacing-4);
}

.me-5 {
  margin-inline-end: var(--spacing-5);
}

.me-6 {
  margin-inline-end: var(--spacing-6);
}

.me-7 {
  margin-inline-end: var(--spacing-7);
}

.me-8 {
  margin-inline-end: var(--spacing-8);
}

.me-9 {
  margin-inline-end: var(--spacing-9);
}

.me-10 {
  margin-inline-end: var(--spacing-10);
}

.me-11 {
  margin-inline-end: var(--spacing-11);
}

.me-12 {
  margin-inline-end: var(--spacing-12);
}

.me-14 {
  margin-inline-end: var(--spacing-14);
}

.me-16 {
  margin-inline-end: var(--spacing-16);
}

.me-20 {
  margin-inline-end: var(--spacing-20);
}

.me-24 {
  margin-inline-end: var(--spacing-24);
}

.me-28 {
  margin-inline-end: var(--spacing-28);
}

.me-32 {
  margin-inline-end: var(--spacing-32);
}

.me-36 {
  margin-inline-end: var(--spacing-36);
}

.me-40 {
  margin-inline-end: var(--spacing-40);
}

.me-44 {
  margin-inline-end: var(--spacing-44);
}

.me-48 {
  margin-inline-end: var(--spacing-48);
}

.me-52 {
  margin-inline-end: var(--spacing-52);
}

.me-56 {
  margin-inline-end: var(--spacing-56);
}

.me-60 {
  margin-inline-end: var(--spacing-60);
}

.me-64 {
  margin-inline-end: var(--spacing-64);
}

.me-72 {
  margin-inline-end: var(--spacing-72);
}

.me-80 {
  margin-inline-end: var(--spacing-80);
}

.me-96 {
  margin-inline-end: var(--spacing-96);
}

.me-px {
  margin-inline-end: var(--spacing-px);
}

.me-0\.5 {
  margin-inline-end: var(--spacing-0.5);
}

.me-1\.5 {
  margin-inline-end: var(--spacing-1.5);
}

.me-2\.5 {
  margin-inline-end: var(--spacing-2.5);
}

.me-3\.5 {
  margin-inline-end: var(--spacing-3.5);
}

.me-auto {
  margin-inline-end: var(--spacing-auto);
}

.me-1\/2 {
  margin-inline-end: var(--spacing-1/2);
}

.me-1\/3 {
  margin-inline-end: var(--spacing-1/3);
}

.me-2\/3 {
  margin-inline-end: var(--spacing-2/3);
}

.me-1\/4 {
  margin-inline-end: var(--spacing-1/4);
}

.me-2\/4 {
  margin-inline-end: var(--spacing-2/4);
}

.me-3\/4 {
  margin-inline-end: var(--spacing-3/4);
}

.me-1\/5 {
  margin-inline-end: var(--spacing-1/5);
}

.me-2\/5 {
  margin-inline-end: var(--spacing-2/5);
}

.me-3\/5 {
  margin-inline-end: var(--spacing-3/5);
}

.me-4\/5 {
  margin-inline-end: var(--spacing-4/5);
}

.me-1\/6 {
  margin-inline-end: var(--spacing-1/6);
}

.me-2\/6 {
  margin-inline-end: var(--spacing-2/6);
}

.me-3\/6 {
  margin-inline-end: var(--spacing-3/6);
}

.me-4\/6 {
  margin-inline-end: var(--spacing-4/6);
}

.me-5\/6 {
  margin-inline-end: var(--spacing-5/6);
}

.me-full {
  margin-inline-end: var(--spacing-full);
}

.me-screen {
  margin-inline-end: var(--spacing-screen);
}

.me-min {
  margin-inline-end: var(--spacing-min);
}

.me-max {
  margin-inline-end: var(--spacing-max);
}

.me-fit {
  margin-inline-end: var(--spacing-fit);
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

/* 尺寸 */

.w-0 {
  width: var(--spacing-0);
}

.w-1 {
  width: var(--spacing-1);
}

.w-2 {
  width: var(--spacing-2);
}

.w-3 {
  width: var(--spacing-3);
}

.w-4 {
  width: var(--spacing-4);
}

.w-5 {
  width: var(--spacing-5);
}

.w-6 {
  width: var(--spacing-6);
}

.w-7 {
  width: var(--spacing-7);
}

.w-8 {
  width: var(--spacing-8);
}

.w-9 {
  width: var(--spacing-9);
}

.w-10 {
  width: var(--spacing-10);
}

.w-11 {
  width: var(--spacing-11);
}

.w-12 {
  width: var(--spacing-12);
}

.w-14 {
  width: var(--spacing-14);
}

.w-16 {
  width: var(--spacing-16);
}

.w-20 {
  width: var(--spacing-20);
}

.w-24 {
  width: var(--spacing-24);
}

.w-28 {
  width: var(--spacing-28);
}

.w-32 {
  width: var(--spacing-32);
}

.w-36 {
  width: var(--spacing-36);
}

.w-40 {
  width: var(--spacing-40);
}

.w-44 {
  width: var(--spacing-44);
}

.w-48 {
  width: var(--spacing-48);
}

.w-52 {
  width: var(--spacing-52);
}

.w-56 {
  width: var(--spacing-56);
}

.w-60 {
  width: var(--spacing-60);
}

.w-64 {
  width: var(--spacing-64);
}

.w-72 {
  width: var(--spacing-72);
}

.w-80 {
  width: var(--spacing-80);
}

.w-96 {
  width: var(--spacing-96);
}

.w-px {
  width: var(--spacing-px);
}

.w-0\.5 {
  width: var(--spacing-0.5);
}

.w-1\.5 {
  width: var(--spacing-1.5);
}

.w-2\.5 {
  width: var(--spacing-2.5);
}

.w-3\.5 {
  width: var(--spacing-3.5);
}

.w-auto {
  width: var(--spacing-auto);
}

.w-1\/2 {
  width: var(--spacing-1/2);
}

.w-1\/3 {
  width: var(--spacing-1/3);
}

.w-2\/3 {
  width: var(--spacing-2/3);
}

.w-1\/4 {
  width: var(--spacing-1/4);
}

.w-2\/4 {
  width: var(--spacing-2/4);
}

.w-3\/4 {
  width: var(--spacing-3/4);
}

.w-1\/5 {
  width: var(--spacing-1/5);
}

.w-2\/5 {
  width: var(--spacing-2/5);
}

.w-3\/5 {
  width: var(--spacing-3/5);
}

.w-4\/5 {
  width: var(--spacing-4/5);
}

.w-1\/6 {
  width: var(--spacing-1/6);
}

.w-2\/6 {
  width: var(--spacing-2/6);
}

.w-3\/6 {
  width: var(--spacing-3/6);
}

.w-4\/6 {
  width: var(--spacing-4/6);
}

.w-5\/6 {
  width: var(--spacing-5/6);
}

.w-full {
  width: var(--spacing-full);
}

.w-screen {
  width: var(--spacing-screen);
}

.w-min {
  width: var(--spacing-min);
}

.w-max {
  width: var(--spacing-max);
}

.w-fit {
  width: var(--spacing-fit);
}

.h-0 {
  height: var(--spacing-0);
}

.h-1 {
  height: var(--spacing-1);
}

.h-2 {
  height: var(--spacing-2);
}

.h-3 {
  height: var(--spacing-3);
}

.h-4 {
  height: var(--spacing-4);
}

.h-5 {
  height: var(--spacing-5);
}

.h-6 {
  height: var(--spacing-6);
}

.h-7 {
  height: var(--spacing-7);
}

.h-8 {
  height: var(--spacing-8);
}

.h-9 {
  height: var(--spacing-9);
}

.h-10 {
  height: var(--spacing-10);
}

.h-11 {
  height: var(--spacing-11);
}

.h-12 {
  height: var(--spacing-12);
}

.h-14 {
  height: var(--spacing-14);
}

.h-16 {
  height: var(--spacing-16);
}

.h-20 {
  height: var(--spacing-20);
}

.h-24 {
  height: var(--spacing-24);
}

.h-28 {
  height: var(--spacing-28);
}

.h-32 {
  height: var(--spacing-32);
}

.h-36 {
  height: var(--spacing-36);
}

.h-40 {
  height: var(--spacing-40);
}

.h-44 {
  height: var(--spacing-44);
}

.h-48 {
  height: var(--spacing-48);
}

.h-52 {
  height: var(--spacing-52);
}

.h-56 {
  height: var(--spacing-56);
}

.h-60 {
  height: var(--spacing-60);
}

.h-64 {
  height: var(--spacing-64);
}

.h-72 {
  height: var(--spacing-72);
}

.h-80 {
  height: var(--spacing-80);
}

.h-96 {
  height: var(--spacing-96);
}

.h-px {
  height: var(--spacing-px);
}

.h-0\.5 {
  height: var(--spacing-0.5);
}

.h-1\.5 {
  height: var(--spacing-1.5);
}

.h-2\.5 {
  height: var(--spacing-2.5);
}

.h-3\.5 {
  height: var(--spacing-3.5);
}

.h-auto {
  height: var(--spacing-auto);
}

.h-1\/2 {
  height: var(--spacing-1/2);
}

.h-1\/3 {
  height: var(--spacing-1/3);
}

.h-2\/3 {
  height: var(--spacing-2/3);
}

.h-1\/4 {
  height: var(--spacing-1/4);
}

.h-2\/4 {
  height: var(--spacing-2/4);
}

.h-3\/4 {
  height: var(--spacing-3/4);
}

.h-1\/5 {
  height: var(--spacing-1/5);
}

.h-2\/5 {
  height: var(--spacing-2/5);
}

.h-3\/5 {
  height: var(--spacing-3/5);
}

.h-4\/5 {
  height: var(--spacing-4/5);
}

.h-1\/6 {
  height: var(--spacing-1/6);
}

.h-2\/6 {
  height: var(--spacing-2/6);
}

.h-3\/6 {
  height: var(--spacing-3/6);
}

.h-4\/6 {
  height: var(--spacing-4/6);
}

.h-5\/6 {
  height: var(--spacing-5/6);
}

.h-full {
  height: var(--spacing-full);
}

.h-screen {
  height: var(--spacing-screen);
}

.h-min {
  height: var(--spacing-min);
}

.h-max {
  height: var(--spacing-max);
}

.h-fit {
  height: var(--spacing-fit);
}

.min-w-0 {
  min-width: var(--spacing-0);
}

.min-w-1 {
  min-width: var(--spacing-1);
}

.min-w-2 {
  min-width: var(--spacing-2);
}

.min-w-3 {
  min-width: var(--spacing-3);
}

.min-w-4 {
  min-width: var(--spacing-4);
}

.min-w-5 {
  min-width: var(--spacing-5);
}

.min-w-6 {
  min-width: var(--spacing-6);
}

.min-w-7 {
  min-width: var(--spacing-7);
}

.min-w-8 {
  min-width: var(--spacing-8);
}

.min-w-9 {
  min-width: var(--spacing-9);
}

.min-w-10 {
  min-width: var(--spacing-10);
}

.min-w-11 {
  min-width: var(--spacing-11);
}

.min-w-12 {
  min-width: var(--spacing-12);
}

.min-w-14 {
  min-width: var(--spacing-14);
}

.min-w-16 {
  min-width: var(--spacing-16);
}

.min-w-20 {
  min-width: var(--spacing-20);
}

.min-w-24 {
  min-width: var(--spacing-24);
}

.min-w-28 {
  min-width: var(--spacing-28);
}

.min-w-32 {
  min-width: var(--spacing-32);
}

.min-w-36 {
  min-width: var(--spacing-36);
}

.min-w-40 {
  min-width: var(--spacing-40);
}

.min-w-44 {
  min-width: var(--spacing-44);
}

.min-w-48 {
  min-width: var(--spacing-48);
}

.min-w-52 {
  min-width: var(--spacing-52);
}

.min-w-56 {
  min-width: var(--spacing-56);
}

.min-w-60 {
  min-width: var(--spacing-60);
}

.min-w-64 {
  min-width: var(--spacing-64);
}

.min-w-72 {
  min-width: var(--spacing-72);
}

.min-w-80 {
  min-width: var(--spacing-80);
}

.min-w-96 {
  min-width: var(--spacing-96);
}

.min-w-px {
  min-width: var(--spacing-px);
}

.min-w-0\.5 {
  min-width: var(--spacing-0.5);
}

.min-w-1\.5 {
  min-width: var(--spacing-1.5);
}

.min-w-2\.5 {
  min-width: var(--spacing-2.5);
}

.min-w-3\.5 {
  min-width: var(--spacing-3.5);
}

.min-w-auto {
  min-width: var(--spacing-auto);
}

.min-w-1\/2 {
  min-width: var(--spacing-1/2);
}

.min-w-1\/3 {
  min-width: var(--spacing-1/3);
}

.min-w-2\/3 {
  min-width: var(--spacing-2/3);
}

.min-w-1\/4 {
  min-width: var(--spacing-1/4);
}

.min-w-2\/4 {
  min-width: var(--spacing-2/4);
}

.min-w-3\/4 {
  min-width: var(--spacing-3/4);
}

.min-w-1\/5 {
  min-width: var(--spacing-1/5);
}

.min-w-2\/5 {
  min-width: var(--spacing-2/5);
}

.min-w-3\/5 {
  min-width: var(--spacing-3/5);
}

.min-w-4\/5 {
  min-width: var(--spacing-4/5);
}

.min-w-1\/6 {
  min-width: var(--spacing-1/6);
}

.min-w-2\/6 {
  min-width: var(--spacing-2/6);
}

.min-w-3\/6 {
  min-width: var(--spacing-3/6);
}

.min-w-4\/6 {
  min-width: var(--spacing-4/6);
}

.min-w-5\/6 {
  min-width: var(--spacing-5/6);
}

.min-w-full {
  min-width: var(--spacing-full);
}

.min-w-screen {
  min-width: var(--spacing-screen);
}

.min-w-min {
  min-width: var(--spacing-min);
}

.min-w-max {
  min-width: var(--spacing-max);
}

.min-w-fit {
  min-width: var(--spacing-fit);
}

.min-h-0 {
  min-height: var(--spacing-0);
}

.min-h-1 {
  min-height: var(--spacing-1);
}

.min-h-2 {
  min-height: var(--spacing-2);
}

.min-h-3 {
  min-height: var(--spacing-3);
}

.min-h-4 {
  min-height: var(--spacing-4);
}

.min-h-5 {
  min-height: var(--spacing-5);
}

.min-h-6 {
  min-height: var(--spacing-6);
}

.min-h-7 {
  min-height: var(--spacing-7);
}

.min-h-8 {
  min-height: var(--spacing-8);
}

.min-h-9 {
  min-height: var(--spacing-9);
}

.min-h-10 {
  min-height: var(--spacing-10);
}

.min-h-11 {
  min-height: var(--spacing-11);
}

.min-h-12 {
  min-height: var(--spacing-12);
}

.min-h-14 {
  min-height: var(--spacing-14);
}

.min-h-16 {
  min-height: var(--spacing-16);
}

.min-h-20 {
  min-height: var(--spacing-20);
}

.min-h-24 {
  min-height: var(--spacing-24);
}

.min-h-28 {
  min-height: var(--spacing-28);
}

.min-h-32 {
  min-height: var(--spacing-32);
}

.min-h-36 {
  min-height: var(--spacing-36);
}

.min-h-40 {
  min-height: var(--spacing-40);
}

.min-h-44 {
  min-height: var(--spacing-44);
}

.min-h-48 {
  min-height: var(--spacing-48);
}

.min-h-52 {
  min-height: var(--spacing-52);
}

.min-h-56 {
  min-height: var(--spacing-56);
}

.min-h-60 {
  min-height: var(--spacing-60);
}

.min-h-64 {
  min-height: var(--spacing-64);
}

.min-h-72 {
  min-height: var(--spacing-72);
}

.min-h-80 {
  min-height: var(--spacing-80);
}

.min-h-96 {
  min-height: var(--spacing-96);
}

.min-h-px {
  min-height: var(--spacing-px);
}

.min-h-0\.5 {
  min-height: var(--spacing-0.5);
}

.min-h-1\.5 {
  min-height: var(--spacing-1.5);
}

.min-h-2\.5 {
  min-height: var(--spacing-2.5);
}

.min-h-3\.5 {
  min-height: var(--spacing-3.5);
}

.min-h-auto {
  min-height: var(--spacing-auto);
}

.min-h-1\/2 {
  min-height: var(--spacing-1/2);
}

.min-h-1\/3 {
  min-height: var(--spacing-1/3);
}

.min-h-2\/3 {
  min-height: var(--spacing-2/3);
}

.min-h-1\/4 {
  min-height: var(--spacing-1/4);
}

.min-h-2\/4 {
  min-height: var(--spacing-2/4);
}

.min-h-3\/4 {
  min-height: var(--spacing-3/4);
}

.min-h-1\/5 {
  min-height: var(--spacing-1/5);
}

.min-h-2\/5 {
  min-height: var(--spacing-2/5);
}

.min-h-3\/5 {
  min-height: var(--spacing-3/5);
}

.min-h-4\/5 {
  min-height: var(--spacing-4/5);
}

.min-h-1\/6 {
  min-height: var(--spacing-1/6);
}

.min-h-2\/6 {
  min-height: var(--spacing-2/6);
}

.min-h-3\/6 {
  min-height: var(--spacing-3/6);
}

.min-h-4\/6 {
  min-height: var(--spacing-4/6);
}

.min-h-5\/6 {
  min-height: var(--spacing-5/6);
}

.min-h-full {
  min-height: var(--spacing-full);
}

.min-h-screen {
  min-height: var(--spacing-screen);
}

.min-h-min {
  min-height: var(--spacing-min);
}

.min-h-max {
  min-height: var(--spacing-max);
}

.min-h-fit {
  min-height: var(--spacing-fit);
}

.max-w-0 {
  max-width: var(--spacing-0);
}

.max-w-1 {
  max-width: var(--spacing-1);
}

.max-w-2 {
  max-width: var(--spacing-2);
}

.max-w-3 {
  max-width: var(--spacing-3);
}

.max-w-4 {
  max-width: var(--spacing-4);
}

.max-w-5 {
  max-width: var(--spacing-5);
}

.max-w-6 {
  max-width: var(--spacing-6);
}

.max-w-7 {
  max-width: var(--spacing-7);
}

.max-w-8 {
  max-width: var(--spacing-8);
}

.max-w-9 {
  max-width: var(--spacing-9);
}

.max-w-10 {
  max-width: var(--spacing-10);
}

.max-w-11 {
  max-width: var(--spacing-11);
}

.max-w-12 {
  max-width: var(--spacing-12);
}

.max-w-14 {
  max-width: var(--spacing-14);
}

.max-w-16 {
  max-width: var(--spacing-16);
}

.max-w-20 {
  max-width: var(--spacing-20);
}

.max-w-24 {
  max-width: var(--spacing-24);
}

.max-w-28 {
  max-width: var(--spacing-28);
}

.max-w-32 {
  max-width: var(--spacing-32);
}

.max-w-36 {
  max-width: var(--spacing-36);
}

.max-w-40 {
  max-width: var(--spacing-40);
}

.max-w-44 {
  max-width: var(--spacing-44);
}

.max-w-48 {
  max-width: var(--spacing-48);
}

.max-w-52 {
  max-width: var(--spacing-52);
}

.max-w-56 {
  max-width: var(--spacing-56);
}

.max-w-60 {
  max-width: var(--spacing-60);
}

.max-w-64 {
  max-width: var(--spacing-64);
}

.max-w-72 {
  max-width: var(--spacing-72);
}

.max-w-80 {
  max-width: var(--spacing-80);
}

.max-w-96 {
  max-width: var(--spacing-96);
}

.max-w-px {
  max-width: var(--spacing-px);
}

.max-w-0\.5 {
  max-width: var(--spacing-0.5);
}

.max-w-1\.5 {
  max-width: var(--spacing-1.5);
}

.max-w-2\.5 {
  max-width: var(--spacing-2.5);
}

.max-w-3\.5 {
  max-width: var(--spacing-3.5);
}

.max-w-auto {
  max-width: var(--spacing-auto);
}

.max-w-1\/2 {
  max-width: var(--spacing-1/2);
}

.max-w-1\/3 {
  max-width: var(--spacing-1/3);
}

.max-w-2\/3 {
  max-width: var(--spacing-2/3);
}

.max-w-1\/4 {
  max-width: var(--spacing-1/4);
}

.max-w-2\/4 {
  max-width: var(--spacing-2/4);
}

.max-w-3\/4 {
  max-width: var(--spacing-3/4);
}

.max-w-1\/5 {
  max-width: var(--spacing-1/5);
}

.max-w-2\/5 {
  max-width: var(--spacing-2/5);
}

.max-w-3\/5 {
  max-width: var(--spacing-3/5);
}

.max-w-4\/5 {
  max-width: var(--spacing-4/5);
}

.max-w-1\/6 {
  max-width: var(--spacing-1/6);
}

.max-w-2\/6 {
  max-width: var(--spacing-2/6);
}

.max-w-3\/6 {
  max-width: var(--spacing-3/6);
}

.max-w-4\/6 {
  max-width: var(--spacing-4/6);
}

.max-w-5\/6 {
  max-width: var(--spacing-5/6);
}

.max-w-full {
  max-width: var(--spacing-full);
}

.max-w-screen {
  max-width: var(--spacing-screen);
}

.max-w-min {
  max-width: var(--spacing-min);
}

.max-w-max {
  max-width: var(--spacing-max);
}

.max-w-fit {
  max-width: var(--spacing-fit);
}

.max-h-0 {
  max-height: var(--spacing-0);
}

.max-h-1 {
  max-height: var(--spacing-1);
}

.max-h-2 {
  max-height: var(--spacing-2);
}

.max-h-3 {
  max-height: var(--spacing-3);
}

.max-h-4 {
  max-height: var(--spacing-4);
}

.max-h-5 {
  max-height: var(--spacing-5);
}

.max-h-6 {
  max-height: var(--spacing-6);
}

.max-h-7 {
  max-height: var(--spacing-7);
}

.max-h-8 {
  max-height: var(--spacing-8);
}

.max-h-9 {
  max-height: var(--spacing-9);
}

.max-h-10 {
  max-height: var(--spacing-10);
}

.max-h-11 {
  max-height: var(--spacing-11);
}

.max-h-12 {
  max-height: var(--spacing-12);
}

.max-h-14 {
  max-height: var(--spacing-14);
}

.max-h-16 {
  max-height: var(--spacing-16);
}

.max-h-20 {
  max-height: var(--spacing-20);
}

.max-h-24 {
  max-height: var(--spacing-24);
}

.max-h-28 {
  max-height: var(--spacing-28);
}

.max-h-32 {
  max-height: var(--spacing-32);
}

.max-h-36 {
  max-height: var(--spacing-36);
}

.max-h-40 {
  max-height: var(--spacing-40);
}

.max-h-44 {
  max-height: var(--spacing-44);
}

.max-h-48 {
  max-height: var(--spacing-48);
}

.max-h-52 {
  max-height: var(--spacing-52);
}

.max-h-56 {
  max-height: var(--spacing-56);
}

.max-h-60 {
  max-height: var(--spacing-60);
}

.max-h-64 {
  max-height: var(--spacing-64);
}

.max-h-72 {
  max-height: var(--spacing-72);
}

.max-h-80 {
  max-height: var(--spacing-80);
}

.max-h-96 {
  max-height: var(--spacing-96);
}

.max-h-px {
  max-height: var(--spacing-px);
}

.max-h-0\.5 {
  max-height: var(--spacing-0.5);
}

.max-h-1\.5 {
  max-height: var(--spacing-1.5);
}

.max-h-2\.5 {
  max-height: var(--spacing-2.5);
}

.max-h-3\.5 {
  max-height: var(--spacing-3.5);
}

.max-h-auto {
  max-height: var(--spacing-auto);
}

.max-h-1\/2 {
  max-height: var(--spacing-1/2);
}

.max-h-1\/3 {
  max-height: var(--spacing-1/3);
}

.max-h-2\/3 {
  max-height: var(--spacing-2/3);
}

.max-h-1\/4 {
  max-height: var(--spacing-1/4);
}

.max-h-2\/4 {
  max-height: var(--spacing-2/4);
}

.max-h-3\/4 {
  max-height: var(--spacing-3/4);
}

.max-h-1\/5 {
  max-height: var(--spacing-1/5);
}

.max-h-2\/5 {
  max-height: var(--spacing-2/5);
}

.max-h-3\/5 {
  max-height: var(--spacing-3/5);
}

.max-h-4\/5 {
  max-height: var(--spacing-4/5);
}

.max-h-1\/6 {
  max-height: var(--spacing-1/6);
}

.max-h-2\/6 {
  max-height: var(--spacing-2/6);
}

.max-h-3\/6 {
  max-height: var(--spacing-3/6);
}

.max-h-4\/6 {
  max-height: var(--spacing-4/6);
}

.max-h-5\/6 {
  max-height: var(--spacing-5/6);
}

.max-h-full {
  max-height: var(--spacing-full);
}

.max-h-screen {
  max-height: var(--spacing-screen);
}

.max-h-min {
  max-height: var(--spacing-min);
}

.max-h-max {
  max-height: var(--spacing-max);
}

.max-h-fit {
  max-height: var(--spacing-fit);
}

.w-fit {
  width: fit-content;
}

.h-fit {
  height: fit-content;
}

.w-min {
  width: min-content;
}

.h-min {
  height: min-content;
}

/* 空间控制 */
.space-x-0 {
  --tw-space-x-reverse: var(--spacing-0);
  margin-left: var(--spacing-0);
  margin-right: var(--spacing-0);
}

.space-x-1 {
  --tw-space-x-reverse: var(--spacing-1);
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

.space-x-2 {
  --tw-space-x-reverse: var(--spacing-2);
  margin-left: var(--spacing-2);
  margin-right: var(--spacing-2);
}

.space-x-3 {
  --tw-space-x-reverse: var(--spacing-3);
  margin-left: var(--spacing-3);
  margin-right: var(--spacing-3);
}

.space-x-4 {
  --tw-space-x-reverse: var(--spacing-4);
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

.space-x-5 {
  --tw-space-x-reverse: var(--spacing-5);
  margin-left: var(--spacing-5);
  margin-right: var(--spacing-5);
}

.space-x-6 {
  --tw-space-x-reverse: var(--spacing-6);
  margin-left: var(--spacing-6);
  margin-right: var(--spacing-6);
}

.space-x-7 {
  --tw-space-x-reverse: var(--spacing-7);
  margin-left: var(--spacing-7);
  margin-right: var(--spacing-7);
}

.space-x-8 {
  --tw-space-x-reverse: var(--spacing-8);
  margin-left: var(--spacing-8);
  margin-right: var(--spacing-8);
}

.space-x-9 {
  --tw-space-x-reverse: var(--spacing-9);
  margin-left: var(--spacing-9);
  margin-right: var(--spacing-9);
}

.space-x-10 {
  --tw-space-x-reverse: var(--spacing-10);
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
}

.space-x-11 {
  --tw-space-x-reverse: var(--spacing-11);
  margin-left: var(--spacing-11);
  margin-right: var(--spacing-11);
}

.space-x-12 {
  --tw-space-x-reverse: var(--spacing-12);
  margin-left: var(--spacing-12);
  margin-right: var(--spacing-12);
}

.space-x-14 {
  --tw-space-x-reverse: var(--spacing-14);
  margin-left: var(--spacing-14);
  margin-right: var(--spacing-14);
}

.space-x-16 {
  --tw-space-x-reverse: var(--spacing-16);
  margin-left: var(--spacing-16);
  margin-right: var(--spacing-16);
}

.space-x-20 {
  --tw-space-x-reverse: var(--spacing-20);
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
}

.space-x-24 {
  --tw-space-x-reverse: var(--spacing-24);
  margin-left: var(--spacing-24);
  margin-right: var(--spacing-24);
}

.space-x-28 {
  --tw-space-x-reverse: var(--spacing-28);
  margin-left: var(--spacing-28);
  margin-right: var(--spacing-28);
}

.space-x-32 {
  --tw-space-x-reverse: var(--spacing-32);
  margin-left: var(--spacing-32);
  margin-right: var(--spacing-32);
}

.space-x-36 {
  --tw-space-x-reverse: var(--spacing-36);
  margin-left: var(--spacing-36);
  margin-right: var(--spacing-36);
}

.space-x-40 {
  --tw-space-x-reverse: var(--spacing-40);
  margin-left: var(--spacing-40);
  margin-right: var(--spacing-40);
}

.space-x-44 {
  --tw-space-x-reverse: var(--spacing-44);
  margin-left: var(--spacing-44);
  margin-right: var(--spacing-44);
}

.space-x-48 {
  --tw-space-x-reverse: var(--spacing-48);
  margin-left: var(--spacing-48);
  margin-right: var(--spacing-48);
}

.space-x-52 {
  --tw-space-x-reverse: var(--spacing-52);
  margin-left: var(--spacing-52);
  margin-right: var(--spacing-52);
}

.space-x-56 {
  --tw-space-x-reverse: var(--spacing-56);
  margin-left: var(--spacing-56);
  margin-right: var(--spacing-56);
}

.space-x-60 {
  --tw-space-x-reverse: var(--spacing-60);
  margin-left: var(--spacing-60);
  margin-right: var(--spacing-60);
}

.space-x-64 {
  --tw-space-x-reverse: var(--spacing-64);
  margin-left: var(--spacing-64);
  margin-right: var(--spacing-64);
}

.space-x-72 {
  --tw-space-x-reverse: var(--spacing-72);
  margin-left: var(--spacing-72);
  margin-right: var(--spacing-72);
}

.space-x-80 {
  --tw-space-x-reverse: var(--spacing-80);
  margin-left: var(--spacing-80);
  margin-right: var(--spacing-80);
}

.space-x-96 {
  --tw-space-x-reverse: var(--spacing-96);
  margin-left: var(--spacing-96);
  margin-right: var(--spacing-96);
}

.space-x-px {
  --tw-space-x-reverse: var(--spacing-px);
  margin-left: var(--spacing-px);
  margin-right: var(--spacing-px);
}

.space-x-0\.5 {
  --tw-space-x-reverse: var(--spacing-0.5);
  margin-left: var(--spacing-0.5);
  margin-right: var(--spacing-0.5);
}

.space-x-1\.5 {
  --tw-space-x-reverse: var(--spacing-1.5);
  margin-left: var(--spacing-1.5);
  margin-right: var(--spacing-1.5);
}

.space-x-2\.5 {
  --tw-space-x-reverse: var(--spacing-2.5);
  margin-left: var(--spacing-2.5);
  margin-right: var(--spacing-2.5);
}

.space-x-3\.5 {
  --tw-space-x-reverse: var(--spacing-3.5);
  margin-left: var(--spacing-3.5);
  margin-right: var(--spacing-3.5);
}

.space-x-auto {
  --tw-space-x-reverse: var(--spacing-auto);
  margin-left: var(--spacing-auto);
  margin-right: var(--spacing-auto);
}

.space-x-1\/2 {
  --tw-space-x-reverse: var(--spacing-1/2);
  margin-left: var(--spacing-1/2);
  margin-right: var(--spacing-1/2);
}

.space-x-1\/3 {
  --tw-space-x-reverse: var(--spacing-1/3);
  margin-left: var(--spacing-1/3);
  margin-right: var(--spacing-1/3);
}

.space-x-2\/3 {
  --tw-space-x-reverse: var(--spacing-2/3);
  margin-left: var(--spacing-2/3);
  margin-right: var(--spacing-2/3);
}

.space-x-1\/4 {
  --tw-space-x-reverse: var(--spacing-1/4);
  margin-left: var(--spacing-1/4);
  margin-right: var(--spacing-1/4);
}

.space-x-2\/4 {
  --tw-space-x-reverse: var(--spacing-2/4);
  margin-left: var(--spacing-2/4);
  margin-right: var(--spacing-2/4);
}

.space-x-3\/4 {
  --tw-space-x-reverse: var(--spacing-3/4);
  margin-left: var(--spacing-3/4);
  margin-right: var(--spacing-3/4);
}

.space-x-1\/5 {
  --tw-space-x-reverse: var(--spacing-1/5);
  margin-left: var(--spacing-1/5);
  margin-right: var(--spacing-1/5);
}

.space-x-2\/5 {
  --tw-space-x-reverse: var(--spacing-2/5);
  margin-left: var(--spacing-2/5);
  margin-right: var(--spacing-2/5);
}

.space-x-3\/5 {
  --tw-space-x-reverse: var(--spacing-3/5);
  margin-left: var(--spacing-3/5);
  margin-right: var(--spacing-3/5);
}

.space-x-4\/5 {
  --tw-space-x-reverse: var(--spacing-4/5);
  margin-left: var(--spacing-4/5);
  margin-right: var(--spacing-4/5);
}

.space-x-1\/6 {
  --tw-space-x-reverse: var(--spacing-1/6);
  margin-left: var(--spacing-1/6);
  margin-right: var(--spacing-1/6);
}

.space-x-2\/6 {
  --tw-space-x-reverse: var(--spacing-2/6);
  margin-left: var(--spacing-2/6);
  margin-right: var(--spacing-2/6);
}

.space-x-3\/6 {
  --tw-space-x-reverse: var(--spacing-3/6);
  margin-left: var(--spacing-3/6);
  margin-right: var(--spacing-3/6);
}

.space-x-4\/6 {
  --tw-space-x-reverse: var(--spacing-4/6);
  margin-left: var(--spacing-4/6);
  margin-right: var(--spacing-4/6);
}

.space-x-5\/6 {
  --tw-space-x-reverse: var(--spacing-5/6);
  margin-left: var(--spacing-5/6);
  margin-right: var(--spacing-5/6);
}

.space-x-full {
  --tw-space-x-reverse: var(--spacing-full);
  margin-left: var(--spacing-full);
  margin-right: var(--spacing-full);
}

.space-x-screen {
  --tw-space-x-reverse: var(--spacing-screen);
  margin-left: var(--spacing-screen);
  margin-right: var(--spacing-screen);
}

.space-x-min {
  --tw-space-x-reverse: var(--spacing-min);
  margin-left: var(--spacing-min);
  margin-right: var(--spacing-min);
}

.space-x-max {
  --tw-space-x-reverse: var(--spacing-max);
  margin-left: var(--spacing-max);
  margin-right: var(--spacing-max);
}

.space-x-fit {
  --tw-space-x-reverse: var(--spacing-fit);
  margin-left: var(--spacing-fit);
  margin-right: var(--spacing-fit);
}

.space-y-0 {
  --tw-space-y-reverse: var(--spacing-0);
  margin-top: var(--spacing-0);
  margin-bottom: var(--spacing-0);
}

.space-y-1 {
  --tw-space-y-reverse: var(--spacing-1);
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}

.space-y-2 {
  --tw-space-y-reverse: var(--spacing-2);
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
}

.space-y-3 {
  --tw-space-y-reverse: var(--spacing-3);
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}

.space-y-4 {
  --tw-space-y-reverse: var(--spacing-4);
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

.space-y-5 {
  --tw-space-y-reverse: var(--spacing-5);
  margin-top: var(--spacing-5);
  margin-bottom: var(--spacing-5);
}

.space-y-6 {
  --tw-space-y-reverse: var(--spacing-6);
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-6);
}

.space-y-7 {
  --tw-space-y-reverse: var(--spacing-7);
  margin-top: var(--spacing-7);
  margin-bottom: var(--spacing-7);
}

.space-y-8 {
  --tw-space-y-reverse: var(--spacing-8);
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-8);
}

.space-y-9 {
  --tw-space-y-reverse: var(--spacing-9);
  margin-top: var(--spacing-9);
  margin-bottom: var(--spacing-9);
}

.space-y-10 {
  --tw-space-y-reverse: var(--spacing-10);
  margin-top: var(--spacing-10);
  margin-bottom: var(--spacing-10);
}

.space-y-11 {
  --tw-space-y-reverse: var(--spacing-11);
  margin-top: var(--spacing-11);
  margin-bottom: var(--spacing-11);
}

.space-y-12 {
  --tw-space-y-reverse: var(--spacing-12);
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

.space-y-14 {
  --tw-space-y-reverse: var(--spacing-14);
  margin-top: var(--spacing-14);
  margin-bottom: var(--spacing-14);
}

.space-y-16 {
  --tw-space-y-reverse: var(--spacing-16);
  margin-top: var(--spacing-16);
  margin-bottom: var(--spacing-16);
}

.space-y-20 {
  --tw-space-y-reverse: var(--spacing-20);
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}

.space-y-24 {
  --tw-space-y-reverse: var(--spacing-24);
  margin-top: var(--spacing-24);
  margin-bottom: var(--spacing-24);
}

.space-y-28 {
  --tw-space-y-reverse: var(--spacing-28);
  margin-top: var(--spacing-28);
  margin-bottom: var(--spacing-28);
}

.space-y-32 {
  --tw-space-y-reverse: var(--spacing-32);
  margin-top: var(--spacing-32);
  margin-bottom: var(--spacing-32);
}

.space-y-36 {
  --tw-space-y-reverse: var(--spacing-36);
  margin-top: var(--spacing-36);
  margin-bottom: var(--spacing-36);
}

.space-y-40 {
  --tw-space-y-reverse: var(--spacing-40);
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40);
}

.space-y-44 {
  --tw-space-y-reverse: var(--spacing-44);
  margin-top: var(--spacing-44);
  margin-bottom: var(--spacing-44);
}

.space-y-48 {
  --tw-space-y-reverse: var(--spacing-48);
  margin-top: var(--spacing-48);
  margin-bottom: var(--spacing-48);
}

.space-y-52 {
  --tw-space-y-reverse: var(--spacing-52);
  margin-top: var(--spacing-52);
  margin-bottom: var(--spacing-52);
}

.space-y-56 {
  --tw-space-y-reverse: var(--spacing-56);
  margin-top: var(--spacing-56);
  margin-bottom: var(--spacing-56);
}

.space-y-60 {
  --tw-space-y-reverse: var(--spacing-60);
  margin-top: var(--spacing-60);
  margin-bottom: var(--spacing-60);
}

.space-y-64 {
  --tw-space-y-reverse: var(--spacing-64);
  margin-top: var(--spacing-64);
  margin-bottom: var(--spacing-64);
}

.space-y-72 {
  --tw-space-y-reverse: var(--spacing-72);
  margin-top: var(--spacing-72);
  margin-bottom: var(--spacing-72);
}

.space-y-80 {
  --tw-space-y-reverse: var(--spacing-80);
  margin-top: var(--spacing-80);
  margin-bottom: var(--spacing-80);
}

.space-y-96 {
  --tw-space-y-reverse: var(--spacing-96);
  margin-top: var(--spacing-96);
  margin-bottom: var(--spacing-96);
}

.space-y-px {
  --tw-space-y-reverse: var(--spacing-px);
  margin-top: var(--spacing-px);
  margin-bottom: var(--spacing-px);
}

.space-y-0\.5 {
  --tw-space-y-reverse: var(--spacing-0.5);
  margin-top: var(--spacing-0.5);
  margin-bottom: var(--spacing-0.5);
}

.space-y-1\.5 {
  --tw-space-y-reverse: var(--spacing-1.5);
  margin-top: var(--spacing-1.5);
  margin-bottom: var(--spacing-1.5);
}

.space-y-2\.5 {
  --tw-space-y-reverse: var(--spacing-2.5);
  margin-top: var(--spacing-2.5);
  margin-bottom: var(--spacing-2.5);
}

.space-y-3\.5 {
  --tw-space-y-reverse: var(--spacing-3.5);
  margin-top: var(--spacing-3.5);
  margin-bottom: var(--spacing-3.5);
}

.space-y-auto {
  --tw-space-y-reverse: var(--spacing-auto);
  margin-top: var(--spacing-auto);
  margin-bottom: var(--spacing-auto);
}

.space-y-1\/2 {
  --tw-space-y-reverse: var(--spacing-1/2);
  margin-top: var(--spacing-1/2);
  margin-bottom: var(--spacing-1/2);
}

.space-y-1\/3 {
  --tw-space-y-reverse: var(--spacing-1/3);
  margin-top: var(--spacing-1/3);
  margin-bottom: var(--spacing-1/3);
}

.space-y-2\/3 {
  --tw-space-y-reverse: var(--spacing-2/3);
  margin-top: var(--spacing-2/3);
  margin-bottom: var(--spacing-2/3);
}

.space-y-1\/4 {
  --tw-space-y-reverse: var(--spacing-1/4);
  margin-top: var(--spacing-1/4);
  margin-bottom: var(--spacing-1/4);
}

.space-y-2\/4 {
  --tw-space-y-reverse: var(--spacing-2/4);
  margin-top: var(--spacing-2/4);
  margin-bottom: var(--spacing-2/4);
}

.space-y-3\/4 {
  --tw-space-y-reverse: var(--spacing-3/4);
  margin-top: var(--spacing-3/4);
  margin-bottom: var(--spacing-3/4);
}

.space-y-1\/5 {
  --tw-space-y-reverse: var(--spacing-1/5);
  margin-top: var(--spacing-1/5);
  margin-bottom: var(--spacing-1/5);
}

.space-y-2\/5 {
  --tw-space-y-reverse: var(--spacing-2/5);
  margin-top: var(--spacing-2/5);
  margin-bottom: var(--spacing-2/5);
}

.space-y-3\/5 {
  --tw-space-y-reverse: var(--spacing-3/5);
  margin-top: var(--spacing-3/5);
  margin-bottom: var(--spacing-3/5);
}

.space-y-4\/5 {
  --tw-space-y-reverse: var(--spacing-4/5);
  margin-top: var(--spacing-4/5);
  margin-bottom: var(--spacing-4/5);
}

.space-y-1\/6 {
  --tw-space-y-reverse: var(--spacing-1/6);
  margin-top: var(--spacing-1/6);
  margin-bottom: var(--spacing-1/6);
}

.space-y-2\/6 {
  --tw-space-y-reverse: var(--spacing-2/6);
  margin-top: var(--spacing-2/6);
  margin-bottom: var(--spacing-2/6);
}

.space-y-3\/6 {
  --tw-space-y-reverse: var(--spacing-3/6);
  margin-top: var(--spacing-3/6);
  margin-bottom: var(--spacing-3/6);
}

.space-y-4\/6 {
  --tw-space-y-reverse: var(--spacing-4/6);
  margin-top: var(--spacing-4/6);
  margin-bottom: var(--spacing-4/6);
}

.space-y-5\/6 {
  --tw-space-y-reverse: var(--spacing-5/6);
  margin-top: var(--spacing-5/6);
  margin-bottom: var(--spacing-5/6);
}

.space-y-full {
  --tw-space-y-reverse: var(--spacing-full);
  margin-top: var(--spacing-full);
  margin-bottom: var(--spacing-full);
}

.space-y-screen {
  --tw-space-y-reverse: var(--spacing-screen);
  margin-top: var(--spacing-screen);
  margin-bottom: var(--spacing-screen);
}

.space-y-min {
  --tw-space-y-reverse: var(--spacing-min);
  margin-top: var(--spacing-min);
  margin-bottom: var(--spacing-min);
}

.space-y-max {
  --tw-space-y-reverse: var(--spacing-max);
  margin-top: var(--spacing-max);
  margin-bottom: var(--spacing-max);
}

.space-y-fit {
  --tw-space-y-reverse: var(--spacing-fit);
  margin-top: var(--spacing-fit);
  margin-bottom: var(--spacing-fit);
}

.space-x-reverse-0 {
  --tw-space-x-reverse: 0;
}

.space-x-reverse-1 {
  --tw-space-x-reverse: 1;
}

.space-y-reverse-0 {
  --tw-space-y-reverse: 0;
}

.space-y-reverse-1 {
  --tw-space-y-reverse: 1;
}

/* 色彩系统 */
/* 基础类 */
.bg-red-50 {
  background-color: rgb(var(--red-50));
}

.bg-red-100 {
  background-color: rgb(var(--red-100));
}

.bg-red-200 {
  background-color: rgb(var(--red-200));
}

.bg-red-300 {
  background-color: rgb(var(--red-300));
}

.bg-red-400 {
  background-color: rgb(var(--red-400));
}

.bg-red-500 {
  background-color: rgb(var(--red-500));
}

.bg-red-600 {
  background-color: rgb(var(--red-600));
}

.bg-red-700 {
  background-color: rgb(var(--red-700));
}

.bg-red-800 {
  background-color: rgb(var(--red-800));
}

.bg-red-900 {
  background-color: rgb(var(--red-900));
}

.bg-orange-50 {
  background-color: rgb(var(--orange-50));
}

.bg-orange-100 {
  background-color: rgb(var(--orange-100));
}

.bg-orange-200 {
  background-color: rgb(var(--orange-200));
}

.bg-orange-300 {
  background-color: rgb(var(--orange-300));
}

.bg-orange-400 {
  background-color: rgb(var(--orange-400));
}

.bg-orange-500 {
  background-color: rgb(var(--orange-500));
}

.bg-orange-600 {
  background-color: rgb(var(--orange-600));
}

.bg-orange-700 {
  background-color: rgb(var(--orange-700));
}

.bg-orange-800 {
  background-color: rgb(var(--orange-800));
}

.bg-orange-900 {
  background-color: rgb(var(--orange-900));
}

.bg-amber-50 {
  background-color: rgb(var(--amber-50));
}

.bg-amber-100 {
  background-color: rgb(var(--amber-100));
}

.bg-amber-200 {
  background-color: rgb(var(--amber-200));
}

.bg-amber-300 {
  background-color: rgb(var(--amber-300));
}

.bg-amber-400 {
  background-color: rgb(var(--amber-400));
}

.bg-amber-500 {
  background-color: rgb(var(--amber-500));
}

.bg-amber-600 {
  background-color: rgb(var(--amber-600));
}

.bg-amber-700 {
  background-color: rgb(var(--amber-700));
}

.bg-amber-800 {
  background-color: rgb(var(--amber-800));
}

.bg-amber-900 {
  background-color: rgb(var(--amber-900));
}

.bg-yellow-50 {
  background-color: rgb(var(--yellow-50));
}

.bg-yellow-100 {
  background-color: rgb(var(--yellow-100));
}

.bg-yellow-200 {
  background-color: rgb(var(--yellow-200));
}

.bg-yellow-300 {
  background-color: rgb(var(--yellow-300));
}

.bg-yellow-400 {
  background-color: rgb(var(--yellow-400));
}

.bg-yellow-500 {
  background-color: rgb(var(--yellow-500));
}

.bg-yellow-600 {
  background-color: rgb(var(--yellow-600));
}

.bg-yellow-700 {
  background-color: rgb(var(--yellow-700));
}

.bg-yellow-800 {
  background-color: rgb(var(--yellow-800));
}

.bg-yellow-900 {
  background-color: rgb(var(--yellow-900));
}

.bg-lime-50 {
  background-color: rgb(var(--lime-50));
}

.bg-lime-100 {
  background-color: rgb(var(--lime-100));
}

.bg-lime-200 {
  background-color: rgb(var(--lime-200));
}

.bg-lime-300 {
  background-color: rgb(var(--lime-300));
}

.bg-lime-400 {
  background-color: rgb(var(--lime-400));
}

.bg-lime-500 {
  background-color: rgb(var(--lime-500));
}

.bg-lime-600 {
  background-color: rgb(var(--lime-600));
}

.bg-lime-700 {
  background-color: rgb(var(--lime-700));
}

.bg-lime-800 {
  background-color: rgb(var(--lime-800));
}

.bg-lime-900 {
  background-color: rgb(var(--lime-900));
}

.bg-green-50 {
  background-color: rgb(var(--green-50));
}

.bg-green-100 {
  background-color: rgb(var(--green-100));
}

.bg-green-200 {
  background-color: rgb(var(--green-200));
}

.bg-green-300 {
  background-color: rgb(var(--green-300));
}

.bg-green-400 {
  background-color: rgb(var(--green-400));
}

.bg-green-500 {
  background-color: rgb(var(--green-500));
}

.bg-green-600 {
  background-color: rgb(var(--green-600));
}

.bg-green-700 {
  background-color: rgb(var(--green-700));
}

.bg-green-800 {
  background-color: rgb(var(--green-800));
}

.bg-green-900 {
  background-color: rgb(var(--green-900));
}

.bg-emerald-50 {
  background-color: rgb(var(--emerald-50));
}

.bg-emerald-100 {
  background-color: rgb(var(--emerald-100));
}

.bg-emerald-200 {
  background-color: rgb(var(--emerald-200));
}

.bg-emerald-300 {
  background-color: rgb(var(--emerald-300));
}

.bg-emerald-400 {
  background-color: rgb(var(--emerald-400));
}

.bg-emerald-500 {
  background-color: rgb(var(--emerald-500));
}

.bg-emerald-600 {
  background-color: rgb(var(--emerald-600));
}

.bg-emerald-700 {
  background-color: rgb(var(--emerald-700));
}

.bg-emerald-800 {
  background-color: rgb(var(--emerald-800));
}

.bg-emerald-900 {
  background-color: rgb(var(--emerald-900));
}

.bg-teal-50 {
  background-color: rgb(var(--teal-50));
}

.bg-teal-100 {
  background-color: rgb(var(--teal-100));
}

.bg-teal-200 {
  background-color: rgb(var(--teal-200));
}

.bg-teal-300 {
  background-color: rgb(var(--teal-300));
}

.bg-teal-400 {
  background-color: rgb(var(--teal-400));
}

.bg-teal-500 {
  background-color: rgb(var(--teal-500));
}

.bg-teal-600 {
  background-color: rgb(var(--teal-600));
}

.bg-teal-700 {
  background-color: rgb(var(--teal-700));
}

.bg-teal-800 {
  background-color: rgb(var(--teal-800));
}

.bg-teal-900 {
  background-color: rgb(var(--teal-900));
}

.bg-cyan-50 {
  background-color: rgb(var(--cyan-50));
}

.bg-cyan-100 {
  background-color: rgb(var(--cyan-100));
}

.bg-cyan-200 {
  background-color: rgb(var(--cyan-200));
}

.bg-cyan-300 {
  background-color: rgb(var(--cyan-300));
}

.bg-cyan-400 {
  background-color: rgb(var(--cyan-400));
}

.bg-cyan-500 {
  background-color: rgb(var(--cyan-500));
}

.bg-cyan-600 {
  background-color: rgb(var(--cyan-600));
}

.bg-cyan-700 {
  background-color: rgb(var(--cyan-700));
}

.bg-cyan-800 {
  background-color: rgb(var(--cyan-800));
}

.bg-cyan-900 {
  background-color: rgb(var(--cyan-900));
}

.bg-sky-50 {
  background-color: rgb(var(--sky-50));
}

.bg-sky-100 {
  background-color: rgb(var(--sky-100));
}

.bg-sky-200 {
  background-color: rgb(var(--sky-200));
}

.bg-sky-300 {
  background-color: rgb(var(--sky-300));
}

.bg-sky-400 {
  background-color: rgb(var(--sky-400));
}

.bg-sky-500 {
  background-color: rgb(var(--sky-500));
}

.bg-sky-600 {
  background-color: rgb(var(--sky-600));
}

.bg-sky-700 {
  background-color: rgb(var(--sky-700));
}

.bg-sky-800 {
  background-color: rgb(var(--sky-800));
}

.bg-sky-900 {
  background-color: rgb(var(--sky-900));
}

.bg-blue-50 {
  background-color: rgb(var(--blue-50));
}

.bg-blue-100 {
  background-color: rgb(var(--blue-100));
}

.bg-blue-200 {
  background-color: rgb(var(--blue-200));
}

.bg-blue-300 {
  background-color: rgb(var(--blue-300));
}

.bg-blue-400 {
  background-color: rgb(var(--blue-400));
}

.bg-blue-500 {
  background-color: rgb(var(--blue-500));
}

.bg-blue-600 {
  background-color: rgb(var(--blue-600));
}

.bg-blue-700 {
  background-color: rgb(var(--blue-700));
}

.bg-blue-800 {
  background-color: rgb(var(--blue-800));
}

.bg-blue-900 {
  background-color: rgb(var(--blue-900));
}

.bg-indigo-50 {
  background-color: rgb(var(--indigo-50));
}

.bg-indigo-100 {
  background-color: rgb(var(--indigo-100));
}

.bg-indigo-200 {
  background-color: rgb(var(--indigo-200));
}

.bg-indigo-300 {
  background-color: rgb(var(--indigo-300));
}

.bg-indigo-400 {
  background-color: rgb(var(--indigo-400));
}

.bg-indigo-500 {
  background-color: rgb(var(--indigo-500));
}

.bg-indigo-600 {
  background-color: rgb(var(--indigo-600));
}

.bg-indigo-700 {
  background-color: rgb(var(--indigo-700));
}

.bg-indigo-800 {
  background-color: rgb(var(--indigo-800));
}

.bg-indigo-900 {
  background-color: rgb(var(--indigo-900));
}

.bg-violet-50 {
  background-color: rgb(var(--violet-50));
}

.bg-violet-100 {
  background-color: rgb(var(--violet-100));
}

.bg-violet-200 {
  background-color: rgb(var(--violet-200));
}

.bg-violet-300 {
  background-color: rgb(var(--violet-300));
}

.bg-violet-400 {
  background-color: rgb(var(--violet-400));
}

.bg-violet-500 {
  background-color: rgb(var(--violet-500));
}

.bg-violet-600 {
  background-color: rgb(var(--violet-600));
}

.bg-violet-700 {
  background-color: rgb(var(--violet-700));
}

.bg-violet-800 {
  background-color: rgb(var(--violet-800));
}

.bg-violet-900 {
  background-color: rgb(var(--violet-900));
}

.bg-purple-50 {
  background-color: rgb(var(--purple-50));
}

.bg-purple-100 {
  background-color: rgb(var(--purple-100));
}

.bg-purple-200 {
  background-color: rgb(var(--purple-200));
}

.bg-purple-300 {
  background-color: rgb(var(--purple-300));
}

.bg-purple-400 {
  background-color: rgb(var(--purple-400));
}

.bg-purple-500 {
  background-color: rgb(var(--purple-500));
}

.bg-purple-600 {
  background-color: rgb(var(--purple-600));
}

.bg-purple-700 {
  background-color: rgb(var(--purple-700));
}

.bg-purple-800 {
  background-color: rgb(var(--purple-800));
}

.bg-purple-900 {
  background-color: rgb(var(--purple-900));
}

.bg-fuchsia-50 {
  background-color: rgb(var(--fuchsia-50));
}

.bg-fuchsia-100 {
  background-color: rgb(var(--fuchsia-100));
}

.bg-fuchsia-200 {
  background-color: rgb(var(--fuchsia-200));
}

.bg-fuchsia-300 {
  background-color: rgb(var(--fuchsia-300));
}

.bg-fuchsia-400 {
  background-color: rgb(var(--fuchsia-400));
}

.bg-fuchsia-500 {
  background-color: rgb(var(--fuchsia-500));
}

.bg-fuchsia-600 {
  background-color: rgb(var(--fuchsia-600));
}

.bg-fuchsia-700 {
  background-color: rgb(var(--fuchsia-700));
}

.bg-fuchsia-800 {
  background-color: rgb(var(--fuchsia-800));
}

.bg-fuchsia-900 {
  background-color: rgb(var(--fuchsia-900));
}

.bg-pink-50 {
  background-color: rgb(var(--pink-50));
}

.bg-pink-100 {
  background-color: rgb(var(--pink-100));
}

.bg-pink-200 {
  background-color: rgb(var(--pink-200));
}

.bg-pink-300 {
  background-color: rgb(var(--pink-300));
}

.bg-pink-400 {
  background-color: rgb(var(--pink-400));
}

.bg-pink-500 {
  background-color: rgb(var(--pink-500));
}

.bg-pink-600 {
  background-color: rgb(var(--pink-600));
}

.bg-pink-700 {
  background-color: rgb(var(--pink-700));
}

.bg-pink-800 {
  background-color: rgb(var(--pink-800));
}

.bg-pink-900 {
  background-color: rgb(var(--pink-900));
}

.bg-rose-50 {
  background-color: rgb(var(--rose-50));
}

.bg-rose-100 {
  background-color: rgb(var(--rose-100));
}

.bg-rose-200 {
  background-color: rgb(var(--rose-200));
}

.bg-rose-300 {
  background-color: rgb(var(--rose-300));
}

.bg-rose-400 {
  background-color: rgb(var(--rose-400));
}

.bg-rose-500 {
  background-color: rgb(var(--rose-500));
}

.bg-rose-600 {
  background-color: rgb(var(--rose-600));
}

.bg-rose-700 {
  background-color: rgb(var(--rose-700));
}

.bg-rose-800 {
  background-color: rgb(var(--rose-800));
}

.bg-rose-900 {
  background-color: rgb(var(--rose-900));
}

.bg-slate-50 {
  background-color: rgb(var(--slate-50));
}

.bg-slate-100 {
  background-color: rgb(var(--slate-100));
}

.bg-slate-200 {
  background-color: rgb(var(--slate-200));
}

.bg-slate-300 {
  background-color: rgb(var(--slate-300));
}

.bg-slate-400 {
  background-color: rgb(var(--slate-400));
}

.bg-slate-500 {
  background-color: rgb(var(--slate-500));
}

.bg-slate-600 {
  background-color: rgb(var(--slate-600));
}

.bg-slate-700 {
  background-color: rgb(var(--slate-700));
}

.bg-slate-800 {
  background-color: rgb(var(--slate-800));
}

.bg-slate-900 {
  background-color: rgb(var(--slate-900));
}

.bg-gray-50 {
  background-color: rgb(var(--gray-50));
}

.bg-gray-100 {
  background-color: rgb(var(--gray-100));
}

.bg-gray-200 {
  background-color: rgb(var(--gray-200));
}

.bg-gray-300 {
  background-color: rgb(var(--gray-300));
}

.bg-gray-400 {
  background-color: rgb(var(--gray-400));
}

.bg-gray-500 {
  background-color: rgb(var(--gray-500));
}

.bg-gray-600 {
  background-color: rgb(var(--gray-600));
}

.bg-gray-700 {
  background-color: rgb(var(--gray-700));
}

.bg-gray-800 {
  background-color: rgb(var(--gray-800));
}

.bg-gray-900 {
  background-color: rgb(var(--gray-900));
}

.bg-zinc-50 {
  background-color: rgb(var(--zinc-50));
}

.bg-zinc-100 {
  background-color: rgb(var(--zinc-100));
}

.bg-zinc-200 {
  background-color: rgb(var(--zinc-200));
}

.bg-zinc-300 {
  background-color: rgb(var(--zinc-300));
}

.bg-zinc-400 {
  background-color: rgb(var(--zinc-400));
}

.bg-zinc-500 {
  background-color: rgb(var(--zinc-500));
}

.bg-zinc-600 {
  background-color: rgb(var(--zinc-600));
}

.bg-zinc-700 {
  background-color: rgb(var(--zinc-700));
}

.bg-zinc-800 {
  background-color: rgb(var(--zinc-800));
}

.bg-zinc-900 {
  background-color: rgb(var(--zinc-900));
}

.bg-black-DEFAULT {
  background-color: rgb(var(--black-DEFAULT));
}

.bg-white-DEFAULT {
  background-color: rgb(var(--white-DEFAULT));
}

.text-red-50 {
  color: rgb(var(--red-50));
}

.text-red-100 {
  color: rgb(var(--red-100));
}

.text-red-200 {
  color: rgb(var(--red-200));
}

.text-red-300 {
  color: rgb(var(--red-300));
}

.text-red-400 {
  color: rgb(var(--red-400));
}

.text-red-500 {
  color: rgb(var(--red-500));
}

.text-red-600 {
  color: rgb(var(--red-600));
}

.text-red-700 {
  color: rgb(var(--red-700));
}

.text-red-800 {
  color: rgb(var(--red-800));
}

.text-red-900 {
  color: rgb(var(--red-900));
}

.text-orange-50 {
  color: rgb(var(--orange-50));
}

.text-orange-100 {
  color: rgb(var(--orange-100));
}

.text-orange-200 {
  color: rgb(var(--orange-200));
}

.text-orange-300 {
  color: rgb(var(--orange-300));
}

.text-orange-400 {
  color: rgb(var(--orange-400));
}

.text-orange-500 {
  color: rgb(var(--orange-500));
}

.text-orange-600 {
  color: rgb(var(--orange-600));
}

.text-orange-700 {
  color: rgb(var(--orange-700));
}

.text-orange-800 {
  color: rgb(var(--orange-800));
}

.text-orange-900 {
  color: rgb(var(--orange-900));
}

.text-amber-50 {
  color: rgb(var(--amber-50));
}

.text-amber-100 {
  color: rgb(var(--amber-100));
}

.text-amber-200 {
  color: rgb(var(--amber-200));
}

.text-amber-300 {
  color: rgb(var(--amber-300));
}

.text-amber-400 {
  color: rgb(var(--amber-400));
}

.text-amber-500 {
  color: rgb(var(--amber-500));
}

.text-amber-600 {
  color: rgb(var(--amber-600));
}

.text-amber-700 {
  color: rgb(var(--amber-700));
}

.text-amber-800 {
  color: rgb(var(--amber-800));
}

.text-amber-900 {
  color: rgb(var(--amber-900));
}

.text-yellow-50 {
  color: rgb(var(--yellow-50));
}

.text-yellow-100 {
  color: rgb(var(--yellow-100));
}

.text-yellow-200 {
  color: rgb(var(--yellow-200));
}

.text-yellow-300 {
  color: rgb(var(--yellow-300));
}

.text-yellow-400 {
  color: rgb(var(--yellow-400));
}

.text-yellow-500 {
  color: rgb(var(--yellow-500));
}

.text-yellow-600 {
  color: rgb(var(--yellow-600));
}

.text-yellow-700 {
  color: rgb(var(--yellow-700));
}

.text-yellow-800 {
  color: rgb(var(--yellow-800));
}

.text-yellow-900 {
  color: rgb(var(--yellow-900));
}

.text-lime-50 {
  color: rgb(var(--lime-50));
}

.text-lime-100 {
  color: rgb(var(--lime-100));
}

.text-lime-200 {
  color: rgb(var(--lime-200));
}

.text-lime-300 {
  color: rgb(var(--lime-300));
}

.text-lime-400 {
  color: rgb(var(--lime-400));
}

.text-lime-500 {
  color: rgb(var(--lime-500));
}

.text-lime-600 {
  color: rgb(var(--lime-600));
}

.text-lime-700 {
  color: rgb(var(--lime-700));
}

.text-lime-800 {
  color: rgb(var(--lime-800));
}

.text-lime-900 {
  color: rgb(var(--lime-900));
}

.text-green-50 {
  color: rgb(var(--green-50));
}

.text-green-100 {
  color: rgb(var(--green-100));
}

.text-green-200 {
  color: rgb(var(--green-200));
}

.text-green-300 {
  color: rgb(var(--green-300));
}

.text-green-400 {
  color: rgb(var(--green-400));
}

.text-green-500 {
  color: rgb(var(--green-500));
}

.text-green-600 {
  color: rgb(var(--green-600));
}

.text-green-700 {
  color: rgb(var(--green-700));
}

.text-green-800 {
  color: rgb(var(--green-800));
}

.text-green-900 {
  color: rgb(var(--green-900));
}

.text-emerald-50 {
  color: rgb(var(--emerald-50));
}

.text-emerald-100 {
  color: rgb(var(--emerald-100));
}

.text-emerald-200 {
  color: rgb(var(--emerald-200));
}

.text-emerald-300 {
  color: rgb(var(--emerald-300));
}

.text-emerald-400 {
  color: rgb(var(--emerald-400));
}

.text-emerald-500 {
  color: rgb(var(--emerald-500));
}

.text-emerald-600 {
  color: rgb(var(--emerald-600));
}

.text-emerald-700 {
  color: rgb(var(--emerald-700));
}

.text-emerald-800 {
  color: rgb(var(--emerald-800));
}

.text-emerald-900 {
  color: rgb(var(--emerald-900));
}

.text-teal-50 {
  color: rgb(var(--teal-50));
}

.text-teal-100 {
  color: rgb(var(--teal-100));
}

.text-teal-200 {
  color: rgb(var(--teal-200));
}

.text-teal-300 {
  color: rgb(var(--teal-300));
}

.text-teal-400 {
  color: rgb(var(--teal-400));
}

.text-teal-500 {
  color: rgb(var(--teal-500));
}

.text-teal-600 {
  color: rgb(var(--teal-600));
}

.text-teal-700 {
  color: rgb(var(--teal-700));
}

.text-teal-800 {
  color: rgb(var(--teal-800));
}

.text-teal-900 {
  color: rgb(var(--teal-900));
}

.text-cyan-50 {
  color: rgb(var(--cyan-50));
}

.text-cyan-100 {
  color: rgb(var(--cyan-100));
}

.text-cyan-200 {
  color: rgb(var(--cyan-200));
}

.text-cyan-300 {
  color: rgb(var(--cyan-300));
}

.text-cyan-400 {
  color: rgb(var(--cyan-400));
}

.text-cyan-500 {
  color: rgb(var(--cyan-500));
}

.text-cyan-600 {
  color: rgb(var(--cyan-600));
}

.text-cyan-700 {
  color: rgb(var(--cyan-700));
}

.text-cyan-800 {
  color: rgb(var(--cyan-800));
}

.text-cyan-900 {
  color: rgb(var(--cyan-900));
}

.text-sky-50 {
  color: rgb(var(--sky-50));
}

.text-sky-100 {
  color: rgb(var(--sky-100));
}

.text-sky-200 {
  color: rgb(var(--sky-200));
}

.text-sky-300 {
  color: rgb(var(--sky-300));
}

.text-sky-400 {
  color: rgb(var(--sky-400));
}

.text-sky-500 {
  color: rgb(var(--sky-500));
}

.text-sky-600 {
  color: rgb(var(--sky-600));
}

.text-sky-700 {
  color: rgb(var(--sky-700));
}

.text-sky-800 {
  color: rgb(var(--sky-800));
}

.text-sky-900 {
  color: rgb(var(--sky-900));
}

.text-blue-50 {
  color: rgb(var(--blue-50));
}

.text-blue-100 {
  color: rgb(var(--blue-100));
}

.text-blue-200 {
  color: rgb(var(--blue-200));
}

.text-blue-300 {
  color: rgb(var(--blue-300));
}

.text-blue-400 {
  color: rgb(var(--blue-400));
}

.text-blue-500 {
  color: rgb(var(--blue-500));
}

.text-blue-600 {
  color: rgb(var(--blue-600));
}

.text-blue-700 {
  color: rgb(var(--blue-700));
}

.text-blue-800 {
  color: rgb(var(--blue-800));
}

.text-blue-900 {
  color: rgb(var(--blue-900));
}

.text-indigo-50 {
  color: rgb(var(--indigo-50));
}

.text-indigo-100 {
  color: rgb(var(--indigo-100));
}

.text-indigo-200 {
  color: rgb(var(--indigo-200));
}

.text-indigo-300 {
  color: rgb(var(--indigo-300));
}

.text-indigo-400 {
  color: rgb(var(--indigo-400));
}

.text-indigo-500 {
  color: rgb(var(--indigo-500));
}

.text-indigo-600 {
  color: rgb(var(--indigo-600));
}

.text-indigo-700 {
  color: rgb(var(--indigo-700));
}

.text-indigo-800 {
  color: rgb(var(--indigo-800));
}

.text-indigo-900 {
  color: rgb(var(--indigo-900));
}

.text-violet-50 {
  color: rgb(var(--violet-50));
}

.text-violet-100 {
  color: rgb(var(--violet-100));
}

.text-violet-200 {
  color: rgb(var(--violet-200));
}

.text-violet-300 {
  color: rgb(var(--violet-300));
}

.text-violet-400 {
  color: rgb(var(--violet-400));
}

.text-violet-500 {
  color: rgb(var(--violet-500));
}

.text-violet-600 {
  color: rgb(var(--violet-600));
}

.text-violet-700 {
  color: rgb(var(--violet-700));
}

.text-violet-800 {
  color: rgb(var(--violet-800));
}

.text-violet-900 {
  color: rgb(var(--violet-900));
}

.text-purple-50 {
  color: rgb(var(--purple-50));
}

.text-purple-100 {
  color: rgb(var(--purple-100));
}

.text-purple-200 {
  color: rgb(var(--purple-200));
}

.text-purple-300 {
  color: rgb(var(--purple-300));
}

.text-purple-400 {
  color: rgb(var(--purple-400));
}

.text-purple-500 {
  color: rgb(var(--purple-500));
}

.text-purple-600 {
  color: rgb(var(--purple-600));
}

.text-purple-700 {
  color: rgb(var(--purple-700));
}

.text-purple-800 {
  color: rgb(var(--purple-800));
}

.text-purple-900 {
  color: rgb(var(--purple-900));
}

.text-fuchsia-50 {
  color: rgb(var(--fuchsia-50));
}

.text-fuchsia-100 {
  color: rgb(var(--fuchsia-100));
}

.text-fuchsia-200 {
  color: rgb(var(--fuchsia-200));
}

.text-fuchsia-300 {
  color: rgb(var(--fuchsia-300));
}

.text-fuchsia-400 {
  color: rgb(var(--fuchsia-400));
}

.text-fuchsia-500 {
  color: rgb(var(--fuchsia-500));
}

.text-fuchsia-600 {
  color: rgb(var(--fuchsia-600));
}

.text-fuchsia-700 {
  color: rgb(var(--fuchsia-700));
}

.text-fuchsia-800 {
  color: rgb(var(--fuchsia-800));
}

.text-fuchsia-900 {
  color: rgb(var(--fuchsia-900));
}

.text-pink-50 {
  color: rgb(var(--pink-50));
}

.text-pink-100 {
  color: rgb(var(--pink-100));
}

.text-pink-200 {
  color: rgb(var(--pink-200));
}

.text-pink-300 {
  color: rgb(var(--pink-300));
}

.text-pink-400 {
  color: rgb(var(--pink-400));
}

.text-pink-500 {
  color: rgb(var(--pink-500));
}

.text-pink-600 {
  color: rgb(var(--pink-600));
}

.text-pink-700 {
  color: rgb(var(--pink-700));
}

.text-pink-800 {
  color: rgb(var(--pink-800));
}

.text-pink-900 {
  color: rgb(var(--pink-900));
}

.text-rose-50 {
  color: rgb(var(--rose-50));
}

.text-rose-100 {
  color: rgb(var(--rose-100));
}

.text-rose-200 {
  color: rgb(var(--rose-200));
}

.text-rose-300 {
  color: rgb(var(--rose-300));
}

.text-rose-400 {
  color: rgb(var(--rose-400));
}

.text-rose-500 {
  color: rgb(var(--rose-500));
}

.text-rose-600 {
  color: rgb(var(--rose-600));
}

.text-rose-700 {
  color: rgb(var(--rose-700));
}

.text-rose-800 {
  color: rgb(var(--rose-800));
}

.text-rose-900 {
  color: rgb(var(--rose-900));
}

.text-slate-50 {
  color: rgb(var(--slate-50));
}

.text-slate-100 {
  color: rgb(var(--slate-100));
}

.text-slate-200 {
  color: rgb(var(--slate-200));
}

.text-slate-300 {
  color: rgb(var(--slate-300));
}

.text-slate-400 {
  color: rgb(var(--slate-400));
}

.text-slate-500 {
  color: rgb(var(--slate-500));
}

.text-slate-600 {
  color: rgb(var(--slate-600));
}

.text-slate-700 {
  color: rgb(var(--slate-700));
}

.text-slate-800 {
  color: rgb(var(--slate-800));
}

.text-slate-900 {
  color: rgb(var(--slate-900));
}

.text-gray-50 {
  color: rgb(var(--gray-50));
}

.text-gray-100 {
  color: rgb(var(--gray-100));
}

.text-gray-200 {
  color: rgb(var(--gray-200));
}

.text-gray-300 {
  color: rgb(var(--gray-300));
}

.text-gray-400 {
  color: rgb(var(--gray-400));
}

.text-gray-500 {
  color: rgb(var(--gray-500));
}

.text-gray-600 {
  color: rgb(var(--gray-600));
}

.text-gray-700 {
  color: rgb(var(--gray-700));
}

.text-gray-800 {
  color: rgb(var(--gray-800));
}

.text-gray-900 {
  color: rgb(var(--gray-900));
}

.text-zinc-50 {
  color: rgb(var(--zinc-50));
}

.text-zinc-100 {
  color: rgb(var(--zinc-100));
}

.text-zinc-200 {
  color: rgb(var(--zinc-200));
}

.text-zinc-300 {
  color: rgb(var(--zinc-300));
}

.text-zinc-400 {
  color: rgb(var(--zinc-400));
}

.text-zinc-500 {
  color: rgb(var(--zinc-500));
}

.text-zinc-600 {
  color: rgb(var(--zinc-600));
}

.text-zinc-700 {
  color: rgb(var(--zinc-700));
}

.text-zinc-800 {
  color: rgb(var(--zinc-800));
}

.text-zinc-900 {
  color: rgb(var(--zinc-900));
}

.text-black-DEFAULT {
  color: rgb(var(--black-DEFAULT));
}

.text-white-DEFAULT {
  color: rgb(var(--white-DEFAULT));
}

.border-red-50 {
  border-color: rgb(var(--red-50));
}

.border-red-100 {
  border-color: rgb(var(--red-100));
}

.border-red-200 {
  border-color: rgb(var(--red-200));
}

.border-red-300 {
  border-color: rgb(var(--red-300));
}

.border-red-400 {
  border-color: rgb(var(--red-400));
}

.border-red-500 {
  border-color: rgb(var(--red-500));
}

.border-red-600 {
  border-color: rgb(var(--red-600));
}

.border-red-700 {
  border-color: rgb(var(--red-700));
}

.border-red-800 {
  border-color: rgb(var(--red-800));
}

.border-red-900 {
  border-color: rgb(var(--red-900));
}

.border-orange-50 {
  border-color: rgb(var(--orange-50));
}

.border-orange-100 {
  border-color: rgb(var(--orange-100));
}

.border-orange-200 {
  border-color: rgb(var(--orange-200));
}

.border-orange-300 {
  border-color: rgb(var(--orange-300));
}

.border-orange-400 {
  border-color: rgb(var(--orange-400));
}

.border-orange-500 {
  border-color: rgb(var(--orange-500));
}

.border-orange-600 {
  border-color: rgb(var(--orange-600));
}

.border-orange-700 {
  border-color: rgb(var(--orange-700));
}

.border-orange-800 {
  border-color: rgb(var(--orange-800));
}

.border-orange-900 {
  border-color: rgb(var(--orange-900));
}

.border-amber-50 {
  border-color: rgb(var(--amber-50));
}

.border-amber-100 {
  border-color: rgb(var(--amber-100));
}

.border-amber-200 {
  border-color: rgb(var(--amber-200));
}

.border-amber-300 {
  border-color: rgb(var(--amber-300));
}

.border-amber-400 {
  border-color: rgb(var(--amber-400));
}

.border-amber-500 {
  border-color: rgb(var(--amber-500));
}

.border-amber-600 {
  border-color: rgb(var(--amber-600));
}

.border-amber-700 {
  border-color: rgb(var(--amber-700));
}

.border-amber-800 {
  border-color: rgb(var(--amber-800));
}

.border-amber-900 {
  border-color: rgb(var(--amber-900));
}

.border-yellow-50 {
  border-color: rgb(var(--yellow-50));
}

.border-yellow-100 {
  border-color: rgb(var(--yellow-100));
}

.border-yellow-200 {
  border-color: rgb(var(--yellow-200));
}

.border-yellow-300 {
  border-color: rgb(var(--yellow-300));
}

.border-yellow-400 {
  border-color: rgb(var(--yellow-400));
}

.border-yellow-500 {
  border-color: rgb(var(--yellow-500));
}

.border-yellow-600 {
  border-color: rgb(var(--yellow-600));
}

.border-yellow-700 {
  border-color: rgb(var(--yellow-700));
}

.border-yellow-800 {
  border-color: rgb(var(--yellow-800));
}

.border-yellow-900 {
  border-color: rgb(var(--yellow-900));
}

.border-lime-50 {
  border-color: rgb(var(--lime-50));
}

.border-lime-100 {
  border-color: rgb(var(--lime-100));
}

.border-lime-200 {
  border-color: rgb(var(--lime-200));
}

.border-lime-300 {
  border-color: rgb(var(--lime-300));
}

.border-lime-400 {
  border-color: rgb(var(--lime-400));
}

.border-lime-500 {
  border-color: rgb(var(--lime-500));
}

.border-lime-600 {
  border-color: rgb(var(--lime-600));
}

.border-lime-700 {
  border-color: rgb(var(--lime-700));
}

.border-lime-800 {
  border-color: rgb(var(--lime-800));
}

.border-lime-900 {
  border-color: rgb(var(--lime-900));
}

.border-green-50 {
  border-color: rgb(var(--green-50));
}

.border-green-100 {
  border-color: rgb(var(--green-100));
}

.border-green-200 {
  border-color: rgb(var(--green-200));
}

.border-green-300 {
  border-color: rgb(var(--green-300));
}

.border-green-400 {
  border-color: rgb(var(--green-400));
}

.border-green-500 {
  border-color: rgb(var(--green-500));
}

.border-green-600 {
  border-color: rgb(var(--green-600));
}

.border-green-700 {
  border-color: rgb(var(--green-700));
}

.border-green-800 {
  border-color: rgb(var(--green-800));
}

.border-green-900 {
  border-color: rgb(var(--green-900));
}

.border-emerald-50 {
  border-color: rgb(var(--emerald-50));
}

.border-emerald-100 {
  border-color: rgb(var(--emerald-100));
}

.border-emerald-200 {
  border-color: rgb(var(--emerald-200));
}

.border-emerald-300 {
  border-color: rgb(var(--emerald-300));
}

.border-emerald-400 {
  border-color: rgb(var(--emerald-400));
}

.border-emerald-500 {
  border-color: rgb(var(--emerald-500));
}

.border-emerald-600 {
  border-color: rgb(var(--emerald-600));
}

.border-emerald-700 {
  border-color: rgb(var(--emerald-700));
}

.border-emerald-800 {
  border-color: rgb(var(--emerald-800));
}

.border-emerald-900 {
  border-color: rgb(var(--emerald-900));
}

.border-teal-50 {
  border-color: rgb(var(--teal-50));
}

.border-teal-100 {
  border-color: rgb(var(--teal-100));
}

.border-teal-200 {
  border-color: rgb(var(--teal-200));
}

.border-teal-300 {
  border-color: rgb(var(--teal-300));
}

.border-teal-400 {
  border-color: rgb(var(--teal-400));
}

.border-teal-500 {
  border-color: rgb(var(--teal-500));
}

.border-teal-600 {
  border-color: rgb(var(--teal-600));
}

.border-teal-700 {
  border-color: rgb(var(--teal-700));
}

.border-teal-800 {
  border-color: rgb(var(--teal-800));
}

.border-teal-900 {
  border-color: rgb(var(--teal-900));
}

.border-cyan-50 {
  border-color: rgb(var(--cyan-50));
}

.border-cyan-100 {
  border-color: rgb(var(--cyan-100));
}

.border-cyan-200 {
  border-color: rgb(var(--cyan-200));
}

.border-cyan-300 {
  border-color: rgb(var(--cyan-300));
}

.border-cyan-400 {
  border-color: rgb(var(--cyan-400));
}

.border-cyan-500 {
  border-color: rgb(var(--cyan-500));
}

.border-cyan-600 {
  border-color: rgb(var(--cyan-600));
}

.border-cyan-700 {
  border-color: rgb(var(--cyan-700));
}

.border-cyan-800 {
  border-color: rgb(var(--cyan-800));
}

.border-cyan-900 {
  border-color: rgb(var(--cyan-900));
}

.border-sky-50 {
  border-color: rgb(var(--sky-50));
}

.border-sky-100 {
  border-color: rgb(var(--sky-100));
}

.border-sky-200 {
  border-color: rgb(var(--sky-200));
}

.border-sky-300 {
  border-color: rgb(var(--sky-300));
}

.border-sky-400 {
  border-color: rgb(var(--sky-400));
}

.border-sky-500 {
  border-color: rgb(var(--sky-500));
}

.border-sky-600 {
  border-color: rgb(var(--sky-600));
}

.border-sky-700 {
  border-color: rgb(var(--sky-700));
}

.border-sky-800 {
  border-color: rgb(var(--sky-800));
}

.border-sky-900 {
  border-color: rgb(var(--sky-900));
}

.border-blue-50 {
  border-color: rgb(var(--blue-50));
}

.border-blue-100 {
  border-color: rgb(var(--blue-100));
}

.border-blue-200 {
  border-color: rgb(var(--blue-200));
}

.border-blue-300 {
  border-color: rgb(var(--blue-300));
}

.border-blue-400 {
  border-color: rgb(var(--blue-400));
}

.border-blue-500 {
  border-color: rgb(var(--blue-500));
}

.border-blue-600 {
  border-color: rgb(var(--blue-600));
}

.border-blue-700 {
  border-color: rgb(var(--blue-700));
}

.border-blue-800 {
  border-color: rgb(var(--blue-800));
}

.border-blue-900 {
  border-color: rgb(var(--blue-900));
}

.border-indigo-50 {
  border-color: rgb(var(--indigo-50));
}

.border-indigo-100 {
  border-color: rgb(var(--indigo-100));
}

.border-indigo-200 {
  border-color: rgb(var(--indigo-200));
}

.border-indigo-300 {
  border-color: rgb(var(--indigo-300));
}

.border-indigo-400 {
  border-color: rgb(var(--indigo-400));
}

.border-indigo-500 {
  border-color: rgb(var(--indigo-500));
}

.border-indigo-600 {
  border-color: rgb(var(--indigo-600));
}

.border-indigo-700 {
  border-color: rgb(var(--indigo-700));
}

.border-indigo-800 {
  border-color: rgb(var(--indigo-800));
}

.border-indigo-900 {
  border-color: rgb(var(--indigo-900));
}

.border-violet-50 {
  border-color: rgb(var(--violet-50));
}

.border-violet-100 {
  border-color: rgb(var(--violet-100));
}

.border-violet-200 {
  border-color: rgb(var(--violet-200));
}

.border-violet-300 {
  border-color: rgb(var(--violet-300));
}

.border-violet-400 {
  border-color: rgb(var(--violet-400));
}

.border-violet-500 {
  border-color: rgb(var(--violet-500));
}

.border-violet-600 {
  border-color: rgb(var(--violet-600));
}

.border-violet-700 {
  border-color: rgb(var(--violet-700));
}

.border-violet-800 {
  border-color: rgb(var(--violet-800));
}

.border-violet-900 {
  border-color: rgb(var(--violet-900));
}

.border-purple-50 {
  border-color: rgb(var(--purple-50));
}

.border-purple-100 {
  border-color: rgb(var(--purple-100));
}

.border-purple-200 {
  border-color: rgb(var(--purple-200));
}

.border-purple-300 {
  border-color: rgb(var(--purple-300));
}

.border-purple-400 {
  border-color: rgb(var(--purple-400));
}

.border-purple-500 {
  border-color: rgb(var(--purple-500));
}

.border-purple-600 {
  border-color: rgb(var(--purple-600));
}

.border-purple-700 {
  border-color: rgb(var(--purple-700));
}

.border-purple-800 {
  border-color: rgb(var(--purple-800));
}

.border-purple-900 {
  border-color: rgb(var(--purple-900));
}

.border-fuchsia-50 {
  border-color: rgb(var(--fuchsia-50));
}

.border-fuchsia-100 {
  border-color: rgb(var(--fuchsia-100));
}

.border-fuchsia-200 {
  border-color: rgb(var(--fuchsia-200));
}

.border-fuchsia-300 {
  border-color: rgb(var(--fuchsia-300));
}

.border-fuchsia-400 {
  border-color: rgb(var(--fuchsia-400));
}

.border-fuchsia-500 {
  border-color: rgb(var(--fuchsia-500));
}

.border-fuchsia-600 {
  border-color: rgb(var(--fuchsia-600));
}

.border-fuchsia-700 {
  border-color: rgb(var(--fuchsia-700));
}

.border-fuchsia-800 {
  border-color: rgb(var(--fuchsia-800));
}

.border-fuchsia-900 {
  border-color: rgb(var(--fuchsia-900));
}

.border-pink-50 {
  border-color: rgb(var(--pink-50));
}

.border-pink-100 {
  border-color: rgb(var(--pink-100));
}

.border-pink-200 {
  border-color: rgb(var(--pink-200));
}

.border-pink-300 {
  border-color: rgb(var(--pink-300));
}

.border-pink-400 {
  border-color: rgb(var(--pink-400));
}

.border-pink-500 {
  border-color: rgb(var(--pink-500));
}

.border-pink-600 {
  border-color: rgb(var(--pink-600));
}

.border-pink-700 {
  border-color: rgb(var(--pink-700));
}

.border-pink-800 {
  border-color: rgb(var(--pink-800));
}

.border-pink-900 {
  border-color: rgb(var(--pink-900));
}

.border-rose-50 {
  border-color: rgb(var(--rose-50));
}

.border-rose-100 {
  border-color: rgb(var(--rose-100));
}

.border-rose-200 {
  border-color: rgb(var(--rose-200));
}

.border-rose-300 {
  border-color: rgb(var(--rose-300));
}

.border-rose-400 {
  border-color: rgb(var(--rose-400));
}

.border-rose-500 {
  border-color: rgb(var(--rose-500));
}

.border-rose-600 {
  border-color: rgb(var(--rose-600));
}

.border-rose-700 {
  border-color: rgb(var(--rose-700));
}

.border-rose-800 {
  border-color: rgb(var(--rose-800));
}

.border-rose-900 {
  border-color: rgb(var(--rose-900));
}

.border-slate-50 {
  border-color: rgb(var(--slate-50));
}

.border-slate-100 {
  border-color: rgb(var(--slate-100));
}

.border-slate-200 {
  border-color: rgb(var(--slate-200));
}

.border-slate-300 {
  border-color: rgb(var(--slate-300));
}

.border-slate-400 {
  border-color: rgb(var(--slate-400));
}

.border-slate-500 {
  border-color: rgb(var(--slate-500));
}

.border-slate-600 {
  border-color: rgb(var(--slate-600));
}

.border-slate-700 {
  border-color: rgb(var(--slate-700));
}

.border-slate-800 {
  border-color: rgb(var(--slate-800));
}

.border-slate-900 {
  border-color: rgb(var(--slate-900));
}

.border-gray-50 {
  border-color: rgb(var(--gray-50));
}

.border-gray-100 {
  border-color: rgb(var(--gray-100));
}

.border-gray-200 {
  border-color: rgb(var(--gray-200));
}

.border-gray-300 {
  border-color: rgb(var(--gray-300));
}

.border-gray-400 {
  border-color: rgb(var(--gray-400));
}

.border-gray-500 {
  border-color: rgb(var(--gray-500));
}

.border-gray-600 {
  border-color: rgb(var(--gray-600));
}

.border-gray-700 {
  border-color: rgb(var(--gray-700));
}

.border-gray-800 {
  border-color: rgb(var(--gray-800));
}

.border-gray-900 {
  border-color: rgb(var(--gray-900));
}

.border-zinc-50 {
  border-color: rgb(var(--zinc-50));
}

.border-zinc-100 {
  border-color: rgb(var(--zinc-100));
}

.border-zinc-200 {
  border-color: rgb(var(--zinc-200));
}

.border-zinc-300 {
  border-color: rgb(var(--zinc-300));
}

.border-zinc-400 {
  border-color: rgb(var(--zinc-400));
}

.border-zinc-500 {
  border-color: rgb(var(--zinc-500));
}

.border-zinc-600 {
  border-color: rgb(var(--zinc-600));
}

.border-zinc-700 {
  border-color: rgb(var(--zinc-700));
}

.border-zinc-800 {
  border-color: rgb(var(--zinc-800));
}

.border-zinc-900 {
  border-color: rgb(var(--zinc-900));
}

.border-black-DEFAULT {
  border-color: rgb(var(--black-DEFAULT));
}

.border-white-DEFAULT {
  border-color: rgb(var(--white-DEFAULT));
}

.border-t-red-50 {
  border-top-color: rgb(var(--red-50));
}

.border-t-red-100 {
  border-top-color: rgb(var(--red-100));
}

.border-t-red-200 {
  border-top-color: rgb(var(--red-200));
}

.border-t-red-300 {
  border-top-color: rgb(var(--red-300));
}

.border-t-red-400 {
  border-top-color: rgb(var(--red-400));
}

.border-t-red-500 {
  border-top-color: rgb(var(--red-500));
}

.border-t-red-600 {
  border-top-color: rgb(var(--red-600));
}

.border-t-red-700 {
  border-top-color: rgb(var(--red-700));
}

.border-t-red-800 {
  border-top-color: rgb(var(--red-800));
}

.border-t-red-900 {
  border-top-color: rgb(var(--red-900));
}

.border-t-orange-50 {
  border-top-color: rgb(var(--orange-50));
}

.border-t-orange-100 {
  border-top-color: rgb(var(--orange-100));
}

.border-t-orange-200 {
  border-top-color: rgb(var(--orange-200));
}

.border-t-orange-300 {
  border-top-color: rgb(var(--orange-300));
}

.border-t-orange-400 {
  border-top-color: rgb(var(--orange-400));
}

.border-t-orange-500 {
  border-top-color: rgb(var(--orange-500));
}

.border-t-orange-600 {
  border-top-color: rgb(var(--orange-600));
}

.border-t-orange-700 {
  border-top-color: rgb(var(--orange-700));
}

.border-t-orange-800 {
  border-top-color: rgb(var(--orange-800));
}

.border-t-orange-900 {
  border-top-color: rgb(var(--orange-900));
}

.border-t-amber-50 {
  border-top-color: rgb(var(--amber-50));
}

.border-t-amber-100 {
  border-top-color: rgb(var(--amber-100));
}

.border-t-amber-200 {
  border-top-color: rgb(var(--amber-200));
}

.border-t-amber-300 {
  border-top-color: rgb(var(--amber-300));
}

.border-t-amber-400 {
  border-top-color: rgb(var(--amber-400));
}

.border-t-amber-500 {
  border-top-color: rgb(var(--amber-500));
}

.border-t-amber-600 {
  border-top-color: rgb(var(--amber-600));
}

.border-t-amber-700 {
  border-top-color: rgb(var(--amber-700));
}

.border-t-amber-800 {
  border-top-color: rgb(var(--amber-800));
}

.border-t-amber-900 {
  border-top-color: rgb(var(--amber-900));
}

.border-t-yellow-50 {
  border-top-color: rgb(var(--yellow-50));
}

.border-t-yellow-100 {
  border-top-color: rgb(var(--yellow-100));
}

.border-t-yellow-200 {
  border-top-color: rgb(var(--yellow-200));
}

.border-t-yellow-300 {
  border-top-color: rgb(var(--yellow-300));
}

.border-t-yellow-400 {
  border-top-color: rgb(var(--yellow-400));
}

.border-t-yellow-500 {
  border-top-color: rgb(var(--yellow-500));
}

.border-t-yellow-600 {
  border-top-color: rgb(var(--yellow-600));
}

.border-t-yellow-700 {
  border-top-color: rgb(var(--yellow-700));
}

.border-t-yellow-800 {
  border-top-color: rgb(var(--yellow-800));
}

.border-t-yellow-900 {
  border-top-color: rgb(var(--yellow-900));
}

.border-t-lime-50 {
  border-top-color: rgb(var(--lime-50));
}

.border-t-lime-100 {
  border-top-color: rgb(var(--lime-100));
}

.border-t-lime-200 {
  border-top-color: rgb(var(--lime-200));
}

.border-t-lime-300 {
  border-top-color: rgb(var(--lime-300));
}

.border-t-lime-400 {
  border-top-color: rgb(var(--lime-400));
}

.border-t-lime-500 {
  border-top-color: rgb(var(--lime-500));
}

.border-t-lime-600 {
  border-top-color: rgb(var(--lime-600));
}

.border-t-lime-700 {
  border-top-color: rgb(var(--lime-700));
}

.border-t-lime-800 {
  border-top-color: rgb(var(--lime-800));
}

.border-t-lime-900 {
  border-top-color: rgb(var(--lime-900));
}

.border-t-green-50 {
  border-top-color: rgb(var(--green-50));
}

.border-t-green-100 {
  border-top-color: rgb(var(--green-100));
}

.border-t-green-200 {
  border-top-color: rgb(var(--green-200));
}

.border-t-green-300 {
  border-top-color: rgb(var(--green-300));
}

.border-t-green-400 {
  border-top-color: rgb(var(--green-400));
}

.border-t-green-500 {
  border-top-color: rgb(var(--green-500));
}

.border-t-green-600 {
  border-top-color: rgb(var(--green-600));
}

.border-t-green-700 {
  border-top-color: rgb(var(--green-700));
}

.border-t-green-800 {
  border-top-color: rgb(var(--green-800));
}

.border-t-green-900 {
  border-top-color: rgb(var(--green-900));
}

.border-t-emerald-50 {
  border-top-color: rgb(var(--emerald-50));
}

.border-t-emerald-100 {
  border-top-color: rgb(var(--emerald-100));
}

.border-t-emerald-200 {
  border-top-color: rgb(var(--emerald-200));
}

.border-t-emerald-300 {
  border-top-color: rgb(var(--emerald-300));
}

.border-t-emerald-400 {
  border-top-color: rgb(var(--emerald-400));
}

.border-t-emerald-500 {
  border-top-color: rgb(var(--emerald-500));
}

.border-t-emerald-600 {
  border-top-color: rgb(var(--emerald-600));
}

.border-t-emerald-700 {
  border-top-color: rgb(var(--emerald-700));
}

.border-t-emerald-800 {
  border-top-color: rgb(var(--emerald-800));
}

.border-t-emerald-900 {
  border-top-color: rgb(var(--emerald-900));
}

.border-t-teal-50 {
  border-top-color: rgb(var(--teal-50));
}

.border-t-teal-100 {
  border-top-color: rgb(var(--teal-100));
}

.border-t-teal-200 {
  border-top-color: rgb(var(--teal-200));
}

.border-t-teal-300 {
  border-top-color: rgb(var(--teal-300));
}

.border-t-teal-400 {
  border-top-color: rgb(var(--teal-400));
}

.border-t-teal-500 {
  border-top-color: rgb(var(--teal-500));
}

.border-t-teal-600 {
  border-top-color: rgb(var(--teal-600));
}

.border-t-teal-700 {
  border-top-color: rgb(var(--teal-700));
}

.border-t-teal-800 {
  border-top-color: rgb(var(--teal-800));
}

.border-t-teal-900 {
  border-top-color: rgb(var(--teal-900));
}

.border-t-cyan-50 {
  border-top-color: rgb(var(--cyan-50));
}

.border-t-cyan-100 {
  border-top-color: rgb(var(--cyan-100));
}

.border-t-cyan-200 {
  border-top-color: rgb(var(--cyan-200));
}

.border-t-cyan-300 {
  border-top-color: rgb(var(--cyan-300));
}

.border-t-cyan-400 {
  border-top-color: rgb(var(--cyan-400));
}

.border-t-cyan-500 {
  border-top-color: rgb(var(--cyan-500));
}

.border-t-cyan-600 {
  border-top-color: rgb(var(--cyan-600));
}

.border-t-cyan-700 {
  border-top-color: rgb(var(--cyan-700));
}

.border-t-cyan-800 {
  border-top-color: rgb(var(--cyan-800));
}

.border-t-cyan-900 {
  border-top-color: rgb(var(--cyan-900));
}

.border-t-sky-50 {
  border-top-color: rgb(var(--sky-50));
}

.border-t-sky-100 {
  border-top-color: rgb(var(--sky-100));
}

.border-t-sky-200 {
  border-top-color: rgb(var(--sky-200));
}

.border-t-sky-300 {
  border-top-color: rgb(var(--sky-300));
}

.border-t-sky-400 {
  border-top-color: rgb(var(--sky-400));
}

.border-t-sky-500 {
  border-top-color: rgb(var(--sky-500));
}

.border-t-sky-600 {
  border-top-color: rgb(var(--sky-600));
}

.border-t-sky-700 {
  border-top-color: rgb(var(--sky-700));
}

.border-t-sky-800 {
  border-top-color: rgb(var(--sky-800));
}

.border-t-sky-900 {
  border-top-color: rgb(var(--sky-900));
}

.border-t-blue-50 {
  border-top-color: rgb(var(--blue-50));
}

.border-t-blue-100 {
  border-top-color: rgb(var(--blue-100));
}

.border-t-blue-200 {
  border-top-color: rgb(var(--blue-200));
}

.border-t-blue-300 {
  border-top-color: rgb(var(--blue-300));
}

.border-t-blue-400 {
  border-top-color: rgb(var(--blue-400));
}

.border-t-blue-500 {
  border-top-color: rgb(var(--blue-500));
}

.border-t-blue-600 {
  border-top-color: rgb(var(--blue-600));
}

.border-t-blue-700 {
  border-top-color: rgb(var(--blue-700));
}

.border-t-blue-800 {
  border-top-color: rgb(var(--blue-800));
}

.border-t-blue-900 {
  border-top-color: rgb(var(--blue-900));
}

.border-t-indigo-50 {
  border-top-color: rgb(var(--indigo-50));
}

.border-t-indigo-100 {
  border-top-color: rgb(var(--indigo-100));
}

.border-t-indigo-200 {
  border-top-color: rgb(var(--indigo-200));
}

.border-t-indigo-300 {
  border-top-color: rgb(var(--indigo-300));
}

.border-t-indigo-400 {
  border-top-color: rgb(var(--indigo-400));
}

.border-t-indigo-500 {
  border-top-color: rgb(var(--indigo-500));
}

.border-t-indigo-600 {
  border-top-color: rgb(var(--indigo-600));
}

.border-t-indigo-700 {
  border-top-color: rgb(var(--indigo-700));
}

.border-t-indigo-800 {
  border-top-color: rgb(var(--indigo-800));
}

.border-t-indigo-900 {
  border-top-color: rgb(var(--indigo-900));
}

.border-t-violet-50 {
  border-top-color: rgb(var(--violet-50));
}

.border-t-violet-100 {
  border-top-color: rgb(var(--violet-100));
}

.border-t-violet-200 {
  border-top-color: rgb(var(--violet-200));
}

.border-t-violet-300 {
  border-top-color: rgb(var(--violet-300));
}

.border-t-violet-400 {
  border-top-color: rgb(var(--violet-400));
}

.border-t-violet-500 {
  border-top-color: rgb(var(--violet-500));
}

.border-t-violet-600 {
  border-top-color: rgb(var(--violet-600));
}

.border-t-violet-700 {
  border-top-color: rgb(var(--violet-700));
}

.border-t-violet-800 {
  border-top-color: rgb(var(--violet-800));
}

.border-t-violet-900 {
  border-top-color: rgb(var(--violet-900));
}

.border-t-purple-50 {
  border-top-color: rgb(var(--purple-50));
}

.border-t-purple-100 {
  border-top-color: rgb(var(--purple-100));
}

.border-t-purple-200 {
  border-top-color: rgb(var(--purple-200));
}

.border-t-purple-300 {
  border-top-color: rgb(var(--purple-300));
}

.border-t-purple-400 {
  border-top-color: rgb(var(--purple-400));
}

.border-t-purple-500 {
  border-top-color: rgb(var(--purple-500));
}

.border-t-purple-600 {
  border-top-color: rgb(var(--purple-600));
}

.border-t-purple-700 {
  border-top-color: rgb(var(--purple-700));
}

.border-t-purple-800 {
  border-top-color: rgb(var(--purple-800));
}

.border-t-purple-900 {
  border-top-color: rgb(var(--purple-900));
}

.border-t-fuchsia-50 {
  border-top-color: rgb(var(--fuchsia-50));
}

.border-t-fuchsia-100 {
  border-top-color: rgb(var(--fuchsia-100));
}

.border-t-fuchsia-200 {
  border-top-color: rgb(var(--fuchsia-200));
}

.border-t-fuchsia-300 {
  border-top-color: rgb(var(--fuchsia-300));
}

.border-t-fuchsia-400 {
  border-top-color: rgb(var(--fuchsia-400));
}

.border-t-fuchsia-500 {
  border-top-color: rgb(var(--fuchsia-500));
}

.border-t-fuchsia-600 {
  border-top-color: rgb(var(--fuchsia-600));
}

.border-t-fuchsia-700 {
  border-top-color: rgb(var(--fuchsia-700));
}

.border-t-fuchsia-800 {
  border-top-color: rgb(var(--fuchsia-800));
}

.border-t-fuchsia-900 {
  border-top-color: rgb(var(--fuchsia-900));
}

.border-t-pink-50 {
  border-top-color: rgb(var(--pink-50));
}

.border-t-pink-100 {
  border-top-color: rgb(var(--pink-100));
}

.border-t-pink-200 {
  border-top-color: rgb(var(--pink-200));
}

.border-t-pink-300 {
  border-top-color: rgb(var(--pink-300));
}

.border-t-pink-400 {
  border-top-color: rgb(var(--pink-400));
}

.border-t-pink-500 {
  border-top-color: rgb(var(--pink-500));
}

.border-t-pink-600 {
  border-top-color: rgb(var(--pink-600));
}

.border-t-pink-700 {
  border-top-color: rgb(var(--pink-700));
}

.border-t-pink-800 {
  border-top-color: rgb(var(--pink-800));
}

.border-t-pink-900 {
  border-top-color: rgb(var(--pink-900));
}

.border-t-rose-50 {
  border-top-color: rgb(var(--rose-50));
}

.border-t-rose-100 {
  border-top-color: rgb(var(--rose-100));
}

.border-t-rose-200 {
  border-top-color: rgb(var(--rose-200));
}

.border-t-rose-300 {
  border-top-color: rgb(var(--rose-300));
}

.border-t-rose-400 {
  border-top-color: rgb(var(--rose-400));
}

.border-t-rose-500 {
  border-top-color: rgb(var(--rose-500));
}

.border-t-rose-600 {
  border-top-color: rgb(var(--rose-600));
}

.border-t-rose-700 {
  border-top-color: rgb(var(--rose-700));
}

.border-t-rose-800 {
  border-top-color: rgb(var(--rose-800));
}

.border-t-rose-900 {
  border-top-color: rgb(var(--rose-900));
}

.border-t-slate-50 {
  border-top-color: rgb(var(--slate-50));
}

.border-t-slate-100 {
  border-top-color: rgb(var(--slate-100));
}

.border-t-slate-200 {
  border-top-color: rgb(var(--slate-200));
}

.border-t-slate-300 {
  border-top-color: rgb(var(--slate-300));
}

.border-t-slate-400 {
  border-top-color: rgb(var(--slate-400));
}

.border-t-slate-500 {
  border-top-color: rgb(var(--slate-500));
}

.border-t-slate-600 {
  border-top-color: rgb(var(--slate-600));
}

.border-t-slate-700 {
  border-top-color: rgb(var(--slate-700));
}

.border-t-slate-800 {
  border-top-color: rgb(var(--slate-800));
}

.border-t-slate-900 {
  border-top-color: rgb(var(--slate-900));
}

.border-t-gray-50 {
  border-top-color: rgb(var(--gray-50));
}

.border-t-gray-100 {
  border-top-color: rgb(var(--gray-100));
}

.border-t-gray-200 {
  border-top-color: rgb(var(--gray-200));
}

.border-t-gray-300 {
  border-top-color: rgb(var(--gray-300));
}

.border-t-gray-400 {
  border-top-color: rgb(var(--gray-400));
}

.border-t-gray-500 {
  border-top-color: rgb(var(--gray-500));
}

.border-t-gray-600 {
  border-top-color: rgb(var(--gray-600));
}

.border-t-gray-700 {
  border-top-color: rgb(var(--gray-700));
}

.border-t-gray-800 {
  border-top-color: rgb(var(--gray-800));
}

.border-t-gray-900 {
  border-top-color: rgb(var(--gray-900));
}

.border-t-zinc-50 {
  border-top-color: rgb(var(--zinc-50));
}

.border-t-zinc-100 {
  border-top-color: rgb(var(--zinc-100));
}

.border-t-zinc-200 {
  border-top-color: rgb(var(--zinc-200));
}

.border-t-zinc-300 {
  border-top-color: rgb(var(--zinc-300));
}

.border-t-zinc-400 {
  border-top-color: rgb(var(--zinc-400));
}

.border-t-zinc-500 {
  border-top-color: rgb(var(--zinc-500));
}

.border-t-zinc-600 {
  border-top-color: rgb(var(--zinc-600));
}

.border-t-zinc-700 {
  border-top-color: rgb(var(--zinc-700));
}

.border-t-zinc-800 {
  border-top-color: rgb(var(--zinc-800));
}

.border-t-zinc-900 {
  border-top-color: rgb(var(--zinc-900));
}

.border-t-black-DEFAULT {
  border-top-color: rgb(var(--black-DEFAULT));
}

.border-t-white-DEFAULT {
  border-top-color: rgb(var(--white-DEFAULT));
}

.border-r-red-50 {
  border-right-color: rgb(var(--red-50));
}

.border-r-red-100 {
  border-right-color: rgb(var(--red-100));
}

.border-r-red-200 {
  border-right-color: rgb(var(--red-200));
}

.border-r-red-300 {
  border-right-color: rgb(var(--red-300));
}

.border-r-red-400 {
  border-right-color: rgb(var(--red-400));
}

.border-r-red-500 {
  border-right-color: rgb(var(--red-500));
}

.border-r-red-600 {
  border-right-color: rgb(var(--red-600));
}

.border-r-red-700 {
  border-right-color: rgb(var(--red-700));
}

.border-r-red-800 {
  border-right-color: rgb(var(--red-800));
}

.border-r-red-900 {
  border-right-color: rgb(var(--red-900));
}

.border-r-orange-50 {
  border-right-color: rgb(var(--orange-50));
}

.border-r-orange-100 {
  border-right-color: rgb(var(--orange-100));
}

.border-r-orange-200 {
  border-right-color: rgb(var(--orange-200));
}

.border-r-orange-300 {
  border-right-color: rgb(var(--orange-300));
}

.border-r-orange-400 {
  border-right-color: rgb(var(--orange-400));
}

.border-r-orange-500 {
  border-right-color: rgb(var(--orange-500));
}

.border-r-orange-600 {
  border-right-color: rgb(var(--orange-600));
}

.border-r-orange-700 {
  border-right-color: rgb(var(--orange-700));
}

.border-r-orange-800 {
  border-right-color: rgb(var(--orange-800));
}

.border-r-orange-900 {
  border-right-color: rgb(var(--orange-900));
}

.border-r-amber-50 {
  border-right-color: rgb(var(--amber-50));
}

.border-r-amber-100 {
  border-right-color: rgb(var(--amber-100));
}

.border-r-amber-200 {
  border-right-color: rgb(var(--amber-200));
}

.border-r-amber-300 {
  border-right-color: rgb(var(--amber-300));
}

.border-r-amber-400 {
  border-right-color: rgb(var(--amber-400));
}

.border-r-amber-500 {
  border-right-color: rgb(var(--amber-500));
}

.border-r-amber-600 {
  border-right-color: rgb(var(--amber-600));
}

.border-r-amber-700 {
  border-right-color: rgb(var(--amber-700));
}

.border-r-amber-800 {
  border-right-color: rgb(var(--amber-800));
}

.border-r-amber-900 {
  border-right-color: rgb(var(--amber-900));
}

.border-r-yellow-50 {
  border-right-color: rgb(var(--yellow-50));
}

.border-r-yellow-100 {
  border-right-color: rgb(var(--yellow-100));
}

.border-r-yellow-200 {
  border-right-color: rgb(var(--yellow-200));
}

.border-r-yellow-300 {
  border-right-color: rgb(var(--yellow-300));
}

.border-r-yellow-400 {
  border-right-color: rgb(var(--yellow-400));
}

.border-r-yellow-500 {
  border-right-color: rgb(var(--yellow-500));
}

.border-r-yellow-600 {
  border-right-color: rgb(var(--yellow-600));
}

.border-r-yellow-700 {
  border-right-color: rgb(var(--yellow-700));
}

.border-r-yellow-800 {
  border-right-color: rgb(var(--yellow-800));
}

.border-r-yellow-900 {
  border-right-color: rgb(var(--yellow-900));
}

.border-r-lime-50 {
  border-right-color: rgb(var(--lime-50));
}

.border-r-lime-100 {
  border-right-color: rgb(var(--lime-100));
}

.border-r-lime-200 {
  border-right-color: rgb(var(--lime-200));
}

.border-r-lime-300 {
  border-right-color: rgb(var(--lime-300));
}

.border-r-lime-400 {
  border-right-color: rgb(var(--lime-400));
}

.border-r-lime-500 {
  border-right-color: rgb(var(--lime-500));
}

.border-r-lime-600 {
  border-right-color: rgb(var(--lime-600));
}

.border-r-lime-700 {
  border-right-color: rgb(var(--lime-700));
}

.border-r-lime-800 {
  border-right-color: rgb(var(--lime-800));
}

.border-r-lime-900 {
  border-right-color: rgb(var(--lime-900));
}

.border-r-green-50 {
  border-right-color: rgb(var(--green-50));
}

.border-r-green-100 {
  border-right-color: rgb(var(--green-100));
}

.border-r-green-200 {
  border-right-color: rgb(var(--green-200));
}

.border-r-green-300 {
  border-right-color: rgb(var(--green-300));
}

.border-r-green-400 {
  border-right-color: rgb(var(--green-400));
}

.border-r-green-500 {
  border-right-color: rgb(var(--green-500));
}

.border-r-green-600 {
  border-right-color: rgb(var(--green-600));
}

.border-r-green-700 {
  border-right-color: rgb(var(--green-700));
}

.border-r-green-800 {
  border-right-color: rgb(var(--green-800));
}

.border-r-green-900 {
  border-right-color: rgb(var(--green-900));
}

.border-r-emerald-50 {
  border-right-color: rgb(var(--emerald-50));
}

.border-r-emerald-100 {
  border-right-color: rgb(var(--emerald-100));
}

.border-r-emerald-200 {
  border-right-color: rgb(var(--emerald-200));
}

.border-r-emerald-300 {
  border-right-color: rgb(var(--emerald-300));
}

.border-r-emerald-400 {
  border-right-color: rgb(var(--emerald-400));
}

.border-r-emerald-500 {
  border-right-color: rgb(var(--emerald-500));
}

.border-r-emerald-600 {
  border-right-color: rgb(var(--emerald-600));
}

.border-r-emerald-700 {
  border-right-color: rgb(var(--emerald-700));
}

.border-r-emerald-800 {
  border-right-color: rgb(var(--emerald-800));
}

.border-r-emerald-900 {
  border-right-color: rgb(var(--emerald-900));
}

.border-r-teal-50 {
  border-right-color: rgb(var(--teal-50));
}

.border-r-teal-100 {
  border-right-color: rgb(var(--teal-100));
}

.border-r-teal-200 {
  border-right-color: rgb(var(--teal-200));
}

.border-r-teal-300 {
  border-right-color: rgb(var(--teal-300));
}

.border-r-teal-400 {
  border-right-color: rgb(var(--teal-400));
}

.border-r-teal-500 {
  border-right-color: rgb(var(--teal-500));
}

.border-r-teal-600 {
  border-right-color: rgb(var(--teal-600));
}

.border-r-teal-700 {
  border-right-color: rgb(var(--teal-700));
}

.border-r-teal-800 {
  border-right-color: rgb(var(--teal-800));
}

.border-r-teal-900 {
  border-right-color: rgb(var(--teal-900));
}

.border-r-cyan-50 {
  border-right-color: rgb(var(--cyan-50));
}

.border-r-cyan-100 {
  border-right-color: rgb(var(--cyan-100));
}

.border-r-cyan-200 {
  border-right-color: rgb(var(--cyan-200));
}

.border-r-cyan-300 {
  border-right-color: rgb(var(--cyan-300));
}

.border-r-cyan-400 {
  border-right-color: rgb(var(--cyan-400));
}

.border-r-cyan-500 {
  border-right-color: rgb(var(--cyan-500));
}

.border-r-cyan-600 {
  border-right-color: rgb(var(--cyan-600));
}

.border-r-cyan-700 {
  border-right-color: rgb(var(--cyan-700));
}

.border-r-cyan-800 {
  border-right-color: rgb(var(--cyan-800));
}

.border-r-cyan-900 {
  border-right-color: rgb(var(--cyan-900));
}

.border-r-sky-50 {
  border-right-color: rgb(var(--sky-50));
}

.border-r-sky-100 {
  border-right-color: rgb(var(--sky-100));
}

.border-r-sky-200 {
  border-right-color: rgb(var(--sky-200));
}

.border-r-sky-300 {
  border-right-color: rgb(var(--sky-300));
}

.border-r-sky-400 {
  border-right-color: rgb(var(--sky-400));
}

.border-r-sky-500 {
  border-right-color: rgb(var(--sky-500));
}

.border-r-sky-600 {
  border-right-color: rgb(var(--sky-600));
}

.border-r-sky-700 {
  border-right-color: rgb(var(--sky-700));
}

.border-r-sky-800 {
  border-right-color: rgb(var(--sky-800));
}

.border-r-sky-900 {
  border-right-color: rgb(var(--sky-900));
}

.border-r-blue-50 {
  border-right-color: rgb(var(--blue-50));
}

.border-r-blue-100 {
  border-right-color: rgb(var(--blue-100));
}

.border-r-blue-200 {
  border-right-color: rgb(var(--blue-200));
}

.border-r-blue-300 {
  border-right-color: rgb(var(--blue-300));
}

.border-r-blue-400 {
  border-right-color: rgb(var(--blue-400));
}

.border-r-blue-500 {
  border-right-color: rgb(var(--blue-500));
}

.border-r-blue-600 {
  border-right-color: rgb(var(--blue-600));
}

.border-r-blue-700 {
  border-right-color: rgb(var(--blue-700));
}

.border-r-blue-800 {
  border-right-color: rgb(var(--blue-800));
}

.border-r-blue-900 {
  border-right-color: rgb(var(--blue-900));
}

.border-r-indigo-50 {
  border-right-color: rgb(var(--indigo-50));
}

.border-r-indigo-100 {
  border-right-color: rgb(var(--indigo-100));
}

.border-r-indigo-200 {
  border-right-color: rgb(var(--indigo-200));
}

.border-r-indigo-300 {
  border-right-color: rgb(var(--indigo-300));
}

.border-r-indigo-400 {
  border-right-color: rgb(var(--indigo-400));
}

.border-r-indigo-500 {
  border-right-color: rgb(var(--indigo-500));
}

.border-r-indigo-600 {
  border-right-color: rgb(var(--indigo-600));
}

.border-r-indigo-700 {
  border-right-color: rgb(var(--indigo-700));
}

.border-r-indigo-800 {
  border-right-color: rgb(var(--indigo-800));
}

.border-r-indigo-900 {
  border-right-color: rgb(var(--indigo-900));
}

.border-r-violet-50 {
  border-right-color: rgb(var(--violet-50));
}

.border-r-violet-100 {
  border-right-color: rgb(var(--violet-100));
}

.border-r-violet-200 {
  border-right-color: rgb(var(--violet-200));
}

.border-r-violet-300 {
  border-right-color: rgb(var(--violet-300));
}

.border-r-violet-400 {
  border-right-color: rgb(var(--violet-400));
}

.border-r-violet-500 {
  border-right-color: rgb(var(--violet-500));
}

.border-r-violet-600 {
  border-right-color: rgb(var(--violet-600));
}

.border-r-violet-700 {
  border-right-color: rgb(var(--violet-700));
}

.border-r-violet-800 {
  border-right-color: rgb(var(--violet-800));
}

.border-r-violet-900 {
  border-right-color: rgb(var(--violet-900));
}

.border-r-purple-50 {
  border-right-color: rgb(var(--purple-50));
}

.border-r-purple-100 {
  border-right-color: rgb(var(--purple-100));
}

.border-r-purple-200 {
  border-right-color: rgb(var(--purple-200));
}

.border-r-purple-300 {
  border-right-color: rgb(var(--purple-300));
}

.border-r-purple-400 {
  border-right-color: rgb(var(--purple-400));
}

.border-r-purple-500 {
  border-right-color: rgb(var(--purple-500));
}

.border-r-purple-600 {
  border-right-color: rgb(var(--purple-600));
}

.border-r-purple-700 {
  border-right-color: rgb(var(--purple-700));
}

.border-r-purple-800 {
  border-right-color: rgb(var(--purple-800));
}

.border-r-purple-900 {
  border-right-color: rgb(var(--purple-900));
}

.border-r-fuchsia-50 {
  border-right-color: rgb(var(--fuchsia-50));
}

.border-r-fuchsia-100 {
  border-right-color: rgb(var(--fuchsia-100));
}

.border-r-fuchsia-200 {
  border-right-color: rgb(var(--fuchsia-200));
}

.border-r-fuchsia-300 {
  border-right-color: rgb(var(--fuchsia-300));
}

.border-r-fuchsia-400 {
  border-right-color: rgb(var(--fuchsia-400));
}

.border-r-fuchsia-500 {
  border-right-color: rgb(var(--fuchsia-500));
}

.border-r-fuchsia-600 {
  border-right-color: rgb(var(--fuchsia-600));
}

.border-r-fuchsia-700 {
  border-right-color: rgb(var(--fuchsia-700));
}

.border-r-fuchsia-800 {
  border-right-color: rgb(var(--fuchsia-800));
}

.border-r-fuchsia-900 {
  border-right-color: rgb(var(--fuchsia-900));
}

.border-r-pink-50 {
  border-right-color: rgb(var(--pink-50));
}

.border-r-pink-100 {
  border-right-color: rgb(var(--pink-100));
}

.border-r-pink-200 {
  border-right-color: rgb(var(--pink-200));
}

.border-r-pink-300 {
  border-right-color: rgb(var(--pink-300));
}

.border-r-pink-400 {
  border-right-color: rgb(var(--pink-400));
}

.border-r-pink-500 {
  border-right-color: rgb(var(--pink-500));
}

.border-r-pink-600 {
  border-right-color: rgb(var(--pink-600));
}

.border-r-pink-700 {
  border-right-color: rgb(var(--pink-700));
}

.border-r-pink-800 {
  border-right-color: rgb(var(--pink-800));
}

.border-r-pink-900 {
  border-right-color: rgb(var(--pink-900));
}

.border-r-rose-50 {
  border-right-color: rgb(var(--rose-50));
}

.border-r-rose-100 {
  border-right-color: rgb(var(--rose-100));
}

.border-r-rose-200 {
  border-right-color: rgb(var(--rose-200));
}

.border-r-rose-300 {
  border-right-color: rgb(var(--rose-300));
}

.border-r-rose-400 {
  border-right-color: rgb(var(--rose-400));
}

.border-r-rose-500 {
  border-right-color: rgb(var(--rose-500));
}

.border-r-rose-600 {
  border-right-color: rgb(var(--rose-600));
}

.border-r-rose-700 {
  border-right-color: rgb(var(--rose-700));
}

.border-r-rose-800 {
  border-right-color: rgb(var(--rose-800));
}

.border-r-rose-900 {
  border-right-color: rgb(var(--rose-900));
}

.border-r-slate-50 {
  border-right-color: rgb(var(--slate-50));
}

.border-r-slate-100 {
  border-right-color: rgb(var(--slate-100));
}

.border-r-slate-200 {
  border-right-color: rgb(var(--slate-200));
}

.border-r-slate-300 {
  border-right-color: rgb(var(--slate-300));
}

.border-r-slate-400 {
  border-right-color: rgb(var(--slate-400));
}

.border-r-slate-500 {
  border-right-color: rgb(var(--slate-500));
}

.border-r-slate-600 {
  border-right-color: rgb(var(--slate-600));
}

.border-r-slate-700 {
  border-right-color: rgb(var(--slate-700));
}

.border-r-slate-800 {
  border-right-color: rgb(var(--slate-800));
}

.border-r-slate-900 {
  border-right-color: rgb(var(--slate-900));
}

.border-r-gray-50 {
  border-right-color: rgb(var(--gray-50));
}

.border-r-gray-100 {
  border-right-color: rgb(var(--gray-100));
}

.border-r-gray-200 {
  border-right-color: rgb(var(--gray-200));
}

.border-r-gray-300 {
  border-right-color: rgb(var(--gray-300));
}

.border-r-gray-400 {
  border-right-color: rgb(var(--gray-400));
}

.border-r-gray-500 {
  border-right-color: rgb(var(--gray-500));
}

.border-r-gray-600 {
  border-right-color: rgb(var(--gray-600));
}

.border-r-gray-700 {
  border-right-color: rgb(var(--gray-700));
}

.border-r-gray-800 {
  border-right-color: rgb(var(--gray-800));
}

.border-r-gray-900 {
  border-right-color: rgb(var(--gray-900));
}

.border-r-zinc-50 {
  border-right-color: rgb(var(--zinc-50));
}

.border-r-zinc-100 {
  border-right-color: rgb(var(--zinc-100));
}

.border-r-zinc-200 {
  border-right-color: rgb(var(--zinc-200));
}

.border-r-zinc-300 {
  border-right-color: rgb(var(--zinc-300));
}

.border-r-zinc-400 {
  border-right-color: rgb(var(--zinc-400));
}

.border-r-zinc-500 {
  border-right-color: rgb(var(--zinc-500));
}

.border-r-zinc-600 {
  border-right-color: rgb(var(--zinc-600));
}

.border-r-zinc-700 {
  border-right-color: rgb(var(--zinc-700));
}

.border-r-zinc-800 {
  border-right-color: rgb(var(--zinc-800));
}

.border-r-zinc-900 {
  border-right-color: rgb(var(--zinc-900));
}

.border-r-black-DEFAULT {
  border-right-color: rgb(var(--black-DEFAULT));
}

.border-r-white-DEFAULT {
  border-right-color: rgb(var(--white-DEFAULT));
}

.border-b-red-50 {
  border-bottom-color: rgb(var(--red-50));
}

.border-b-red-100 {
  border-bottom-color: rgb(var(--red-100));
}

.border-b-red-200 {
  border-bottom-color: rgb(var(--red-200));
}

.border-b-red-300 {
  border-bottom-color: rgb(var(--red-300));
}

.border-b-red-400 {
  border-bottom-color: rgb(var(--red-400));
}

.border-b-red-500 {
  border-bottom-color: rgb(var(--red-500));
}

.border-b-red-600 {
  border-bottom-color: rgb(var(--red-600));
}

.border-b-red-700 {
  border-bottom-color: rgb(var(--red-700));
}

.border-b-red-800 {
  border-bottom-color: rgb(var(--red-800));
}

.border-b-red-900 {
  border-bottom-color: rgb(var(--red-900));
}

.border-b-orange-50 {
  border-bottom-color: rgb(var(--orange-50));
}

.border-b-orange-100 {
  border-bottom-color: rgb(var(--orange-100));
}

.border-b-orange-200 {
  border-bottom-color: rgb(var(--orange-200));
}

.border-b-orange-300 {
  border-bottom-color: rgb(var(--orange-300));
}

.border-b-orange-400 {
  border-bottom-color: rgb(var(--orange-400));
}

.border-b-orange-500 {
  border-bottom-color: rgb(var(--orange-500));
}

.border-b-orange-600 {
  border-bottom-color: rgb(var(--orange-600));
}

.border-b-orange-700 {
  border-bottom-color: rgb(var(--orange-700));
}

.border-b-orange-800 {
  border-bottom-color: rgb(var(--orange-800));
}

.border-b-orange-900 {
  border-bottom-color: rgb(var(--orange-900));
}

.border-b-amber-50 {
  border-bottom-color: rgb(var(--amber-50));
}

.border-b-amber-100 {
  border-bottom-color: rgb(var(--amber-100));
}

.border-b-amber-200 {
  border-bottom-color: rgb(var(--amber-200));
}

.border-b-amber-300 {
  border-bottom-color: rgb(var(--amber-300));
}

.border-b-amber-400 {
  border-bottom-color: rgb(var(--amber-400));
}

.border-b-amber-500 {
  border-bottom-color: rgb(var(--amber-500));
}

.border-b-amber-600 {
  border-bottom-color: rgb(var(--amber-600));
}

.border-b-amber-700 {
  border-bottom-color: rgb(var(--amber-700));
}

.border-b-amber-800 {
  border-bottom-color: rgb(var(--amber-800));
}

.border-b-amber-900 {
  border-bottom-color: rgb(var(--amber-900));
}

.border-b-yellow-50 {
  border-bottom-color: rgb(var(--yellow-50));
}

.border-b-yellow-100 {
  border-bottom-color: rgb(var(--yellow-100));
}

.border-b-yellow-200 {
  border-bottom-color: rgb(var(--yellow-200));
}

.border-b-yellow-300 {
  border-bottom-color: rgb(var(--yellow-300));
}

.border-b-yellow-400 {
  border-bottom-color: rgb(var(--yellow-400));
}

.border-b-yellow-500 {
  border-bottom-color: rgb(var(--yellow-500));
}

.border-b-yellow-600 {
  border-bottom-color: rgb(var(--yellow-600));
}

.border-b-yellow-700 {
  border-bottom-color: rgb(var(--yellow-700));
}

.border-b-yellow-800 {
  border-bottom-color: rgb(var(--yellow-800));
}

.border-b-yellow-900 {
  border-bottom-color: rgb(var(--yellow-900));
}

.border-b-lime-50 {
  border-bottom-color: rgb(var(--lime-50));
}

.border-b-lime-100 {
  border-bottom-color: rgb(var(--lime-100));
}

.border-b-lime-200 {
  border-bottom-color: rgb(var(--lime-200));
}

.border-b-lime-300 {
  border-bottom-color: rgb(var(--lime-300));
}

.border-b-lime-400 {
  border-bottom-color: rgb(var(--lime-400));
}

.border-b-lime-500 {
  border-bottom-color: rgb(var(--lime-500));
}

.border-b-lime-600 {
  border-bottom-color: rgb(var(--lime-600));
}

.border-b-lime-700 {
  border-bottom-color: rgb(var(--lime-700));
}

.border-b-lime-800 {
  border-bottom-color: rgb(var(--lime-800));
}

.border-b-lime-900 {
  border-bottom-color: rgb(var(--lime-900));
}

.border-b-green-50 {
  border-bottom-color: rgb(var(--green-50));
}

.border-b-green-100 {
  border-bottom-color: rgb(var(--green-100));
}

.border-b-green-200 {
  border-bottom-color: rgb(var(--green-200));
}

.border-b-green-300 {
  border-bottom-color: rgb(var(--green-300));
}

.border-b-green-400 {
  border-bottom-color: rgb(var(--green-400));
}

.border-b-green-500 {
  border-bottom-color: rgb(var(--green-500));
}

.border-b-green-600 {
  border-bottom-color: rgb(var(--green-600));
}

.border-b-green-700 {
  border-bottom-color: rgb(var(--green-700));
}

.border-b-green-800 {
  border-bottom-color: rgb(var(--green-800));
}

.border-b-green-900 {
  border-bottom-color: rgb(var(--green-900));
}

.border-b-emerald-50 {
  border-bottom-color: rgb(var(--emerald-50));
}

.border-b-emerald-100 {
  border-bottom-color: rgb(var(--emerald-100));
}

.border-b-emerald-200 {
  border-bottom-color: rgb(var(--emerald-200));
}

.border-b-emerald-300 {
  border-bottom-color: rgb(var(--emerald-300));
}

.border-b-emerald-400 {
  border-bottom-color: rgb(var(--emerald-400));
}

.border-b-emerald-500 {
  border-bottom-color: rgb(var(--emerald-500));
}

.border-b-emerald-600 {
  border-bottom-color: rgb(var(--emerald-600));
}

.border-b-emerald-700 {
  border-bottom-color: rgb(var(--emerald-700));
}

.border-b-emerald-800 {
  border-bottom-color: rgb(var(--emerald-800));
}

.border-b-emerald-900 {
  border-bottom-color: rgb(var(--emerald-900));
}

.border-b-teal-50 {
  border-bottom-color: rgb(var(--teal-50));
}

.border-b-teal-100 {
  border-bottom-color: rgb(var(--teal-100));
}

.border-b-teal-200 {
  border-bottom-color: rgb(var(--teal-200));
}

.border-b-teal-300 {
  border-bottom-color: rgb(var(--teal-300));
}

.border-b-teal-400 {
  border-bottom-color: rgb(var(--teal-400));
}

.border-b-teal-500 {
  border-bottom-color: rgb(var(--teal-500));
}

.border-b-teal-600 {
  border-bottom-color: rgb(var(--teal-600));
}

.border-b-teal-700 {
  border-bottom-color: rgb(var(--teal-700));
}

.border-b-teal-800 {
  border-bottom-color: rgb(var(--teal-800));
}

.border-b-teal-900 {
  border-bottom-color: rgb(var(--teal-900));
}

.border-b-cyan-50 {
  border-bottom-color: rgb(var(--cyan-50));
}

.border-b-cyan-100 {
  border-bottom-color: rgb(var(--cyan-100));
}

.border-b-cyan-200 {
  border-bottom-color: rgb(var(--cyan-200));
}

.border-b-cyan-300 {
  border-bottom-color: rgb(var(--cyan-300));
}

.border-b-cyan-400 {
  border-bottom-color: rgb(var(--cyan-400));
}

.border-b-cyan-500 {
  border-bottom-color: rgb(var(--cyan-500));
}

.border-b-cyan-600 {
  border-bottom-color: rgb(var(--cyan-600));
}

.border-b-cyan-700 {
  border-bottom-color: rgb(var(--cyan-700));
}

.border-b-cyan-800 {
  border-bottom-color: rgb(var(--cyan-800));
}

.border-b-cyan-900 {
  border-bottom-color: rgb(var(--cyan-900));
}

.border-b-sky-50 {
  border-bottom-color: rgb(var(--sky-50));
}

.border-b-sky-100 {
  border-bottom-color: rgb(var(--sky-100));
}

.border-b-sky-200 {
  border-bottom-color: rgb(var(--sky-200));
}

.border-b-sky-300 {
  border-bottom-color: rgb(var(--sky-300));
}

.border-b-sky-400 {
  border-bottom-color: rgb(var(--sky-400));
}

.border-b-sky-500 {
  border-bottom-color: rgb(var(--sky-500));
}

.border-b-sky-600 {
  border-bottom-color: rgb(var(--sky-600));
}

.border-b-sky-700 {
  border-bottom-color: rgb(var(--sky-700));
}

.border-b-sky-800 {
  border-bottom-color: rgb(var(--sky-800));
}

.border-b-sky-900 {
  border-bottom-color: rgb(var(--sky-900));
}

.border-b-blue-50 {
  border-bottom-color: rgb(var(--blue-50));
}

.border-b-blue-100 {
  border-bottom-color: rgb(var(--blue-100));
}

.border-b-blue-200 {
  border-bottom-color: rgb(var(--blue-200));
}

.border-b-blue-300 {
  border-bottom-color: rgb(var(--blue-300));
}

.border-b-blue-400 {
  border-bottom-color: rgb(var(--blue-400));
}

.border-b-blue-500 {
  border-bottom-color: rgb(var(--blue-500));
}

.border-b-blue-600 {
  border-bottom-color: rgb(var(--blue-600));
}

.border-b-blue-700 {
  border-bottom-color: rgb(var(--blue-700));
}

.border-b-blue-800 {
  border-bottom-color: rgb(var(--blue-800));
}

.border-b-blue-900 {
  border-bottom-color: rgb(var(--blue-900));
}

.border-b-indigo-50 {
  border-bottom-color: rgb(var(--indigo-50));
}

.border-b-indigo-100 {
  border-bottom-color: rgb(var(--indigo-100));
}

.border-b-indigo-200 {
  border-bottom-color: rgb(var(--indigo-200));
}

.border-b-indigo-300 {
  border-bottom-color: rgb(var(--indigo-300));
}

.border-b-indigo-400 {
  border-bottom-color: rgb(var(--indigo-400));
}

.border-b-indigo-500 {
  border-bottom-color: rgb(var(--indigo-500));
}

.border-b-indigo-600 {
  border-bottom-color: rgb(var(--indigo-600));
}

.border-b-indigo-700 {
  border-bottom-color: rgb(var(--indigo-700));
}

.border-b-indigo-800 {
  border-bottom-color: rgb(var(--indigo-800));
}

.border-b-indigo-900 {
  border-bottom-color: rgb(var(--indigo-900));
}

.border-b-violet-50 {
  border-bottom-color: rgb(var(--violet-50));
}

.border-b-violet-100 {
  border-bottom-color: rgb(var(--violet-100));
}

.border-b-violet-200 {
  border-bottom-color: rgb(var(--violet-200));
}

.border-b-violet-300 {
  border-bottom-color: rgb(var(--violet-300));
}

.border-b-violet-400 {
  border-bottom-color: rgb(var(--violet-400));
}

.border-b-violet-500 {
  border-bottom-color: rgb(var(--violet-500));
}

.border-b-violet-600 {
  border-bottom-color: rgb(var(--violet-600));
}

.border-b-violet-700 {
  border-bottom-color: rgb(var(--violet-700));
}

.border-b-violet-800 {
  border-bottom-color: rgb(var(--violet-800));
}

.border-b-violet-900 {
  border-bottom-color: rgb(var(--violet-900));
}

.border-b-purple-50 {
  border-bottom-color: rgb(var(--purple-50));
}

.border-b-purple-100 {
  border-bottom-color: rgb(var(--purple-100));
}

.border-b-purple-200 {
  border-bottom-color: rgb(var(--purple-200));
}

.border-b-purple-300 {
  border-bottom-color: rgb(var(--purple-300));
}

.border-b-purple-400 {
  border-bottom-color: rgb(var(--purple-400));
}

.border-b-purple-500 {
  border-bottom-color: rgb(var(--purple-500));
}

.border-b-purple-600 {
  border-bottom-color: rgb(var(--purple-600));
}

.border-b-purple-700 {
  border-bottom-color: rgb(var(--purple-700));
}

.border-b-purple-800 {
  border-bottom-color: rgb(var(--purple-800));
}

.border-b-purple-900 {
  border-bottom-color: rgb(var(--purple-900));
}

.border-b-fuchsia-50 {
  border-bottom-color: rgb(var(--fuchsia-50));
}

.border-b-fuchsia-100 {
  border-bottom-color: rgb(var(--fuchsia-100));
}

.border-b-fuchsia-200 {
  border-bottom-color: rgb(var(--fuchsia-200));
}

.border-b-fuchsia-300 {
  border-bottom-color: rgb(var(--fuchsia-300));
}

.border-b-fuchsia-400 {
  border-bottom-color: rgb(var(--fuchsia-400));
}

.border-b-fuchsia-500 {
  border-bottom-color: rgb(var(--fuchsia-500));
}

.border-b-fuchsia-600 {
  border-bottom-color: rgb(var(--fuchsia-600));
}

.border-b-fuchsia-700 {
  border-bottom-color: rgb(var(--fuchsia-700));
}

.border-b-fuchsia-800 {
  border-bottom-color: rgb(var(--fuchsia-800));
}

.border-b-fuchsia-900 {
  border-bottom-color: rgb(var(--fuchsia-900));
}

.border-b-pink-50 {
  border-bottom-color: rgb(var(--pink-50));
}

.border-b-pink-100 {
  border-bottom-color: rgb(var(--pink-100));
}

.border-b-pink-200 {
  border-bottom-color: rgb(var(--pink-200));
}

.border-b-pink-300 {
  border-bottom-color: rgb(var(--pink-300));
}

.border-b-pink-400 {
  border-bottom-color: rgb(var(--pink-400));
}

.border-b-pink-500 {
  border-bottom-color: rgb(var(--pink-500));
}

.border-b-pink-600 {
  border-bottom-color: rgb(var(--pink-600));
}

.border-b-pink-700 {
  border-bottom-color: rgb(var(--pink-700));
}

.border-b-pink-800 {
  border-bottom-color: rgb(var(--pink-800));
}

.border-b-pink-900 {
  border-bottom-color: rgb(var(--pink-900));
}

.border-b-rose-50 {
  border-bottom-color: rgb(var(--rose-50));
}

.border-b-rose-100 {
  border-bottom-color: rgb(var(--rose-100));
}

.border-b-rose-200 {
  border-bottom-color: rgb(var(--rose-200));
}

.border-b-rose-300 {
  border-bottom-color: rgb(var(--rose-300));
}

.border-b-rose-400 {
  border-bottom-color: rgb(var(--rose-400));
}

.border-b-rose-500 {
  border-bottom-color: rgb(var(--rose-500));
}

.border-b-rose-600 {
  border-bottom-color: rgb(var(--rose-600));
}

.border-b-rose-700 {
  border-bottom-color: rgb(var(--rose-700));
}

.border-b-rose-800 {
  border-bottom-color: rgb(var(--rose-800));
}

.border-b-rose-900 {
  border-bottom-color: rgb(var(--rose-900));
}

.border-b-slate-50 {
  border-bottom-color: rgb(var(--slate-50));
}

.border-b-slate-100 {
  border-bottom-color: rgb(var(--slate-100));
}

.border-b-slate-200 {
  border-bottom-color: rgb(var(--slate-200));
}

.border-b-slate-300 {
  border-bottom-color: rgb(var(--slate-300));
}

.border-b-slate-400 {
  border-bottom-color: rgb(var(--slate-400));
}

.border-b-slate-500 {
  border-bottom-color: rgb(var(--slate-500));
}

.border-b-slate-600 {
  border-bottom-color: rgb(var(--slate-600));
}

.border-b-slate-700 {
  border-bottom-color: rgb(var(--slate-700));
}

.border-b-slate-800 {
  border-bottom-color: rgb(var(--slate-800));
}

.border-b-slate-900 {
  border-bottom-color: rgb(var(--slate-900));
}

.border-b-gray-50 {
  border-bottom-color: rgb(var(--gray-50));
}

.border-b-gray-100 {
  border-bottom-color: rgb(var(--gray-100));
}

.border-b-gray-200 {
  border-bottom-color: rgb(var(--gray-200));
}

.border-b-gray-300 {
  border-bottom-color: rgb(var(--gray-300));
}

.border-b-gray-400 {
  border-bottom-color: rgb(var(--gray-400));
}

.border-b-gray-500 {
  border-bottom-color: rgb(var(--gray-500));
}

.border-b-gray-600 {
  border-bottom-color: rgb(var(--gray-600));
}

.border-b-gray-700 {
  border-bottom-color: rgb(var(--gray-700));
}

.border-b-gray-800 {
  border-bottom-color: rgb(var(--gray-800));
}

.border-b-gray-900 {
  border-bottom-color: rgb(var(--gray-900));
}

.border-b-zinc-50 {
  border-bottom-color: rgb(var(--zinc-50));
}

.border-b-zinc-100 {
  border-bottom-color: rgb(var(--zinc-100));
}

.border-b-zinc-200 {
  border-bottom-color: rgb(var(--zinc-200));
}

.border-b-zinc-300 {
  border-bottom-color: rgb(var(--zinc-300));
}

.border-b-zinc-400 {
  border-bottom-color: rgb(var(--zinc-400));
}

.border-b-zinc-500 {
  border-bottom-color: rgb(var(--zinc-500));
}

.border-b-zinc-600 {
  border-bottom-color: rgb(var(--zinc-600));
}

.border-b-zinc-700 {
  border-bottom-color: rgb(var(--zinc-700));
}

.border-b-zinc-800 {
  border-bottom-color: rgb(var(--zinc-800));
}

.border-b-zinc-900 {
  border-bottom-color: rgb(var(--zinc-900));
}

.border-b-black-DEFAULT {
  border-bottom-color: rgb(var(--black-DEFAULT));
}

.border-b-white-DEFAULT {
  border-bottom-color: rgb(var(--white-DEFAULT));
}

.border-l-red-50 {
  border-left-color: rgb(var(--red-50));
}

.border-l-red-100 {
  border-left-color: rgb(var(--red-100));
}

.border-l-red-200 {
  border-left-color: rgb(var(--red-200));
}

.border-l-red-300 {
  border-left-color: rgb(var(--red-300));
}

.border-l-red-400 {
  border-left-color: rgb(var(--red-400));
}

.border-l-red-500 {
  border-left-color: rgb(var(--red-500));
}

.border-l-red-600 {
  border-left-color: rgb(var(--red-600));
}

.border-l-red-700 {
  border-left-color: rgb(var(--red-700));
}

.border-l-red-800 {
  border-left-color: rgb(var(--red-800));
}

.border-l-red-900 {
  border-left-color: rgb(var(--red-900));
}

.border-l-orange-50 {
  border-left-color: rgb(var(--orange-50));
}

.border-l-orange-100 {
  border-left-color: rgb(var(--orange-100));
}

.border-l-orange-200 {
  border-left-color: rgb(var(--orange-200));
}

.border-l-orange-300 {
  border-left-color: rgb(var(--orange-300));
}

.border-l-orange-400 {
  border-left-color: rgb(var(--orange-400));
}

.border-l-orange-500 {
  border-left-color: rgb(var(--orange-500));
}

.border-l-orange-600 {
  border-left-color: rgb(var(--orange-600));
}

.border-l-orange-700 {
  border-left-color: rgb(var(--orange-700));
}

.border-l-orange-800 {
  border-left-color: rgb(var(--orange-800));
}

.border-l-orange-900 {
  border-left-color: rgb(var(--orange-900));
}

.border-l-amber-50 {
  border-left-color: rgb(var(--amber-50));
}

.border-l-amber-100 {
  border-left-color: rgb(var(--amber-100));
}

.border-l-amber-200 {
  border-left-color: rgb(var(--amber-200));
}

.border-l-amber-300 {
  border-left-color: rgb(var(--amber-300));
}

.border-l-amber-400 {
  border-left-color: rgb(var(--amber-400));
}

.border-l-amber-500 {
  border-left-color: rgb(var(--amber-500));
}

.border-l-amber-600 {
  border-left-color: rgb(var(--amber-600));
}

.border-l-amber-700 {
  border-left-color: rgb(var(--amber-700));
}

.border-l-amber-800 {
  border-left-color: rgb(var(--amber-800));
}

.border-l-amber-900 {
  border-left-color: rgb(var(--amber-900));
}

.border-l-yellow-50 {
  border-left-color: rgb(var(--yellow-50));
}

.border-l-yellow-100 {
  border-left-color: rgb(var(--yellow-100));
}

.border-l-yellow-200 {
  border-left-color: rgb(var(--yellow-200));
}

.border-l-yellow-300 {
  border-left-color: rgb(var(--yellow-300));
}

.border-l-yellow-400 {
  border-left-color: rgb(var(--yellow-400));
}

.border-l-yellow-500 {
  border-left-color: rgb(var(--yellow-500));
}

.border-l-yellow-600 {
  border-left-color: rgb(var(--yellow-600));
}

.border-l-yellow-700 {
  border-left-color: rgb(var(--yellow-700));
}

.border-l-yellow-800 {
  border-left-color: rgb(var(--yellow-800));
}

.border-l-yellow-900 {
  border-left-color: rgb(var(--yellow-900));
}

.border-l-lime-50 {
  border-left-color: rgb(var(--lime-50));
}

.border-l-lime-100 {
  border-left-color: rgb(var(--lime-100));
}

.border-l-lime-200 {
  border-left-color: rgb(var(--lime-200));
}

.border-l-lime-300 {
  border-left-color: rgb(var(--lime-300));
}

.border-l-lime-400 {
  border-left-color: rgb(var(--lime-400));
}

.border-l-lime-500 {
  border-left-color: rgb(var(--lime-500));
}

.border-l-lime-600 {
  border-left-color: rgb(var(--lime-600));
}

.border-l-lime-700 {
  border-left-color: rgb(var(--lime-700));
}

.border-l-lime-800 {
  border-left-color: rgb(var(--lime-800));
}

.border-l-lime-900 {
  border-left-color: rgb(var(--lime-900));
}

.border-l-green-50 {
  border-left-color: rgb(var(--green-50));
}

.border-l-green-100 {
  border-left-color: rgb(var(--green-100));
}

.border-l-green-200 {
  border-left-color: rgb(var(--green-200));
}

.border-l-green-300 {
  border-left-color: rgb(var(--green-300));
}

.border-l-green-400 {
  border-left-color: rgb(var(--green-400));
}

.border-l-green-500 {
  border-left-color: rgb(var(--green-500));
}

.border-l-green-600 {
  border-left-color: rgb(var(--green-600));
}

.border-l-green-700 {
  border-left-color: rgb(var(--green-700));
}

.border-l-green-800 {
  border-left-color: rgb(var(--green-800));
}

.border-l-green-900 {
  border-left-color: rgb(var(--green-900));
}

.border-l-emerald-50 {
  border-left-color: rgb(var(--emerald-50));
}

.border-l-emerald-100 {
  border-left-color: rgb(var(--emerald-100));
}

.border-l-emerald-200 {
  border-left-color: rgb(var(--emerald-200));
}

.border-l-emerald-300 {
  border-left-color: rgb(var(--emerald-300));
}

.border-l-emerald-400 {
  border-left-color: rgb(var(--emerald-400));
}

.border-l-emerald-500 {
  border-left-color: rgb(var(--emerald-500));
}

.border-l-emerald-600 {
  border-left-color: rgb(var(--emerald-600));
}

.border-l-emerald-700 {
  border-left-color: rgb(var(--emerald-700));
}

.border-l-emerald-800 {
  border-left-color: rgb(var(--emerald-800));
}

.border-l-emerald-900 {
  border-left-color: rgb(var(--emerald-900));
}

.border-l-teal-50 {
  border-left-color: rgb(var(--teal-50));
}

.border-l-teal-100 {
  border-left-color: rgb(var(--teal-100));
}

.border-l-teal-200 {
  border-left-color: rgb(var(--teal-200));
}

.border-l-teal-300 {
  border-left-color: rgb(var(--teal-300));
}

.border-l-teal-400 {
  border-left-color: rgb(var(--teal-400));
}

.border-l-teal-500 {
  border-left-color: rgb(var(--teal-500));
}

.border-l-teal-600 {
  border-left-color: rgb(var(--teal-600));
}

.border-l-teal-700 {
  border-left-color: rgb(var(--teal-700));
}

.border-l-teal-800 {
  border-left-color: rgb(var(--teal-800));
}

.border-l-teal-900 {
  border-left-color: rgb(var(--teal-900));
}

.border-l-cyan-50 {
  border-left-color: rgb(var(--cyan-50));
}

.border-l-cyan-100 {
  border-left-color: rgb(var(--cyan-100));
}

.border-l-cyan-200 {
  border-left-color: rgb(var(--cyan-200));
}

.border-l-cyan-300 {
  border-left-color: rgb(var(--cyan-300));
}

.border-l-cyan-400 {
  border-left-color: rgb(var(--cyan-400));
}

.border-l-cyan-500 {
  border-left-color: rgb(var(--cyan-500));
}

.border-l-cyan-600 {
  border-left-color: rgb(var(--cyan-600));
}

.border-l-cyan-700 {
  border-left-color: rgb(var(--cyan-700));
}

.border-l-cyan-800 {
  border-left-color: rgb(var(--cyan-800));
}

.border-l-cyan-900 {
  border-left-color: rgb(var(--cyan-900));
}

.border-l-sky-50 {
  border-left-color: rgb(var(--sky-50));
}

.border-l-sky-100 {
  border-left-color: rgb(var(--sky-100));
}

.border-l-sky-200 {
  border-left-color: rgb(var(--sky-200));
}

.border-l-sky-300 {
  border-left-color: rgb(var(--sky-300));
}

.border-l-sky-400 {
  border-left-color: rgb(var(--sky-400));
}

.border-l-sky-500 {
  border-left-color: rgb(var(--sky-500));
}

.border-l-sky-600 {
  border-left-color: rgb(var(--sky-600));
}

.border-l-sky-700 {
  border-left-color: rgb(var(--sky-700));
}

.border-l-sky-800 {
  border-left-color: rgb(var(--sky-800));
}

.border-l-sky-900 {
  border-left-color: rgb(var(--sky-900));
}

.border-l-blue-50 {
  border-left-color: rgb(var(--blue-50));
}

.border-l-blue-100 {
  border-left-color: rgb(var(--blue-100));
}

.border-l-blue-200 {
  border-left-color: rgb(var(--blue-200));
}

.border-l-blue-300 {
  border-left-color: rgb(var(--blue-300));
}

.border-l-blue-400 {
  border-left-color: rgb(var(--blue-400));
}

.border-l-blue-500 {
  border-left-color: rgb(var(--blue-500));
}

.border-l-blue-600 {
  border-left-color: rgb(var(--blue-600));
}

.border-l-blue-700 {
  border-left-color: rgb(var(--blue-700));
}

.border-l-blue-800 {
  border-left-color: rgb(var(--blue-800));
}

.border-l-blue-900 {
  border-left-color: rgb(var(--blue-900));
}

.border-l-indigo-50 {
  border-left-color: rgb(var(--indigo-50));
}

.border-l-indigo-100 {
  border-left-color: rgb(var(--indigo-100));
}

.border-l-indigo-200 {
  border-left-color: rgb(var(--indigo-200));
}

.border-l-indigo-300 {
  border-left-color: rgb(var(--indigo-300));
}

.border-l-indigo-400 {
  border-left-color: rgb(var(--indigo-400));
}

.border-l-indigo-500 {
  border-left-color: rgb(var(--indigo-500));
}

.border-l-indigo-600 {
  border-left-color: rgb(var(--indigo-600));
}

.border-l-indigo-700 {
  border-left-color: rgb(var(--indigo-700));
}

.border-l-indigo-800 {
  border-left-color: rgb(var(--indigo-800));
}

.border-l-indigo-900 {
  border-left-color: rgb(var(--indigo-900));
}

.border-l-violet-50 {
  border-left-color: rgb(var(--violet-50));
}

.border-l-violet-100 {
  border-left-color: rgb(var(--violet-100));
}

.border-l-violet-200 {
  border-left-color: rgb(var(--violet-200));
}

.border-l-violet-300 {
  border-left-color: rgb(var(--violet-300));
}

.border-l-violet-400 {
  border-left-color: rgb(var(--violet-400));
}

.border-l-violet-500 {
  border-left-color: rgb(var(--violet-500));
}

.border-l-violet-600 {
  border-left-color: rgb(var(--violet-600));
}

.border-l-violet-700 {
  border-left-color: rgb(var(--violet-700));
}

.border-l-violet-800 {
  border-left-color: rgb(var(--violet-800));
}

.border-l-violet-900 {
  border-left-color: rgb(var(--violet-900));
}

.border-l-purple-50 {
  border-left-color: rgb(var(--purple-50));
}

.border-l-purple-100 {
  border-left-color: rgb(var(--purple-100));
}

.border-l-purple-200 {
  border-left-color: rgb(var(--purple-200));
}

.border-l-purple-300 {
  border-left-color: rgb(var(--purple-300));
}

.border-l-purple-400 {
  border-left-color: rgb(var(--purple-400));
}

.border-l-purple-500 {
  border-left-color: rgb(var(--purple-500));
}

.border-l-purple-600 {
  border-left-color: rgb(var(--purple-600));
}

.border-l-purple-700 {
  border-left-color: rgb(var(--purple-700));
}

.border-l-purple-800 {
  border-left-color: rgb(var(--purple-800));
}

.border-l-purple-900 {
  border-left-color: rgb(var(--purple-900));
}

.border-l-fuchsia-50 {
  border-left-color: rgb(var(--fuchsia-50));
}

.border-l-fuchsia-100 {
  border-left-color: rgb(var(--fuchsia-100));
}

.border-l-fuchsia-200 {
  border-left-color: rgb(var(--fuchsia-200));
}

.border-l-fuchsia-300 {
  border-left-color: rgb(var(--fuchsia-300));
}

.border-l-fuchsia-400 {
  border-left-color: rgb(var(--fuchsia-400));
}

.border-l-fuchsia-500 {
  border-left-color: rgb(var(--fuchsia-500));
}

.border-l-fuchsia-600 {
  border-left-color: rgb(var(--fuchsia-600));
}

.border-l-fuchsia-700 {
  border-left-color: rgb(var(--fuchsia-700));
}

.border-l-fuchsia-800 {
  border-left-color: rgb(var(--fuchsia-800));
}

.border-l-fuchsia-900 {
  border-left-color: rgb(var(--fuchsia-900));
}

.border-l-pink-50 {
  border-left-color: rgb(var(--pink-50));
}

.border-l-pink-100 {
  border-left-color: rgb(var(--pink-100));
}

.border-l-pink-200 {
  border-left-color: rgb(var(--pink-200));
}

.border-l-pink-300 {
  border-left-color: rgb(var(--pink-300));
}

.border-l-pink-400 {
  border-left-color: rgb(var(--pink-400));
}

.border-l-pink-500 {
  border-left-color: rgb(var(--pink-500));
}

.border-l-pink-600 {
  border-left-color: rgb(var(--pink-600));
}

.border-l-pink-700 {
  border-left-color: rgb(var(--pink-700));
}

.border-l-pink-800 {
  border-left-color: rgb(var(--pink-800));
}

.border-l-pink-900 {
  border-left-color: rgb(var(--pink-900));
}

.border-l-rose-50 {
  border-left-color: rgb(var(--rose-50));
}

.border-l-rose-100 {
  border-left-color: rgb(var(--rose-100));
}

.border-l-rose-200 {
  border-left-color: rgb(var(--rose-200));
}

.border-l-rose-300 {
  border-left-color: rgb(var(--rose-300));
}

.border-l-rose-400 {
  border-left-color: rgb(var(--rose-400));
}

.border-l-rose-500 {
  border-left-color: rgb(var(--rose-500));
}

.border-l-rose-600 {
  border-left-color: rgb(var(--rose-600));
}

.border-l-rose-700 {
  border-left-color: rgb(var(--rose-700));
}

.border-l-rose-800 {
  border-left-color: rgb(var(--rose-800));
}

.border-l-rose-900 {
  border-left-color: rgb(var(--rose-900));
}

.border-l-slate-50 {
  border-left-color: rgb(var(--slate-50));
}

.border-l-slate-100 {
  border-left-color: rgb(var(--slate-100));
}

.border-l-slate-200 {
  border-left-color: rgb(var(--slate-200));
}

.border-l-slate-300 {
  border-left-color: rgb(var(--slate-300));
}

.border-l-slate-400 {
  border-left-color: rgb(var(--slate-400));
}

.border-l-slate-500 {
  border-left-color: rgb(var(--slate-500));
}

.border-l-slate-600 {
  border-left-color: rgb(var(--slate-600));
}

.border-l-slate-700 {
  border-left-color: rgb(var(--slate-700));
}

.border-l-slate-800 {
  border-left-color: rgb(var(--slate-800));
}

.border-l-slate-900 {
  border-left-color: rgb(var(--slate-900));
}

.border-l-gray-50 {
  border-left-color: rgb(var(--gray-50));
}

.border-l-gray-100 {
  border-left-color: rgb(var(--gray-100));
}

.border-l-gray-200 {
  border-left-color: rgb(var(--gray-200));
}

.border-l-gray-300 {
  border-left-color: rgb(var(--gray-300));
}

.border-l-gray-400 {
  border-left-color: rgb(var(--gray-400));
}

.border-l-gray-500 {
  border-left-color: rgb(var(--gray-500));
}

.border-l-gray-600 {
  border-left-color: rgb(var(--gray-600));
}

.border-l-gray-700 {
  border-left-color: rgb(var(--gray-700));
}

.border-l-gray-800 {
  border-left-color: rgb(var(--gray-800));
}

.border-l-gray-900 {
  border-left-color: rgb(var(--gray-900));
}

.border-l-zinc-50 {
  border-left-color: rgb(var(--zinc-50));
}

.border-l-zinc-100 {
  border-left-color: rgb(var(--zinc-100));
}

.border-l-zinc-200 {
  border-left-color: rgb(var(--zinc-200));
}

.border-l-zinc-300 {
  border-left-color: rgb(var(--zinc-300));
}

.border-l-zinc-400 {
  border-left-color: rgb(var(--zinc-400));
}

.border-l-zinc-500 {
  border-left-color: rgb(var(--zinc-500));
}

.border-l-zinc-600 {
  border-left-color: rgb(var(--zinc-600));
}

.border-l-zinc-700 {
  border-left-color: rgb(var(--zinc-700));
}

.border-l-zinc-800 {
  border-left-color: rgb(var(--zinc-800));
}

.border-l-zinc-900 {
  border-left-color: rgb(var(--zinc-900));
}

.border-l-black-DEFAULT {
  border-left-color: rgb(var(--black-DEFAULT));
}

.border-l-white-DEFAULT {
  border-left-color: rgb(var(--white-DEFAULT));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

/* 渐变色 */
/* 基础类 */
.caret-red-50 {
  caret-color: rgb(var(--red-50));
}

.caret-red-100 {
  caret-color: rgb(var(--red-100));
}

.caret-red-200 {
  caret-color: rgb(var(--red-200));
}

.caret-red-300 {
  caret-color: rgb(var(--red-300));
}

.caret-red-400 {
  caret-color: rgb(var(--red-400));
}

.caret-red-500 {
  caret-color: rgb(var(--red-500));
}

.caret-red-600 {
  caret-color: rgb(var(--red-600));
}

.caret-red-700 {
  caret-color: rgb(var(--red-700));
}

.caret-red-800 {
  caret-color: rgb(var(--red-800));
}

.caret-red-900 {
  caret-color: rgb(var(--red-900));
}

.caret-orange-50 {
  caret-color: rgb(var(--orange-50));
}

.caret-orange-100 {
  caret-color: rgb(var(--orange-100));
}

.caret-orange-200 {
  caret-color: rgb(var(--orange-200));
}

.caret-orange-300 {
  caret-color: rgb(var(--orange-300));
}

.caret-orange-400 {
  caret-color: rgb(var(--orange-400));
}

.caret-orange-500 {
  caret-color: rgb(var(--orange-500));
}

.caret-orange-600 {
  caret-color: rgb(var(--orange-600));
}

.caret-orange-700 {
  caret-color: rgb(var(--orange-700));
}

.caret-orange-800 {
  caret-color: rgb(var(--orange-800));
}

.caret-orange-900 {
  caret-color: rgb(var(--orange-900));
}

.caret-amber-50 {
  caret-color: rgb(var(--amber-50));
}

.caret-amber-100 {
  caret-color: rgb(var(--amber-100));
}

.caret-amber-200 {
  caret-color: rgb(var(--amber-200));
}

.caret-amber-300 {
  caret-color: rgb(var(--amber-300));
}

.caret-amber-400 {
  caret-color: rgb(var(--amber-400));
}

.caret-amber-500 {
  caret-color: rgb(var(--amber-500));
}

.caret-amber-600 {
  caret-color: rgb(var(--amber-600));
}

.caret-amber-700 {
  caret-color: rgb(var(--amber-700));
}

.caret-amber-800 {
  caret-color: rgb(var(--amber-800));
}

.caret-amber-900 {
  caret-color: rgb(var(--amber-900));
}

.caret-yellow-50 {
  caret-color: rgb(var(--yellow-50));
}

.caret-yellow-100 {
  caret-color: rgb(var(--yellow-100));
}

.caret-yellow-200 {
  caret-color: rgb(var(--yellow-200));
}

.caret-yellow-300 {
  caret-color: rgb(var(--yellow-300));
}

.caret-yellow-400 {
  caret-color: rgb(var(--yellow-400));
}

.caret-yellow-500 {
  caret-color: rgb(var(--yellow-500));
}

.caret-yellow-600 {
  caret-color: rgb(var(--yellow-600));
}

.caret-yellow-700 {
  caret-color: rgb(var(--yellow-700));
}

.caret-yellow-800 {
  caret-color: rgb(var(--yellow-800));
}

.caret-yellow-900 {
  caret-color: rgb(var(--yellow-900));
}

.caret-lime-50 {
  caret-color: rgb(var(--lime-50));
}

.caret-lime-100 {
  caret-color: rgb(var(--lime-100));
}

.caret-lime-200 {
  caret-color: rgb(var(--lime-200));
}

.caret-lime-300 {
  caret-color: rgb(var(--lime-300));
}

.caret-lime-400 {
  caret-color: rgb(var(--lime-400));
}

.caret-lime-500 {
  caret-color: rgb(var(--lime-500));
}

.caret-lime-600 {
  caret-color: rgb(var(--lime-600));
}

.caret-lime-700 {
  caret-color: rgb(var(--lime-700));
}

.caret-lime-800 {
  caret-color: rgb(var(--lime-800));
}

.caret-lime-900 {
  caret-color: rgb(var(--lime-900));
}

.caret-green-50 {
  caret-color: rgb(var(--green-50));
}

.caret-green-100 {
  caret-color: rgb(var(--green-100));
}

.caret-green-200 {
  caret-color: rgb(var(--green-200));
}

.caret-green-300 {
  caret-color: rgb(var(--green-300));
}

.caret-green-400 {
  caret-color: rgb(var(--green-400));
}

.caret-green-500 {
  caret-color: rgb(var(--green-500));
}

.caret-green-600 {
  caret-color: rgb(var(--green-600));
}

.caret-green-700 {
  caret-color: rgb(var(--green-700));
}

.caret-green-800 {
  caret-color: rgb(var(--green-800));
}

.caret-green-900 {
  caret-color: rgb(var(--green-900));
}

.caret-emerald-50 {
  caret-color: rgb(var(--emerald-50));
}

.caret-emerald-100 {
  caret-color: rgb(var(--emerald-100));
}

.caret-emerald-200 {
  caret-color: rgb(var(--emerald-200));
}

.caret-emerald-300 {
  caret-color: rgb(var(--emerald-300));
}

.caret-emerald-400 {
  caret-color: rgb(var(--emerald-400));
}

.caret-emerald-500 {
  caret-color: rgb(var(--emerald-500));
}

.caret-emerald-600 {
  caret-color: rgb(var(--emerald-600));
}

.caret-emerald-700 {
  caret-color: rgb(var(--emerald-700));
}

.caret-emerald-800 {
  caret-color: rgb(var(--emerald-800));
}

.caret-emerald-900 {
  caret-color: rgb(var(--emerald-900));
}

.caret-teal-50 {
  caret-color: rgb(var(--teal-50));
}

.caret-teal-100 {
  caret-color: rgb(var(--teal-100));
}

.caret-teal-200 {
  caret-color: rgb(var(--teal-200));
}

.caret-teal-300 {
  caret-color: rgb(var(--teal-300));
}

.caret-teal-400 {
  caret-color: rgb(var(--teal-400));
}

.caret-teal-500 {
  caret-color: rgb(var(--teal-500));
}

.caret-teal-600 {
  caret-color: rgb(var(--teal-600));
}

.caret-teal-700 {
  caret-color: rgb(var(--teal-700));
}

.caret-teal-800 {
  caret-color: rgb(var(--teal-800));
}

.caret-teal-900 {
  caret-color: rgb(var(--teal-900));
}

.caret-cyan-50 {
  caret-color: rgb(var(--cyan-50));
}

.caret-cyan-100 {
  caret-color: rgb(var(--cyan-100));
}

.caret-cyan-200 {
  caret-color: rgb(var(--cyan-200));
}

.caret-cyan-300 {
  caret-color: rgb(var(--cyan-300));
}

.caret-cyan-400 {
  caret-color: rgb(var(--cyan-400));
}

.caret-cyan-500 {
  caret-color: rgb(var(--cyan-500));
}

.caret-cyan-600 {
  caret-color: rgb(var(--cyan-600));
}

.caret-cyan-700 {
  caret-color: rgb(var(--cyan-700));
}

.caret-cyan-800 {
  caret-color: rgb(var(--cyan-800));
}

.caret-cyan-900 {
  caret-color: rgb(var(--cyan-900));
}

.caret-sky-50 {
  caret-color: rgb(var(--sky-50));
}

.caret-sky-100 {
  caret-color: rgb(var(--sky-100));
}

.caret-sky-200 {
  caret-color: rgb(var(--sky-200));
}

.caret-sky-300 {
  caret-color: rgb(var(--sky-300));
}

.caret-sky-400 {
  caret-color: rgb(var(--sky-400));
}

.caret-sky-500 {
  caret-color: rgb(var(--sky-500));
}

.caret-sky-600 {
  caret-color: rgb(var(--sky-600));
}

.caret-sky-700 {
  caret-color: rgb(var(--sky-700));
}

.caret-sky-800 {
  caret-color: rgb(var(--sky-800));
}

.caret-sky-900 {
  caret-color: rgb(var(--sky-900));
}

.caret-blue-50 {
  caret-color: rgb(var(--blue-50));
}

.caret-blue-100 {
  caret-color: rgb(var(--blue-100));
}

.caret-blue-200 {
  caret-color: rgb(var(--blue-200));
}

.caret-blue-300 {
  caret-color: rgb(var(--blue-300));
}

.caret-blue-400 {
  caret-color: rgb(var(--blue-400));
}

.caret-blue-500 {
  caret-color: rgb(var(--blue-500));
}

.caret-blue-600 {
  caret-color: rgb(var(--blue-600));
}

.caret-blue-700 {
  caret-color: rgb(var(--blue-700));
}

.caret-blue-800 {
  caret-color: rgb(var(--blue-800));
}

.caret-blue-900 {
  caret-color: rgb(var(--blue-900));
}

.caret-indigo-50 {
  caret-color: rgb(var(--indigo-50));
}

.caret-indigo-100 {
  caret-color: rgb(var(--indigo-100));
}

.caret-indigo-200 {
  caret-color: rgb(var(--indigo-200));
}

.caret-indigo-300 {
  caret-color: rgb(var(--indigo-300));
}

.caret-indigo-400 {
  caret-color: rgb(var(--indigo-400));
}

.caret-indigo-500 {
  caret-color: rgb(var(--indigo-500));
}

.caret-indigo-600 {
  caret-color: rgb(var(--indigo-600));
}

.caret-indigo-700 {
  caret-color: rgb(var(--indigo-700));
}

.caret-indigo-800 {
  caret-color: rgb(var(--indigo-800));
}

.caret-indigo-900 {
  caret-color: rgb(var(--indigo-900));
}

.caret-violet-50 {
  caret-color: rgb(var(--violet-50));
}

.caret-violet-100 {
  caret-color: rgb(var(--violet-100));
}

.caret-violet-200 {
  caret-color: rgb(var(--violet-200));
}

.caret-violet-300 {
  caret-color: rgb(var(--violet-300));
}

.caret-violet-400 {
  caret-color: rgb(var(--violet-400));
}

.caret-violet-500 {
  caret-color: rgb(var(--violet-500));
}

.caret-violet-600 {
  caret-color: rgb(var(--violet-600));
}

.caret-violet-700 {
  caret-color: rgb(var(--violet-700));
}

.caret-violet-800 {
  caret-color: rgb(var(--violet-800));
}

.caret-violet-900 {
  caret-color: rgb(var(--violet-900));
}

.caret-purple-50 {
  caret-color: rgb(var(--purple-50));
}

.caret-purple-100 {
  caret-color: rgb(var(--purple-100));
}

.caret-purple-200 {
  caret-color: rgb(var(--purple-200));
}

.caret-purple-300 {
  caret-color: rgb(var(--purple-300));
}

.caret-purple-400 {
  caret-color: rgb(var(--purple-400));
}

.caret-purple-500 {
  caret-color: rgb(var(--purple-500));
}

.caret-purple-600 {
  caret-color: rgb(var(--purple-600));
}

.caret-purple-700 {
  caret-color: rgb(var(--purple-700));
}

.caret-purple-800 {
  caret-color: rgb(var(--purple-800));
}

.caret-purple-900 {
  caret-color: rgb(var(--purple-900));
}

.caret-fuchsia-50 {
  caret-color: rgb(var(--fuchsia-50));
}

.caret-fuchsia-100 {
  caret-color: rgb(var(--fuchsia-100));
}

.caret-fuchsia-200 {
  caret-color: rgb(var(--fuchsia-200));
}

.caret-fuchsia-300 {
  caret-color: rgb(var(--fuchsia-300));
}

.caret-fuchsia-400 {
  caret-color: rgb(var(--fuchsia-400));
}

.caret-fuchsia-500 {
  caret-color: rgb(var(--fuchsia-500));
}

.caret-fuchsia-600 {
  caret-color: rgb(var(--fuchsia-600));
}

.caret-fuchsia-700 {
  caret-color: rgb(var(--fuchsia-700));
}

.caret-fuchsia-800 {
  caret-color: rgb(var(--fuchsia-800));
}

.caret-fuchsia-900 {
  caret-color: rgb(var(--fuchsia-900));
}

.caret-pink-50 {
  caret-color: rgb(var(--pink-50));
}

.caret-pink-100 {
  caret-color: rgb(var(--pink-100));
}

.caret-pink-200 {
  caret-color: rgb(var(--pink-200));
}

.caret-pink-300 {
  caret-color: rgb(var(--pink-300));
}

.caret-pink-400 {
  caret-color: rgb(var(--pink-400));
}

.caret-pink-500 {
  caret-color: rgb(var(--pink-500));
}

.caret-pink-600 {
  caret-color: rgb(var(--pink-600));
}

.caret-pink-700 {
  caret-color: rgb(var(--pink-700));
}

.caret-pink-800 {
  caret-color: rgb(var(--pink-800));
}

.caret-pink-900 {
  caret-color: rgb(var(--pink-900));
}

.caret-rose-50 {
  caret-color: rgb(var(--rose-50));
}

.caret-rose-100 {
  caret-color: rgb(var(--rose-100));
}

.caret-rose-200 {
  caret-color: rgb(var(--rose-200));
}

.caret-rose-300 {
  caret-color: rgb(var(--rose-300));
}

.caret-rose-400 {
  caret-color: rgb(var(--rose-400));
}

.caret-rose-500 {
  caret-color: rgb(var(--rose-500));
}

.caret-rose-600 {
  caret-color: rgb(var(--rose-600));
}

.caret-rose-700 {
  caret-color: rgb(var(--rose-700));
}

.caret-rose-800 {
  caret-color: rgb(var(--rose-800));
}

.caret-rose-900 {
  caret-color: rgb(var(--rose-900));
}

.caret-slate-50 {
  caret-color: rgb(var(--slate-50));
}

.caret-slate-100 {
  caret-color: rgb(var(--slate-100));
}

.caret-slate-200 {
  caret-color: rgb(var(--slate-200));
}

.caret-slate-300 {
  caret-color: rgb(var(--slate-300));
}

.caret-slate-400 {
  caret-color: rgb(var(--slate-400));
}

.caret-slate-500 {
  caret-color: rgb(var(--slate-500));
}

.caret-slate-600 {
  caret-color: rgb(var(--slate-600));
}

.caret-slate-700 {
  caret-color: rgb(var(--slate-700));
}

.caret-slate-800 {
  caret-color: rgb(var(--slate-800));
}

.caret-slate-900 {
  caret-color: rgb(var(--slate-900));
}

.caret-gray-50 {
  caret-color: rgb(var(--gray-50));
}

.caret-gray-100 {
  caret-color: rgb(var(--gray-100));
}

.caret-gray-200 {
  caret-color: rgb(var(--gray-200));
}

.caret-gray-300 {
  caret-color: rgb(var(--gray-300));
}

.caret-gray-400 {
  caret-color: rgb(var(--gray-400));
}

.caret-gray-500 {
  caret-color: rgb(var(--gray-500));
}

.caret-gray-600 {
  caret-color: rgb(var(--gray-600));
}

.caret-gray-700 {
  caret-color: rgb(var(--gray-700));
}

.caret-gray-800 {
  caret-color: rgb(var(--gray-800));
}

.caret-gray-900 {
  caret-color: rgb(var(--gray-900));
}

.caret-zinc-50 {
  caret-color: rgb(var(--zinc-50));
}

.caret-zinc-100 {
  caret-color: rgb(var(--zinc-100));
}

.caret-zinc-200 {
  caret-color: rgb(var(--zinc-200));
}

.caret-zinc-300 {
  caret-color: rgb(var(--zinc-300));
}

.caret-zinc-400 {
  caret-color: rgb(var(--zinc-400));
}

.caret-zinc-500 {
  caret-color: rgb(var(--zinc-500));
}

.caret-zinc-600 {
  caret-color: rgb(var(--zinc-600));
}

.caret-zinc-700 {
  caret-color: rgb(var(--zinc-700));
}

.caret-zinc-800 {
  caret-color: rgb(var(--zinc-800));
}

.caret-zinc-900 {
  caret-color: rgb(var(--zinc-900));
}

.caret-black-DEFAULT {
  caret-color: rgb(var(--black-DEFAULT));
}

.caret-white-DEFAULT {
  caret-color: rgb(var(--white-DEFAULT));
}

.accent-red-50 {
  accent-color: rgb(var(--red-50));
}

.accent-red-100 {
  accent-color: rgb(var(--red-100));
}

.accent-red-200 {
  accent-color: rgb(var(--red-200));
}

.accent-red-300 {
  accent-color: rgb(var(--red-300));
}

.accent-red-400 {
  accent-color: rgb(var(--red-400));
}

.accent-red-500 {
  accent-color: rgb(var(--red-500));
}

.accent-red-600 {
  accent-color: rgb(var(--red-600));
}

.accent-red-700 {
  accent-color: rgb(var(--red-700));
}

.accent-red-800 {
  accent-color: rgb(var(--red-800));
}

.accent-red-900 {
  accent-color: rgb(var(--red-900));
}

.accent-orange-50 {
  accent-color: rgb(var(--orange-50));
}

.accent-orange-100 {
  accent-color: rgb(var(--orange-100));
}

.accent-orange-200 {
  accent-color: rgb(var(--orange-200));
}

.accent-orange-300 {
  accent-color: rgb(var(--orange-300));
}

.accent-orange-400 {
  accent-color: rgb(var(--orange-400));
}

.accent-orange-500 {
  accent-color: rgb(var(--orange-500));
}

.accent-orange-600 {
  accent-color: rgb(var(--orange-600));
}

.accent-orange-700 {
  accent-color: rgb(var(--orange-700));
}

.accent-orange-800 {
  accent-color: rgb(var(--orange-800));
}

.accent-orange-900 {
  accent-color: rgb(var(--orange-900));
}

.accent-amber-50 {
  accent-color: rgb(var(--amber-50));
}

.accent-amber-100 {
  accent-color: rgb(var(--amber-100));
}

.accent-amber-200 {
  accent-color: rgb(var(--amber-200));
}

.accent-amber-300 {
  accent-color: rgb(var(--amber-300));
}

.accent-amber-400 {
  accent-color: rgb(var(--amber-400));
}

.accent-amber-500 {
  accent-color: rgb(var(--amber-500));
}

.accent-amber-600 {
  accent-color: rgb(var(--amber-600));
}

.accent-amber-700 {
  accent-color: rgb(var(--amber-700));
}

.accent-amber-800 {
  accent-color: rgb(var(--amber-800));
}

.accent-amber-900 {
  accent-color: rgb(var(--amber-900));
}

.accent-yellow-50 {
  accent-color: rgb(var(--yellow-50));
}

.accent-yellow-100 {
  accent-color: rgb(var(--yellow-100));
}

.accent-yellow-200 {
  accent-color: rgb(var(--yellow-200));
}

.accent-yellow-300 {
  accent-color: rgb(var(--yellow-300));
}

.accent-yellow-400 {
  accent-color: rgb(var(--yellow-400));
}

.accent-yellow-500 {
  accent-color: rgb(var(--yellow-500));
}

.accent-yellow-600 {
  accent-color: rgb(var(--yellow-600));
}

.accent-yellow-700 {
  accent-color: rgb(var(--yellow-700));
}

.accent-yellow-800 {
  accent-color: rgb(var(--yellow-800));
}

.accent-yellow-900 {
  accent-color: rgb(var(--yellow-900));
}

.accent-lime-50 {
  accent-color: rgb(var(--lime-50));
}

.accent-lime-100 {
  accent-color: rgb(var(--lime-100));
}

.accent-lime-200 {
  accent-color: rgb(var(--lime-200));
}

.accent-lime-300 {
  accent-color: rgb(var(--lime-300));
}

.accent-lime-400 {
  accent-color: rgb(var(--lime-400));
}

.accent-lime-500 {
  accent-color: rgb(var(--lime-500));
}

.accent-lime-600 {
  accent-color: rgb(var(--lime-600));
}

.accent-lime-700 {
  accent-color: rgb(var(--lime-700));
}

.accent-lime-800 {
  accent-color: rgb(var(--lime-800));
}

.accent-lime-900 {
  accent-color: rgb(var(--lime-900));
}

.accent-green-50 {
  accent-color: rgb(var(--green-50));
}

.accent-green-100 {
  accent-color: rgb(var(--green-100));
}

.accent-green-200 {
  accent-color: rgb(var(--green-200));
}

.accent-green-300 {
  accent-color: rgb(var(--green-300));
}

.accent-green-400 {
  accent-color: rgb(var(--green-400));
}

.accent-green-500 {
  accent-color: rgb(var(--green-500));
}

.accent-green-600 {
  accent-color: rgb(var(--green-600));
}

.accent-green-700 {
  accent-color: rgb(var(--green-700));
}

.accent-green-800 {
  accent-color: rgb(var(--green-800));
}

.accent-green-900 {
  accent-color: rgb(var(--green-900));
}

.accent-emerald-50 {
  accent-color: rgb(var(--emerald-50));
}

.accent-emerald-100 {
  accent-color: rgb(var(--emerald-100));
}

.accent-emerald-200 {
  accent-color: rgb(var(--emerald-200));
}

.accent-emerald-300 {
  accent-color: rgb(var(--emerald-300));
}

.accent-emerald-400 {
  accent-color: rgb(var(--emerald-400));
}

.accent-emerald-500 {
  accent-color: rgb(var(--emerald-500));
}

.accent-emerald-600 {
  accent-color: rgb(var(--emerald-600));
}

.accent-emerald-700 {
  accent-color: rgb(var(--emerald-700));
}

.accent-emerald-800 {
  accent-color: rgb(var(--emerald-800));
}

.accent-emerald-900 {
  accent-color: rgb(var(--emerald-900));
}

.accent-teal-50 {
  accent-color: rgb(var(--teal-50));
}

.accent-teal-100 {
  accent-color: rgb(var(--teal-100));
}

.accent-teal-200 {
  accent-color: rgb(var(--teal-200));
}

.accent-teal-300 {
  accent-color: rgb(var(--teal-300));
}

.accent-teal-400 {
  accent-color: rgb(var(--teal-400));
}

.accent-teal-500 {
  accent-color: rgb(var(--teal-500));
}

.accent-teal-600 {
  accent-color: rgb(var(--teal-600));
}

.accent-teal-700 {
  accent-color: rgb(var(--teal-700));
}

.accent-teal-800 {
  accent-color: rgb(var(--teal-800));
}

.accent-teal-900 {
  accent-color: rgb(var(--teal-900));
}

.accent-cyan-50 {
  accent-color: rgb(var(--cyan-50));
}

.accent-cyan-100 {
  accent-color: rgb(var(--cyan-100));
}

.accent-cyan-200 {
  accent-color: rgb(var(--cyan-200));
}

.accent-cyan-300 {
  accent-color: rgb(var(--cyan-300));
}

.accent-cyan-400 {
  accent-color: rgb(var(--cyan-400));
}

.accent-cyan-500 {
  accent-color: rgb(var(--cyan-500));
}

.accent-cyan-600 {
  accent-color: rgb(var(--cyan-600));
}

.accent-cyan-700 {
  accent-color: rgb(var(--cyan-700));
}

.accent-cyan-800 {
  accent-color: rgb(var(--cyan-800));
}

.accent-cyan-900 {
  accent-color: rgb(var(--cyan-900));
}

.accent-sky-50 {
  accent-color: rgb(var(--sky-50));
}

.accent-sky-100 {
  accent-color: rgb(var(--sky-100));
}

.accent-sky-200 {
  accent-color: rgb(var(--sky-200));
}

.accent-sky-300 {
  accent-color: rgb(var(--sky-300));
}

.accent-sky-400 {
  accent-color: rgb(var(--sky-400));
}

.accent-sky-500 {
  accent-color: rgb(var(--sky-500));
}

.accent-sky-600 {
  accent-color: rgb(var(--sky-600));
}

.accent-sky-700 {
  accent-color: rgb(var(--sky-700));
}

.accent-sky-800 {
  accent-color: rgb(var(--sky-800));
}

.accent-sky-900 {
  accent-color: rgb(var(--sky-900));
}

.accent-blue-50 {
  accent-color: rgb(var(--blue-50));
}

.accent-blue-100 {
  accent-color: rgb(var(--blue-100));
}

.accent-blue-200 {
  accent-color: rgb(var(--blue-200));
}

.accent-blue-300 {
  accent-color: rgb(var(--blue-300));
}

.accent-blue-400 {
  accent-color: rgb(var(--blue-400));
}

.accent-blue-500 {
  accent-color: rgb(var(--blue-500));
}

.accent-blue-600 {
  accent-color: rgb(var(--blue-600));
}

.accent-blue-700 {
  accent-color: rgb(var(--blue-700));
}

.accent-blue-800 {
  accent-color: rgb(var(--blue-800));
}

.accent-blue-900 {
  accent-color: rgb(var(--blue-900));
}

.accent-indigo-50 {
  accent-color: rgb(var(--indigo-50));
}

.accent-indigo-100 {
  accent-color: rgb(var(--indigo-100));
}

.accent-indigo-200 {
  accent-color: rgb(var(--indigo-200));
}

.accent-indigo-300 {
  accent-color: rgb(var(--indigo-300));
}

.accent-indigo-400 {
  accent-color: rgb(var(--indigo-400));
}

.accent-indigo-500 {
  accent-color: rgb(var(--indigo-500));
}

.accent-indigo-600 {
  accent-color: rgb(var(--indigo-600));
}

.accent-indigo-700 {
  accent-color: rgb(var(--indigo-700));
}

.accent-indigo-800 {
  accent-color: rgb(var(--indigo-800));
}

.accent-indigo-900 {
  accent-color: rgb(var(--indigo-900));
}

.accent-violet-50 {
  accent-color: rgb(var(--violet-50));
}

.accent-violet-100 {
  accent-color: rgb(var(--violet-100));
}

.accent-violet-200 {
  accent-color: rgb(var(--violet-200));
}

.accent-violet-300 {
  accent-color: rgb(var(--violet-300));
}

.accent-violet-400 {
  accent-color: rgb(var(--violet-400));
}

.accent-violet-500 {
  accent-color: rgb(var(--violet-500));
}

.accent-violet-600 {
  accent-color: rgb(var(--violet-600));
}

.accent-violet-700 {
  accent-color: rgb(var(--violet-700));
}

.accent-violet-800 {
  accent-color: rgb(var(--violet-800));
}

.accent-violet-900 {
  accent-color: rgb(var(--violet-900));
}

.accent-purple-50 {
  accent-color: rgb(var(--purple-50));
}

.accent-purple-100 {
  accent-color: rgb(var(--purple-100));
}

.accent-purple-200 {
  accent-color: rgb(var(--purple-200));
}

.accent-purple-300 {
  accent-color: rgb(var(--purple-300));
}

.accent-purple-400 {
  accent-color: rgb(var(--purple-400));
}

.accent-purple-500 {
  accent-color: rgb(var(--purple-500));
}

.accent-purple-600 {
  accent-color: rgb(var(--purple-600));
}

.accent-purple-700 {
  accent-color: rgb(var(--purple-700));
}

.accent-purple-800 {
  accent-color: rgb(var(--purple-800));
}

.accent-purple-900 {
  accent-color: rgb(var(--purple-900));
}

.accent-fuchsia-50 {
  accent-color: rgb(var(--fuchsia-50));
}

.accent-fuchsia-100 {
  accent-color: rgb(var(--fuchsia-100));
}

.accent-fuchsia-200 {
  accent-color: rgb(var(--fuchsia-200));
}

.accent-fuchsia-300 {
  accent-color: rgb(var(--fuchsia-300));
}

.accent-fuchsia-400 {
  accent-color: rgb(var(--fuchsia-400));
}

.accent-fuchsia-500 {
  accent-color: rgb(var(--fuchsia-500));
}

.accent-fuchsia-600 {
  accent-color: rgb(var(--fuchsia-600));
}

.accent-fuchsia-700 {
  accent-color: rgb(var(--fuchsia-700));
}

.accent-fuchsia-800 {
  accent-color: rgb(var(--fuchsia-800));
}

.accent-fuchsia-900 {
  accent-color: rgb(var(--fuchsia-900));
}

.accent-pink-50 {
  accent-color: rgb(var(--pink-50));
}

.accent-pink-100 {
  accent-color: rgb(var(--pink-100));
}

.accent-pink-200 {
  accent-color: rgb(var(--pink-200));
}

.accent-pink-300 {
  accent-color: rgb(var(--pink-300));
}

.accent-pink-400 {
  accent-color: rgb(var(--pink-400));
}

.accent-pink-500 {
  accent-color: rgb(var(--pink-500));
}

.accent-pink-600 {
  accent-color: rgb(var(--pink-600));
}

.accent-pink-700 {
  accent-color: rgb(var(--pink-700));
}

.accent-pink-800 {
  accent-color: rgb(var(--pink-800));
}

.accent-pink-900 {
  accent-color: rgb(var(--pink-900));
}

.accent-rose-50 {
  accent-color: rgb(var(--rose-50));
}

.accent-rose-100 {
  accent-color: rgb(var(--rose-100));
}

.accent-rose-200 {
  accent-color: rgb(var(--rose-200));
}

.accent-rose-300 {
  accent-color: rgb(var(--rose-300));
}

.accent-rose-400 {
  accent-color: rgb(var(--rose-400));
}

.accent-rose-500 {
  accent-color: rgb(var(--rose-500));
}

.accent-rose-600 {
  accent-color: rgb(var(--rose-600));
}

.accent-rose-700 {
  accent-color: rgb(var(--rose-700));
}

.accent-rose-800 {
  accent-color: rgb(var(--rose-800));
}

.accent-rose-900 {
  accent-color: rgb(var(--rose-900));
}

.accent-slate-50 {
  accent-color: rgb(var(--slate-50));
}

.accent-slate-100 {
  accent-color: rgb(var(--slate-100));
}

.accent-slate-200 {
  accent-color: rgb(var(--slate-200));
}

.accent-slate-300 {
  accent-color: rgb(var(--slate-300));
}

.accent-slate-400 {
  accent-color: rgb(var(--slate-400));
}

.accent-slate-500 {
  accent-color: rgb(var(--slate-500));
}

.accent-slate-600 {
  accent-color: rgb(var(--slate-600));
}

.accent-slate-700 {
  accent-color: rgb(var(--slate-700));
}

.accent-slate-800 {
  accent-color: rgb(var(--slate-800));
}

.accent-slate-900 {
  accent-color: rgb(var(--slate-900));
}

.accent-gray-50 {
  accent-color: rgb(var(--gray-50));
}

.accent-gray-100 {
  accent-color: rgb(var(--gray-100));
}

.accent-gray-200 {
  accent-color: rgb(var(--gray-200));
}

.accent-gray-300 {
  accent-color: rgb(var(--gray-300));
}

.accent-gray-400 {
  accent-color: rgb(var(--gray-400));
}

.accent-gray-500 {
  accent-color: rgb(var(--gray-500));
}

.accent-gray-600 {
  accent-color: rgb(var(--gray-600));
}

.accent-gray-700 {
  accent-color: rgb(var(--gray-700));
}

.accent-gray-800 {
  accent-color: rgb(var(--gray-800));
}

.accent-gray-900 {
  accent-color: rgb(var(--gray-900));
}

.accent-zinc-50 {
  accent-color: rgb(var(--zinc-50));
}

.accent-zinc-100 {
  accent-color: rgb(var(--zinc-100));
}

.accent-zinc-200 {
  accent-color: rgb(var(--zinc-200));
}

.accent-zinc-300 {
  accent-color: rgb(var(--zinc-300));
}

.accent-zinc-400 {
  accent-color: rgb(var(--zinc-400));
}

.accent-zinc-500 {
  accent-color: rgb(var(--zinc-500));
}

.accent-zinc-600 {
  accent-color: rgb(var(--zinc-600));
}

.accent-zinc-700 {
  accent-color: rgb(var(--zinc-700));
}

.accent-zinc-800 {
  accent-color: rgb(var(--zinc-800));
}

.accent-zinc-900 {
  accent-color: rgb(var(--zinc-900));
}

.accent-black-DEFAULT {
  accent-color: rgb(var(--black-DEFAULT));
}

.accent-white-DEFAULT {
  accent-color: rgb(var(--white-DEFAULT));
}

/* 颜色属性 */
/* hover 变体 */
.hover-bg-red-50:hover {
  background-color: rgb(var(--red-50));
}

.hover-bg-red-100:hover {
  background-color: rgb(var(--red-100));
}

.hover-bg-red-200:hover {
  background-color: rgb(var(--red-200));
}

.hover-bg-red-300:hover {
  background-color: rgb(var(--red-300));
}

.hover-bg-red-400:hover {
  background-color: rgb(var(--red-400));
}

.hover-bg-red-500:hover {
  background-color: rgb(var(--red-500));
}

.hover-bg-red-600:hover {
  background-color: rgb(var(--red-600));
}

.hover-bg-red-700:hover {
  background-color: rgb(var(--red-700));
}

.hover-bg-red-800:hover {
  background-color: rgb(var(--red-800));
}

.hover-bg-red-900:hover {
  background-color: rgb(var(--red-900));
}

.hover-bg-orange-50:hover {
  background-color: rgb(var(--orange-50));
}

.hover-bg-orange-100:hover {
  background-color: rgb(var(--orange-100));
}

.hover-bg-orange-200:hover {
  background-color: rgb(var(--orange-200));
}

.hover-bg-orange-300:hover {
  background-color: rgb(var(--orange-300));
}

.hover-bg-orange-400:hover {
  background-color: rgb(var(--orange-400));
}

.hover-bg-orange-500:hover {
  background-color: rgb(var(--orange-500));
}

.hover-bg-orange-600:hover {
  background-color: rgb(var(--orange-600));
}

.hover-bg-orange-700:hover {
  background-color: rgb(var(--orange-700));
}

.hover-bg-orange-800:hover {
  background-color: rgb(var(--orange-800));
}

.hover-bg-orange-900:hover {
  background-color: rgb(var(--orange-900));
}

.hover-bg-amber-50:hover {
  background-color: rgb(var(--amber-50));
}

.hover-bg-amber-100:hover {
  background-color: rgb(var(--amber-100));
}

.hover-bg-amber-200:hover {
  background-color: rgb(var(--amber-200));
}

.hover-bg-amber-300:hover {
  background-color: rgb(var(--amber-300));
}

.hover-bg-amber-400:hover {
  background-color: rgb(var(--amber-400));
}

.hover-bg-amber-500:hover {
  background-color: rgb(var(--amber-500));
}

.hover-bg-amber-600:hover {
  background-color: rgb(var(--amber-600));
}

.hover-bg-amber-700:hover {
  background-color: rgb(var(--amber-700));
}

.hover-bg-amber-800:hover {
  background-color: rgb(var(--amber-800));
}

.hover-bg-amber-900:hover {
  background-color: rgb(var(--amber-900));
}

.hover-bg-yellow-50:hover {
  background-color: rgb(var(--yellow-50));
}

.hover-bg-yellow-100:hover {
  background-color: rgb(var(--yellow-100));
}

.hover-bg-yellow-200:hover {
  background-color: rgb(var(--yellow-200));
}

.hover-bg-yellow-300:hover {
  background-color: rgb(var(--yellow-300));
}

.hover-bg-yellow-400:hover {
  background-color: rgb(var(--yellow-400));
}

.hover-bg-yellow-500:hover {
  background-color: rgb(var(--yellow-500));
}

.hover-bg-yellow-600:hover {
  background-color: rgb(var(--yellow-600));
}

.hover-bg-yellow-700:hover {
  background-color: rgb(var(--yellow-700));
}

.hover-bg-yellow-800:hover {
  background-color: rgb(var(--yellow-800));
}

.hover-bg-yellow-900:hover {
  background-color: rgb(var(--yellow-900));
}

.hover-bg-lime-50:hover {
  background-color: rgb(var(--lime-50));
}

.hover-bg-lime-100:hover {
  background-color: rgb(var(--lime-100));
}

.hover-bg-lime-200:hover {
  background-color: rgb(var(--lime-200));
}

.hover-bg-lime-300:hover {
  background-color: rgb(var(--lime-300));
}

.hover-bg-lime-400:hover {
  background-color: rgb(var(--lime-400));
}

.hover-bg-lime-500:hover {
  background-color: rgb(var(--lime-500));
}

.hover-bg-lime-600:hover {
  background-color: rgb(var(--lime-600));
}

.hover-bg-lime-700:hover {
  background-color: rgb(var(--lime-700));
}

.hover-bg-lime-800:hover {
  background-color: rgb(var(--lime-800));
}

.hover-bg-lime-900:hover {
  background-color: rgb(var(--lime-900));
}

.hover-bg-green-50:hover {
  background-color: rgb(var(--green-50));
}

.hover-bg-green-100:hover {
  background-color: rgb(var(--green-100));
}

.hover-bg-green-200:hover {
  background-color: rgb(var(--green-200));
}

.hover-bg-green-300:hover {
  background-color: rgb(var(--green-300));
}

.hover-bg-green-400:hover {
  background-color: rgb(var(--green-400));
}

.hover-bg-green-500:hover {
  background-color: rgb(var(--green-500));
}

.hover-bg-green-600:hover {
  background-color: rgb(var(--green-600));
}

.hover-bg-green-700:hover {
  background-color: rgb(var(--green-700));
}

.hover-bg-green-800:hover {
  background-color: rgb(var(--green-800));
}

.hover-bg-green-900:hover {
  background-color: rgb(var(--green-900));
}

.hover-bg-emerald-50:hover {
  background-color: rgb(var(--emerald-50));
}

.hover-bg-emerald-100:hover {
  background-color: rgb(var(--emerald-100));
}

.hover-bg-emerald-200:hover {
  background-color: rgb(var(--emerald-200));
}

.hover-bg-emerald-300:hover {
  background-color: rgb(var(--emerald-300));
}

.hover-bg-emerald-400:hover {
  background-color: rgb(var(--emerald-400));
}

.hover-bg-emerald-500:hover {
  background-color: rgb(var(--emerald-500));
}

.hover-bg-emerald-600:hover {
  background-color: rgb(var(--emerald-600));
}

.hover-bg-emerald-700:hover {
  background-color: rgb(var(--emerald-700));
}

.hover-bg-emerald-800:hover {
  background-color: rgb(var(--emerald-800));
}

.hover-bg-emerald-900:hover {
  background-color: rgb(var(--emerald-900));
}

.hover-bg-teal-50:hover {
  background-color: rgb(var(--teal-50));
}

.hover-bg-teal-100:hover {
  background-color: rgb(var(--teal-100));
}

.hover-bg-teal-200:hover {
  background-color: rgb(var(--teal-200));
}

.hover-bg-teal-300:hover {
  background-color: rgb(var(--teal-300));
}

.hover-bg-teal-400:hover {
  background-color: rgb(var(--teal-400));
}

.hover-bg-teal-500:hover {
  background-color: rgb(var(--teal-500));
}

.hover-bg-teal-600:hover {
  background-color: rgb(var(--teal-600));
}

.hover-bg-teal-700:hover {
  background-color: rgb(var(--teal-700));
}

.hover-bg-teal-800:hover {
  background-color: rgb(var(--teal-800));
}

.hover-bg-teal-900:hover {
  background-color: rgb(var(--teal-900));
}

.hover-bg-cyan-50:hover {
  background-color: rgb(var(--cyan-50));
}

.hover-bg-cyan-100:hover {
  background-color: rgb(var(--cyan-100));
}

.hover-bg-cyan-200:hover {
  background-color: rgb(var(--cyan-200));
}

.hover-bg-cyan-300:hover {
  background-color: rgb(var(--cyan-300));
}

.hover-bg-cyan-400:hover {
  background-color: rgb(var(--cyan-400));
}

.hover-bg-cyan-500:hover {
  background-color: rgb(var(--cyan-500));
}

.hover-bg-cyan-600:hover {
  background-color: rgb(var(--cyan-600));
}

.hover-bg-cyan-700:hover {
  background-color: rgb(var(--cyan-700));
}

.hover-bg-cyan-800:hover {
  background-color: rgb(var(--cyan-800));
}

.hover-bg-cyan-900:hover {
  background-color: rgb(var(--cyan-900));
}

.hover-bg-sky-50:hover {
  background-color: rgb(var(--sky-50));
}

.hover-bg-sky-100:hover {
  background-color: rgb(var(--sky-100));
}

.hover-bg-sky-200:hover {
  background-color: rgb(var(--sky-200));
}

.hover-bg-sky-300:hover {
  background-color: rgb(var(--sky-300));
}

.hover-bg-sky-400:hover {
  background-color: rgb(var(--sky-400));
}

.hover-bg-sky-500:hover {
  background-color: rgb(var(--sky-500));
}

.hover-bg-sky-600:hover {
  background-color: rgb(var(--sky-600));
}

.hover-bg-sky-700:hover {
  background-color: rgb(var(--sky-700));
}

.hover-bg-sky-800:hover {
  background-color: rgb(var(--sky-800));
}

.hover-bg-sky-900:hover {
  background-color: rgb(var(--sky-900));
}

.hover-bg-blue-50:hover {
  background-color: rgb(var(--blue-50));
}

.hover-bg-blue-100:hover {
  background-color: rgb(var(--blue-100));
}

.hover-bg-blue-200:hover {
  background-color: rgb(var(--blue-200));
}

.hover-bg-blue-300:hover {
  background-color: rgb(var(--blue-300));
}

.hover-bg-blue-400:hover {
  background-color: rgb(var(--blue-400));
}

.hover-bg-blue-500:hover {
  background-color: rgb(var(--blue-500));
}

.hover-bg-blue-600:hover {
  background-color: rgb(var(--blue-600));
}

.hover-bg-blue-700:hover {
  background-color: rgb(var(--blue-700));
}

.hover-bg-blue-800:hover {
  background-color: rgb(var(--blue-800));
}

.hover-bg-blue-900:hover {
  background-color: rgb(var(--blue-900));
}

.hover-bg-indigo-50:hover {
  background-color: rgb(var(--indigo-50));
}

.hover-bg-indigo-100:hover {
  background-color: rgb(var(--indigo-100));
}

.hover-bg-indigo-200:hover {
  background-color: rgb(var(--indigo-200));
}

.hover-bg-indigo-300:hover {
  background-color: rgb(var(--indigo-300));
}

.hover-bg-indigo-400:hover {
  background-color: rgb(var(--indigo-400));
}

.hover-bg-indigo-500:hover {
  background-color: rgb(var(--indigo-500));
}

.hover-bg-indigo-600:hover {
  background-color: rgb(var(--indigo-600));
}

.hover-bg-indigo-700:hover {
  background-color: rgb(var(--indigo-700));
}

.hover-bg-indigo-800:hover {
  background-color: rgb(var(--indigo-800));
}

.hover-bg-indigo-900:hover {
  background-color: rgb(var(--indigo-900));
}

.hover-bg-violet-50:hover {
  background-color: rgb(var(--violet-50));
}

.hover-bg-violet-100:hover {
  background-color: rgb(var(--violet-100));
}

.hover-bg-violet-200:hover {
  background-color: rgb(var(--violet-200));
}

.hover-bg-violet-300:hover {
  background-color: rgb(var(--violet-300));
}

.hover-bg-violet-400:hover {
  background-color: rgb(var(--violet-400));
}

.hover-bg-violet-500:hover {
  background-color: rgb(var(--violet-500));
}

.hover-bg-violet-600:hover {
  background-color: rgb(var(--violet-600));
}

.hover-bg-violet-700:hover {
  background-color: rgb(var(--violet-700));
}

.hover-bg-violet-800:hover {
  background-color: rgb(var(--violet-800));
}

.hover-bg-violet-900:hover {
  background-color: rgb(var(--violet-900));
}

.hover-bg-purple-50:hover {
  background-color: rgb(var(--purple-50));
}

.hover-bg-purple-100:hover {
  background-color: rgb(var(--purple-100));
}

.hover-bg-purple-200:hover {
  background-color: rgb(var(--purple-200));
}

.hover-bg-purple-300:hover {
  background-color: rgb(var(--purple-300));
}

.hover-bg-purple-400:hover {
  background-color: rgb(var(--purple-400));
}

.hover-bg-purple-500:hover {
  background-color: rgb(var(--purple-500));
}

.hover-bg-purple-600:hover {
  background-color: rgb(var(--purple-600));
}

.hover-bg-purple-700:hover {
  background-color: rgb(var(--purple-700));
}

.hover-bg-purple-800:hover {
  background-color: rgb(var(--purple-800));
}

.hover-bg-purple-900:hover {
  background-color: rgb(var(--purple-900));
}

.hover-bg-fuchsia-50:hover {
  background-color: rgb(var(--fuchsia-50));
}

.hover-bg-fuchsia-100:hover {
  background-color: rgb(var(--fuchsia-100));
}

.hover-bg-fuchsia-200:hover {
  background-color: rgb(var(--fuchsia-200));
}

.hover-bg-fuchsia-300:hover {
  background-color: rgb(var(--fuchsia-300));
}

.hover-bg-fuchsia-400:hover {
  background-color: rgb(var(--fuchsia-400));
}

.hover-bg-fuchsia-500:hover {
  background-color: rgb(var(--fuchsia-500));
}

.hover-bg-fuchsia-600:hover {
  background-color: rgb(var(--fuchsia-600));
}

.hover-bg-fuchsia-700:hover {
  background-color: rgb(var(--fuchsia-700));
}

.hover-bg-fuchsia-800:hover {
  background-color: rgb(var(--fuchsia-800));
}

.hover-bg-fuchsia-900:hover {
  background-color: rgb(var(--fuchsia-900));
}

.hover-bg-pink-50:hover {
  background-color: rgb(var(--pink-50));
}

.hover-bg-pink-100:hover {
  background-color: rgb(var(--pink-100));
}

.hover-bg-pink-200:hover {
  background-color: rgb(var(--pink-200));
}

.hover-bg-pink-300:hover {
  background-color: rgb(var(--pink-300));
}

.hover-bg-pink-400:hover {
  background-color: rgb(var(--pink-400));
}

.hover-bg-pink-500:hover {
  background-color: rgb(var(--pink-500));
}

.hover-bg-pink-600:hover {
  background-color: rgb(var(--pink-600));
}

.hover-bg-pink-700:hover {
  background-color: rgb(var(--pink-700));
}

.hover-bg-pink-800:hover {
  background-color: rgb(var(--pink-800));
}

.hover-bg-pink-900:hover {
  background-color: rgb(var(--pink-900));
}

.hover-bg-rose-50:hover {
  background-color: rgb(var(--rose-50));
}

.hover-bg-rose-100:hover {
  background-color: rgb(var(--rose-100));
}

.hover-bg-rose-200:hover {
  background-color: rgb(var(--rose-200));
}

.hover-bg-rose-300:hover {
  background-color: rgb(var(--rose-300));
}

.hover-bg-rose-400:hover {
  background-color: rgb(var(--rose-400));
}

.hover-bg-rose-500:hover {
  background-color: rgb(var(--rose-500));
}

.hover-bg-rose-600:hover {
  background-color: rgb(var(--rose-600));
}

.hover-bg-rose-700:hover {
  background-color: rgb(var(--rose-700));
}

.hover-bg-rose-800:hover {
  background-color: rgb(var(--rose-800));
}

.hover-bg-rose-900:hover {
  background-color: rgb(var(--rose-900));
}

.hover-bg-slate-50:hover {
  background-color: rgb(var(--slate-50));
}

.hover-bg-slate-100:hover {
  background-color: rgb(var(--slate-100));
}

.hover-bg-slate-200:hover {
  background-color: rgb(var(--slate-200));
}

.hover-bg-slate-300:hover {
  background-color: rgb(var(--slate-300));
}

.hover-bg-slate-400:hover {
  background-color: rgb(var(--slate-400));
}

.hover-bg-slate-500:hover {
  background-color: rgb(var(--slate-500));
}

.hover-bg-slate-600:hover {
  background-color: rgb(var(--slate-600));
}

.hover-bg-slate-700:hover {
  background-color: rgb(var(--slate-700));
}

.hover-bg-slate-800:hover {
  background-color: rgb(var(--slate-800));
}

.hover-bg-slate-900:hover {
  background-color: rgb(var(--slate-900));
}

.hover-bg-gray-50:hover {
  background-color: rgb(var(--gray-50));
}

.hover-bg-gray-100:hover {
  background-color: rgb(var(--gray-100));
}

.hover-bg-gray-200:hover {
  background-color: rgb(var(--gray-200));
}

.hover-bg-gray-300:hover {
  background-color: rgb(var(--gray-300));
}

.hover-bg-gray-400:hover {
  background-color: rgb(var(--gray-400));
}

.hover-bg-gray-500:hover {
  background-color: rgb(var(--gray-500));
}

.hover-bg-gray-600:hover {
  background-color: rgb(var(--gray-600));
}

.hover-bg-gray-700:hover {
  background-color: rgb(var(--gray-700));
}

.hover-bg-gray-800:hover {
  background-color: rgb(var(--gray-800));
}

.hover-bg-gray-900:hover {
  background-color: rgb(var(--gray-900));
}

.hover-bg-zinc-50:hover {
  background-color: rgb(var(--zinc-50));
}

.hover-bg-zinc-100:hover {
  background-color: rgb(var(--zinc-100));
}

.hover-bg-zinc-200:hover {
  background-color: rgb(var(--zinc-200));
}

.hover-bg-zinc-300:hover {
  background-color: rgb(var(--zinc-300));
}

.hover-bg-zinc-400:hover {
  background-color: rgb(var(--zinc-400));
}

.hover-bg-zinc-500:hover {
  background-color: rgb(var(--zinc-500));
}

.hover-bg-zinc-600:hover {
  background-color: rgb(var(--zinc-600));
}

.hover-bg-zinc-700:hover {
  background-color: rgb(var(--zinc-700));
}

.hover-bg-zinc-800:hover {
  background-color: rgb(var(--zinc-800));
}

.hover-bg-zinc-900:hover {
  background-color: rgb(var(--zinc-900));
}

.hover-bg-black-DEFAULT:hover {
  background-color: rgb(var(--black-DEFAULT));
}

.hover-bg-white-DEFAULT:hover {
  background-color: rgb(var(--white-DEFAULT));
}

/* focus 变体 */
.\:focusbg-red-50:focus {
  background-color: rgb(var(--red-50));
}

.\:focusbg-red-100:focus {
  background-color: rgb(var(--red-100));
}

.\:focusbg-red-200:focus {
  background-color: rgb(var(--red-200));
}

.\:focusbg-red-300:focus {
  background-color: rgb(var(--red-300));
}

.\:focusbg-red-400:focus {
  background-color: rgb(var(--red-400));
}

.\:focusbg-red-500:focus {
  background-color: rgb(var(--red-500));
}

.\:focusbg-red-600:focus {
  background-color: rgb(var(--red-600));
}

.\:focusbg-red-700:focus {
  background-color: rgb(var(--red-700));
}

.\:focusbg-red-800:focus {
  background-color: rgb(var(--red-800));
}

.\:focusbg-red-900:focus {
  background-color: rgb(var(--red-900));
}

.\:focusbg-orange-50:focus {
  background-color: rgb(var(--orange-50));
}

.\:focusbg-orange-100:focus {
  background-color: rgb(var(--orange-100));
}

.\:focusbg-orange-200:focus {
  background-color: rgb(var(--orange-200));
}

.\:focusbg-orange-300:focus {
  background-color: rgb(var(--orange-300));
}

.\:focusbg-orange-400:focus {
  background-color: rgb(var(--orange-400));
}

.\:focusbg-orange-500:focus {
  background-color: rgb(var(--orange-500));
}

.\:focusbg-orange-600:focus {
  background-color: rgb(var(--orange-600));
}

.\:focusbg-orange-700:focus {
  background-color: rgb(var(--orange-700));
}

.\:focusbg-orange-800:focus {
  background-color: rgb(var(--orange-800));
}

.\:focusbg-orange-900:focus {
  background-color: rgb(var(--orange-900));
}

.\:focusbg-amber-50:focus {
  background-color: rgb(var(--amber-50));
}

.\:focusbg-amber-100:focus {
  background-color: rgb(var(--amber-100));
}

.\:focusbg-amber-200:focus {
  background-color: rgb(var(--amber-200));
}

.\:focusbg-amber-300:focus {
  background-color: rgb(var(--amber-300));
}

.\:focusbg-amber-400:focus {
  background-color: rgb(var(--amber-400));
}

.\:focusbg-amber-500:focus {
  background-color: rgb(var(--amber-500));
}

.\:focusbg-amber-600:focus {
  background-color: rgb(var(--amber-600));
}

.\:focusbg-amber-700:focus {
  background-color: rgb(var(--amber-700));
}

.\:focusbg-amber-800:focus {
  background-color: rgb(var(--amber-800));
}

.\:focusbg-amber-900:focus {
  background-color: rgb(var(--amber-900));
}

.\:focusbg-yellow-50:focus {
  background-color: rgb(var(--yellow-50));
}

.\:focusbg-yellow-100:focus {
  background-color: rgb(var(--yellow-100));
}

.\:focusbg-yellow-200:focus {
  background-color: rgb(var(--yellow-200));
}

.\:focusbg-yellow-300:focus {
  background-color: rgb(var(--yellow-300));
}

.\:focusbg-yellow-400:focus {
  background-color: rgb(var(--yellow-400));
}

.\:focusbg-yellow-500:focus {
  background-color: rgb(var(--yellow-500));
}

.\:focusbg-yellow-600:focus {
  background-color: rgb(var(--yellow-600));
}

.\:focusbg-yellow-700:focus {
  background-color: rgb(var(--yellow-700));
}

.\:focusbg-yellow-800:focus {
  background-color: rgb(var(--yellow-800));
}

.\:focusbg-yellow-900:focus {
  background-color: rgb(var(--yellow-900));
}

.\:focusbg-lime-50:focus {
  background-color: rgb(var(--lime-50));
}

.\:focusbg-lime-100:focus {
  background-color: rgb(var(--lime-100));
}

.\:focusbg-lime-200:focus {
  background-color: rgb(var(--lime-200));
}

.\:focusbg-lime-300:focus {
  background-color: rgb(var(--lime-300));
}

.\:focusbg-lime-400:focus {
  background-color: rgb(var(--lime-400));
}

.\:focusbg-lime-500:focus {
  background-color: rgb(var(--lime-500));
}

.\:focusbg-lime-600:focus {
  background-color: rgb(var(--lime-600));
}

.\:focusbg-lime-700:focus {
  background-color: rgb(var(--lime-700));
}

.\:focusbg-lime-800:focus {
  background-color: rgb(var(--lime-800));
}

.\:focusbg-lime-900:focus {
  background-color: rgb(var(--lime-900));
}

.\:focusbg-green-50:focus {
  background-color: rgb(var(--green-50));
}

.\:focusbg-green-100:focus {
  background-color: rgb(var(--green-100));
}

.\:focusbg-green-200:focus {
  background-color: rgb(var(--green-200));
}

.\:focusbg-green-300:focus {
  background-color: rgb(var(--green-300));
}

.\:focusbg-green-400:focus {
  background-color: rgb(var(--green-400));
}

.\:focusbg-green-500:focus {
  background-color: rgb(var(--green-500));
}

.\:focusbg-green-600:focus {
  background-color: rgb(var(--green-600));
}

.\:focusbg-green-700:focus {
  background-color: rgb(var(--green-700));
}

.\:focusbg-green-800:focus {
  background-color: rgb(var(--green-800));
}

.\:focusbg-green-900:focus {
  background-color: rgb(var(--green-900));
}

.\:focusbg-emerald-50:focus {
  background-color: rgb(var(--emerald-50));
}

.\:focusbg-emerald-100:focus {
  background-color: rgb(var(--emerald-100));
}

.\:focusbg-emerald-200:focus {
  background-color: rgb(var(--emerald-200));
}

.\:focusbg-emerald-300:focus {
  background-color: rgb(var(--emerald-300));
}

.\:focusbg-emerald-400:focus {
  background-color: rgb(var(--emerald-400));
}

.\:focusbg-emerald-500:focus {
  background-color: rgb(var(--emerald-500));
}

.\:focusbg-emerald-600:focus {
  background-color: rgb(var(--emerald-600));
}

.\:focusbg-emerald-700:focus {
  background-color: rgb(var(--emerald-700));
}

.\:focusbg-emerald-800:focus {
  background-color: rgb(var(--emerald-800));
}

.\:focusbg-emerald-900:focus {
  background-color: rgb(var(--emerald-900));
}

.\:focusbg-teal-50:focus {
  background-color: rgb(var(--teal-50));
}

.\:focusbg-teal-100:focus {
  background-color: rgb(var(--teal-100));
}

.\:focusbg-teal-200:focus {
  background-color: rgb(var(--teal-200));
}

.\:focusbg-teal-300:focus {
  background-color: rgb(var(--teal-300));
}

.\:focusbg-teal-400:focus {
  background-color: rgb(var(--teal-400));
}

.\:focusbg-teal-500:focus {
  background-color: rgb(var(--teal-500));
}

.\:focusbg-teal-600:focus {
  background-color: rgb(var(--teal-600));
}

.\:focusbg-teal-700:focus {
  background-color: rgb(var(--teal-700));
}

.\:focusbg-teal-800:focus {
  background-color: rgb(var(--teal-800));
}

.\:focusbg-teal-900:focus {
  background-color: rgb(var(--teal-900));
}

.\:focusbg-cyan-50:focus {
  background-color: rgb(var(--cyan-50));
}

.\:focusbg-cyan-100:focus {
  background-color: rgb(var(--cyan-100));
}

.\:focusbg-cyan-200:focus {
  background-color: rgb(var(--cyan-200));
}

.\:focusbg-cyan-300:focus {
  background-color: rgb(var(--cyan-300));
}

.\:focusbg-cyan-400:focus {
  background-color: rgb(var(--cyan-400));
}

.\:focusbg-cyan-500:focus {
  background-color: rgb(var(--cyan-500));
}

.\:focusbg-cyan-600:focus {
  background-color: rgb(var(--cyan-600));
}

.\:focusbg-cyan-700:focus {
  background-color: rgb(var(--cyan-700));
}

.\:focusbg-cyan-800:focus {
  background-color: rgb(var(--cyan-800));
}

.\:focusbg-cyan-900:focus {
  background-color: rgb(var(--cyan-900));
}

.\:focusbg-sky-50:focus {
  background-color: rgb(var(--sky-50));
}

.\:focusbg-sky-100:focus {
  background-color: rgb(var(--sky-100));
}

.\:focusbg-sky-200:focus {
  background-color: rgb(var(--sky-200));
}

.\:focusbg-sky-300:focus {
  background-color: rgb(var(--sky-300));
}

.\:focusbg-sky-400:focus {
  background-color: rgb(var(--sky-400));
}

.\:focusbg-sky-500:focus {
  background-color: rgb(var(--sky-500));
}

.\:focusbg-sky-600:focus {
  background-color: rgb(var(--sky-600));
}

.\:focusbg-sky-700:focus {
  background-color: rgb(var(--sky-700));
}

.\:focusbg-sky-800:focus {
  background-color: rgb(var(--sky-800));
}

.\:focusbg-sky-900:focus {
  background-color: rgb(var(--sky-900));
}

.\:focusbg-blue-50:focus {
  background-color: rgb(var(--blue-50));
}

.\:focusbg-blue-100:focus {
  background-color: rgb(var(--blue-100));
}

.\:focusbg-blue-200:focus {
  background-color: rgb(var(--blue-200));
}

.\:focusbg-blue-300:focus {
  background-color: rgb(var(--blue-300));
}

.\:focusbg-blue-400:focus {
  background-color: rgb(var(--blue-400));
}

.\:focusbg-blue-500:focus {
  background-color: rgb(var(--blue-500));
}

.\:focusbg-blue-600:focus {
  background-color: rgb(var(--blue-600));
}

.\:focusbg-blue-700:focus {
  background-color: rgb(var(--blue-700));
}

.\:focusbg-blue-800:focus {
  background-color: rgb(var(--blue-800));
}

.\:focusbg-blue-900:focus {
  background-color: rgb(var(--blue-900));
}

.\:focusbg-indigo-50:focus {
  background-color: rgb(var(--indigo-50));
}

.\:focusbg-indigo-100:focus {
  background-color: rgb(var(--indigo-100));
}

.\:focusbg-indigo-200:focus {
  background-color: rgb(var(--indigo-200));
}

.\:focusbg-indigo-300:focus {
  background-color: rgb(var(--indigo-300));
}

.\:focusbg-indigo-400:focus {
  background-color: rgb(var(--indigo-400));
}

.\:focusbg-indigo-500:focus {
  background-color: rgb(var(--indigo-500));
}

.\:focusbg-indigo-600:focus {
  background-color: rgb(var(--indigo-600));
}

.\:focusbg-indigo-700:focus {
  background-color: rgb(var(--indigo-700));
}

.\:focusbg-indigo-800:focus {
  background-color: rgb(var(--indigo-800));
}

.\:focusbg-indigo-900:focus {
  background-color: rgb(var(--indigo-900));
}

.\:focusbg-violet-50:focus {
  background-color: rgb(var(--violet-50));
}

.\:focusbg-violet-100:focus {
  background-color: rgb(var(--violet-100));
}

.\:focusbg-violet-200:focus {
  background-color: rgb(var(--violet-200));
}

.\:focusbg-violet-300:focus {
  background-color: rgb(var(--violet-300));
}

.\:focusbg-violet-400:focus {
  background-color: rgb(var(--violet-400));
}

.\:focusbg-violet-500:focus {
  background-color: rgb(var(--violet-500));
}

.\:focusbg-violet-600:focus {
  background-color: rgb(var(--violet-600));
}

.\:focusbg-violet-700:focus {
  background-color: rgb(var(--violet-700));
}

.\:focusbg-violet-800:focus {
  background-color: rgb(var(--violet-800));
}

.\:focusbg-violet-900:focus {
  background-color: rgb(var(--violet-900));
}

.\:focusbg-purple-50:focus {
  background-color: rgb(var(--purple-50));
}

.\:focusbg-purple-100:focus {
  background-color: rgb(var(--purple-100));
}

.\:focusbg-purple-200:focus {
  background-color: rgb(var(--purple-200));
}

.\:focusbg-purple-300:focus {
  background-color: rgb(var(--purple-300));
}

.\:focusbg-purple-400:focus {
  background-color: rgb(var(--purple-400));
}

.\:focusbg-purple-500:focus {
  background-color: rgb(var(--purple-500));
}

.\:focusbg-purple-600:focus {
  background-color: rgb(var(--purple-600));
}

.\:focusbg-purple-700:focus {
  background-color: rgb(var(--purple-700));
}

.\:focusbg-purple-800:focus {
  background-color: rgb(var(--purple-800));
}

.\:focusbg-purple-900:focus {
  background-color: rgb(var(--purple-900));
}

.\:focusbg-fuchsia-50:focus {
  background-color: rgb(var(--fuchsia-50));
}

.\:focusbg-fuchsia-100:focus {
  background-color: rgb(var(--fuchsia-100));
}

.\:focusbg-fuchsia-200:focus {
  background-color: rgb(var(--fuchsia-200));
}

.\:focusbg-fuchsia-300:focus {
  background-color: rgb(var(--fuchsia-300));
}

.\:focusbg-fuchsia-400:focus {
  background-color: rgb(var(--fuchsia-400));
}

.\:focusbg-fuchsia-500:focus {
  background-color: rgb(var(--fuchsia-500));
}

.\:focusbg-fuchsia-600:focus {
  background-color: rgb(var(--fuchsia-600));
}

.\:focusbg-fuchsia-700:focus {
  background-color: rgb(var(--fuchsia-700));
}

.\:focusbg-fuchsia-800:focus {
  background-color: rgb(var(--fuchsia-800));
}

.\:focusbg-fuchsia-900:focus {
  background-color: rgb(var(--fuchsia-900));
}

.\:focusbg-pink-50:focus {
  background-color: rgb(var(--pink-50));
}

.\:focusbg-pink-100:focus {
  background-color: rgb(var(--pink-100));
}

.\:focusbg-pink-200:focus {
  background-color: rgb(var(--pink-200));
}

.\:focusbg-pink-300:focus {
  background-color: rgb(var(--pink-300));
}

.\:focusbg-pink-400:focus {
  background-color: rgb(var(--pink-400));
}

.\:focusbg-pink-500:focus {
  background-color: rgb(var(--pink-500));
}

.\:focusbg-pink-600:focus {
  background-color: rgb(var(--pink-600));
}

.\:focusbg-pink-700:focus {
  background-color: rgb(var(--pink-700));
}

.\:focusbg-pink-800:focus {
  background-color: rgb(var(--pink-800));
}

.\:focusbg-pink-900:focus {
  background-color: rgb(var(--pink-900));
}

.\:focusbg-rose-50:focus {
  background-color: rgb(var(--rose-50));
}

.\:focusbg-rose-100:focus {
  background-color: rgb(var(--rose-100));
}

.\:focusbg-rose-200:focus {
  background-color: rgb(var(--rose-200));
}

.\:focusbg-rose-300:focus {
  background-color: rgb(var(--rose-300));
}

.\:focusbg-rose-400:focus {
  background-color: rgb(var(--rose-400));
}

.\:focusbg-rose-500:focus {
  background-color: rgb(var(--rose-500));
}

.\:focusbg-rose-600:focus {
  background-color: rgb(var(--rose-600));
}

.\:focusbg-rose-700:focus {
  background-color: rgb(var(--rose-700));
}

.\:focusbg-rose-800:focus {
  background-color: rgb(var(--rose-800));
}

.\:focusbg-rose-900:focus {
  background-color: rgb(var(--rose-900));
}

.\:focusbg-slate-50:focus {
  background-color: rgb(var(--slate-50));
}

.\:focusbg-slate-100:focus {
  background-color: rgb(var(--slate-100));
}

.\:focusbg-slate-200:focus {
  background-color: rgb(var(--slate-200));
}

.\:focusbg-slate-300:focus {
  background-color: rgb(var(--slate-300));
}

.\:focusbg-slate-400:focus {
  background-color: rgb(var(--slate-400));
}

.\:focusbg-slate-500:focus {
  background-color: rgb(var(--slate-500));
}

.\:focusbg-slate-600:focus {
  background-color: rgb(var(--slate-600));
}

.\:focusbg-slate-700:focus {
  background-color: rgb(var(--slate-700));
}

.\:focusbg-slate-800:focus {
  background-color: rgb(var(--slate-800));
}

.\:focusbg-slate-900:focus {
  background-color: rgb(var(--slate-900));
}

.\:focusbg-gray-50:focus {
  background-color: rgb(var(--gray-50));
}

.\:focusbg-gray-100:focus {
  background-color: rgb(var(--gray-100));
}

.\:focusbg-gray-200:focus {
  background-color: rgb(var(--gray-200));
}

.\:focusbg-gray-300:focus {
  background-color: rgb(var(--gray-300));
}

.\:focusbg-gray-400:focus {
  background-color: rgb(var(--gray-400));
}

.\:focusbg-gray-500:focus {
  background-color: rgb(var(--gray-500));
}

.\:focusbg-gray-600:focus {
  background-color: rgb(var(--gray-600));
}

.\:focusbg-gray-700:focus {
  background-color: rgb(var(--gray-700));
}

.\:focusbg-gray-800:focus {
  background-color: rgb(var(--gray-800));
}

.\:focusbg-gray-900:focus {
  background-color: rgb(var(--gray-900));
}

.\:focusbg-zinc-50:focus {
  background-color: rgb(var(--zinc-50));
}

.\:focusbg-zinc-100:focus {
  background-color: rgb(var(--zinc-100));
}

.\:focusbg-zinc-200:focus {
  background-color: rgb(var(--zinc-200));
}

.\:focusbg-zinc-300:focus {
  background-color: rgb(var(--zinc-300));
}

.\:focusbg-zinc-400:focus {
  background-color: rgb(var(--zinc-400));
}

.\:focusbg-zinc-500:focus {
  background-color: rgb(var(--zinc-500));
}

.\:focusbg-zinc-600:focus {
  background-color: rgb(var(--zinc-600));
}

.\:focusbg-zinc-700:focus {
  background-color: rgb(var(--zinc-700));
}

.\:focusbg-zinc-800:focus {
  background-color: rgb(var(--zinc-800));
}

.\:focusbg-zinc-900:focus {
  background-color: rgb(var(--zinc-900));
}

.\:focusbg-black-DEFAULT:focus {
  background-color: rgb(var(--black-DEFAULT));
}

.\:focusbg-white-DEFAULT:focus {
  background-color: rgb(var(--white-DEFAULT));
}

/* active 变体 */
.\:activebg-red-50:active {
  background-color: rgb(var(--red-50));
}

.\:activebg-red-100:active {
  background-color: rgb(var(--red-100));
}

.\:activebg-red-200:active {
  background-color: rgb(var(--red-200));
}

.\:activebg-red-300:active {
  background-color: rgb(var(--red-300));
}

.\:activebg-red-400:active {
  background-color: rgb(var(--red-400));
}

.\:activebg-red-500:active {
  background-color: rgb(var(--red-500));
}

.\:activebg-red-600:active {
  background-color: rgb(var(--red-600));
}

.\:activebg-red-700:active {
  background-color: rgb(var(--red-700));
}

.\:activebg-red-800:active {
  background-color: rgb(var(--red-800));
}

.\:activebg-red-900:active {
  background-color: rgb(var(--red-900));
}

.\:activebg-orange-50:active {
  background-color: rgb(var(--orange-50));
}

.\:activebg-orange-100:active {
  background-color: rgb(var(--orange-100));
}

.\:activebg-orange-200:active {
  background-color: rgb(var(--orange-200));
}

.\:activebg-orange-300:active {
  background-color: rgb(var(--orange-300));
}

.\:activebg-orange-400:active {
  background-color: rgb(var(--orange-400));
}

.\:activebg-orange-500:active {
  background-color: rgb(var(--orange-500));
}

.\:activebg-orange-600:active {
  background-color: rgb(var(--orange-600));
}

.\:activebg-orange-700:active {
  background-color: rgb(var(--orange-700));
}

.\:activebg-orange-800:active {
  background-color: rgb(var(--orange-800));
}

.\:activebg-orange-900:active {
  background-color: rgb(var(--orange-900));
}

.\:activebg-amber-50:active {
  background-color: rgb(var(--amber-50));
}

.\:activebg-amber-100:active {
  background-color: rgb(var(--amber-100));
}

.\:activebg-amber-200:active {
  background-color: rgb(var(--amber-200));
}

.\:activebg-amber-300:active {
  background-color: rgb(var(--amber-300));
}

.\:activebg-amber-400:active {
  background-color: rgb(var(--amber-400));
}

.\:activebg-amber-500:active {
  background-color: rgb(var(--amber-500));
}

.\:activebg-amber-600:active {
  background-color: rgb(var(--amber-600));
}

.\:activebg-amber-700:active {
  background-color: rgb(var(--amber-700));
}

.\:activebg-amber-800:active {
  background-color: rgb(var(--amber-800));
}

.\:activebg-amber-900:active {
  background-color: rgb(var(--amber-900));
}

.\:activebg-yellow-50:active {
  background-color: rgb(var(--yellow-50));
}

.\:activebg-yellow-100:active {
  background-color: rgb(var(--yellow-100));
}

.\:activebg-yellow-200:active {
  background-color: rgb(var(--yellow-200));
}

.\:activebg-yellow-300:active {
  background-color: rgb(var(--yellow-300));
}

.\:activebg-yellow-400:active {
  background-color: rgb(var(--yellow-400));
}

.\:activebg-yellow-500:active {
  background-color: rgb(var(--yellow-500));
}

.\:activebg-yellow-600:active {
  background-color: rgb(var(--yellow-600));
}

.\:activebg-yellow-700:active {
  background-color: rgb(var(--yellow-700));
}

.\:activebg-yellow-800:active {
  background-color: rgb(var(--yellow-800));
}

.\:activebg-yellow-900:active {
  background-color: rgb(var(--yellow-900));
}

.\:activebg-lime-50:active {
  background-color: rgb(var(--lime-50));
}

.\:activebg-lime-100:active {
  background-color: rgb(var(--lime-100));
}

.\:activebg-lime-200:active {
  background-color: rgb(var(--lime-200));
}

.\:activebg-lime-300:active {
  background-color: rgb(var(--lime-300));
}

.\:activebg-lime-400:active {
  background-color: rgb(var(--lime-400));
}

.\:activebg-lime-500:active {
  background-color: rgb(var(--lime-500));
}

.\:activebg-lime-600:active {
  background-color: rgb(var(--lime-600));
}

.\:activebg-lime-700:active {
  background-color: rgb(var(--lime-700));
}

.\:activebg-lime-800:active {
  background-color: rgb(var(--lime-800));
}

.\:activebg-lime-900:active {
  background-color: rgb(var(--lime-900));
}

.\:activebg-green-50:active {
  background-color: rgb(var(--green-50));
}

.\:activebg-green-100:active {
  background-color: rgb(var(--green-100));
}

.\:activebg-green-200:active {
  background-color: rgb(var(--green-200));
}

.\:activebg-green-300:active {
  background-color: rgb(var(--green-300));
}

.\:activebg-green-400:active {
  background-color: rgb(var(--green-400));
}

.\:activebg-green-500:active {
  background-color: rgb(var(--green-500));
}

.\:activebg-green-600:active {
  background-color: rgb(var(--green-600));
}

.\:activebg-green-700:active {
  background-color: rgb(var(--green-700));
}

.\:activebg-green-800:active {
  background-color: rgb(var(--green-800));
}

.\:activebg-green-900:active {
  background-color: rgb(var(--green-900));
}

.\:activebg-emerald-50:active {
  background-color: rgb(var(--emerald-50));
}

.\:activebg-emerald-100:active {
  background-color: rgb(var(--emerald-100));
}

.\:activebg-emerald-200:active {
  background-color: rgb(var(--emerald-200));
}

.\:activebg-emerald-300:active {
  background-color: rgb(var(--emerald-300));
}

.\:activebg-emerald-400:active {
  background-color: rgb(var(--emerald-400));
}

.\:activebg-emerald-500:active {
  background-color: rgb(var(--emerald-500));
}

.\:activebg-emerald-600:active {
  background-color: rgb(var(--emerald-600));
}

.\:activebg-emerald-700:active {
  background-color: rgb(var(--emerald-700));
}

.\:activebg-emerald-800:active {
  background-color: rgb(var(--emerald-800));
}

.\:activebg-emerald-900:active {
  background-color: rgb(var(--emerald-900));
}

.\:activebg-teal-50:active {
  background-color: rgb(var(--teal-50));
}

.\:activebg-teal-100:active {
  background-color: rgb(var(--teal-100));
}

.\:activebg-teal-200:active {
  background-color: rgb(var(--teal-200));
}

.\:activebg-teal-300:active {
  background-color: rgb(var(--teal-300));
}

.\:activebg-teal-400:active {
  background-color: rgb(var(--teal-400));
}

.\:activebg-teal-500:active {
  background-color: rgb(var(--teal-500));
}

.\:activebg-teal-600:active {
  background-color: rgb(var(--teal-600));
}

.\:activebg-teal-700:active {
  background-color: rgb(var(--teal-700));
}

.\:activebg-teal-800:active {
  background-color: rgb(var(--teal-800));
}

.\:activebg-teal-900:active {
  background-color: rgb(var(--teal-900));
}

.\:activebg-cyan-50:active {
  background-color: rgb(var(--cyan-50));
}

.\:activebg-cyan-100:active {
  background-color: rgb(var(--cyan-100));
}

.\:activebg-cyan-200:active {
  background-color: rgb(var(--cyan-200));
}

.\:activebg-cyan-300:active {
  background-color: rgb(var(--cyan-300));
}

.\:activebg-cyan-400:active {
  background-color: rgb(var(--cyan-400));
}

.\:activebg-cyan-500:active {
  background-color: rgb(var(--cyan-500));
}

.\:activebg-cyan-600:active {
  background-color: rgb(var(--cyan-600));
}

.\:activebg-cyan-700:active {
  background-color: rgb(var(--cyan-700));
}

.\:activebg-cyan-800:active {
  background-color: rgb(var(--cyan-800));
}

.\:activebg-cyan-900:active {
  background-color: rgb(var(--cyan-900));
}

.\:activebg-sky-50:active {
  background-color: rgb(var(--sky-50));
}

.\:activebg-sky-100:active {
  background-color: rgb(var(--sky-100));
}

.\:activebg-sky-200:active {
  background-color: rgb(var(--sky-200));
}

.\:activebg-sky-300:active {
  background-color: rgb(var(--sky-300));
}

.\:activebg-sky-400:active {
  background-color: rgb(var(--sky-400));
}

.\:activebg-sky-500:active {
  background-color: rgb(var(--sky-500));
}

.\:activebg-sky-600:active {
  background-color: rgb(var(--sky-600));
}

.\:activebg-sky-700:active {
  background-color: rgb(var(--sky-700));
}

.\:activebg-sky-800:active {
  background-color: rgb(var(--sky-800));
}

.\:activebg-sky-900:active {
  background-color: rgb(var(--sky-900));
}

.\:activebg-blue-50:active {
  background-color: rgb(var(--blue-50));
}

.\:activebg-blue-100:active {
  background-color: rgb(var(--blue-100));
}

.\:activebg-blue-200:active {
  background-color: rgb(var(--blue-200));
}

.\:activebg-blue-300:active {
  background-color: rgb(var(--blue-300));
}

.\:activebg-blue-400:active {
  background-color: rgb(var(--blue-400));
}

.\:activebg-blue-500:active {
  background-color: rgb(var(--blue-500));
}

.\:activebg-blue-600:active {
  background-color: rgb(var(--blue-600));
}

.\:activebg-blue-700:active {
  background-color: rgb(var(--blue-700));
}

.\:activebg-blue-800:active {
  background-color: rgb(var(--blue-800));
}

.\:activebg-blue-900:active {
  background-color: rgb(var(--blue-900));
}

.\:activebg-indigo-50:active {
  background-color: rgb(var(--indigo-50));
}

.\:activebg-indigo-100:active {
  background-color: rgb(var(--indigo-100));
}

.\:activebg-indigo-200:active {
  background-color: rgb(var(--indigo-200));
}

.\:activebg-indigo-300:active {
  background-color: rgb(var(--indigo-300));
}

.\:activebg-indigo-400:active {
  background-color: rgb(var(--indigo-400));
}

.\:activebg-indigo-500:active {
  background-color: rgb(var(--indigo-500));
}

.\:activebg-indigo-600:active {
  background-color: rgb(var(--indigo-600));
}

.\:activebg-indigo-700:active {
  background-color: rgb(var(--indigo-700));
}

.\:activebg-indigo-800:active {
  background-color: rgb(var(--indigo-800));
}

.\:activebg-indigo-900:active {
  background-color: rgb(var(--indigo-900));
}

.\:activebg-violet-50:active {
  background-color: rgb(var(--violet-50));
}

.\:activebg-violet-100:active {
  background-color: rgb(var(--violet-100));
}

.\:activebg-violet-200:active {
  background-color: rgb(var(--violet-200));
}

.\:activebg-violet-300:active {
  background-color: rgb(var(--violet-300));
}

.\:activebg-violet-400:active {
  background-color: rgb(var(--violet-400));
}

.\:activebg-violet-500:active {
  background-color: rgb(var(--violet-500));
}

.\:activebg-violet-600:active {
  background-color: rgb(var(--violet-600));
}

.\:activebg-violet-700:active {
  background-color: rgb(var(--violet-700));
}

.\:activebg-violet-800:active {
  background-color: rgb(var(--violet-800));
}

.\:activebg-violet-900:active {
  background-color: rgb(var(--violet-900));
}

.\:activebg-purple-50:active {
  background-color: rgb(var(--purple-50));
}

.\:activebg-purple-100:active {
  background-color: rgb(var(--purple-100));
}

.\:activebg-purple-200:active {
  background-color: rgb(var(--purple-200));
}

.\:activebg-purple-300:active {
  background-color: rgb(var(--purple-300));
}

.\:activebg-purple-400:active {
  background-color: rgb(var(--purple-400));
}

.\:activebg-purple-500:active {
  background-color: rgb(var(--purple-500));
}

.\:activebg-purple-600:active {
  background-color: rgb(var(--purple-600));
}

.\:activebg-purple-700:active {
  background-color: rgb(var(--purple-700));
}

.\:activebg-purple-800:active {
  background-color: rgb(var(--purple-800));
}

.\:activebg-purple-900:active {
  background-color: rgb(var(--purple-900));
}

.\:activebg-fuchsia-50:active {
  background-color: rgb(var(--fuchsia-50));
}

.\:activebg-fuchsia-100:active {
  background-color: rgb(var(--fuchsia-100));
}

.\:activebg-fuchsia-200:active {
  background-color: rgb(var(--fuchsia-200));
}

.\:activebg-fuchsia-300:active {
  background-color: rgb(var(--fuchsia-300));
}

.\:activebg-fuchsia-400:active {
  background-color: rgb(var(--fuchsia-400));
}

.\:activebg-fuchsia-500:active {
  background-color: rgb(var(--fuchsia-500));
}

.\:activebg-fuchsia-600:active {
  background-color: rgb(var(--fuchsia-600));
}

.\:activebg-fuchsia-700:active {
  background-color: rgb(var(--fuchsia-700));
}

.\:activebg-fuchsia-800:active {
  background-color: rgb(var(--fuchsia-800));
}

.\:activebg-fuchsia-900:active {
  background-color: rgb(var(--fuchsia-900));
}

.\:activebg-pink-50:active {
  background-color: rgb(var(--pink-50));
}

.\:activebg-pink-100:active {
  background-color: rgb(var(--pink-100));
}

.\:activebg-pink-200:active {
  background-color: rgb(var(--pink-200));
}

.\:activebg-pink-300:active {
  background-color: rgb(var(--pink-300));
}

.\:activebg-pink-400:active {
  background-color: rgb(var(--pink-400));
}

.\:activebg-pink-500:active {
  background-color: rgb(var(--pink-500));
}

.\:activebg-pink-600:active {
  background-color: rgb(var(--pink-600));
}

.\:activebg-pink-700:active {
  background-color: rgb(var(--pink-700));
}

.\:activebg-pink-800:active {
  background-color: rgb(var(--pink-800));
}

.\:activebg-pink-900:active {
  background-color: rgb(var(--pink-900));
}

.\:activebg-rose-50:active {
  background-color: rgb(var(--rose-50));
}

.\:activebg-rose-100:active {
  background-color: rgb(var(--rose-100));
}

.\:activebg-rose-200:active {
  background-color: rgb(var(--rose-200));
}

.\:activebg-rose-300:active {
  background-color: rgb(var(--rose-300));
}

.\:activebg-rose-400:active {
  background-color: rgb(var(--rose-400));
}

.\:activebg-rose-500:active {
  background-color: rgb(var(--rose-500));
}

.\:activebg-rose-600:active {
  background-color: rgb(var(--rose-600));
}

.\:activebg-rose-700:active {
  background-color: rgb(var(--rose-700));
}

.\:activebg-rose-800:active {
  background-color: rgb(var(--rose-800));
}

.\:activebg-rose-900:active {
  background-color: rgb(var(--rose-900));
}

.\:activebg-slate-50:active {
  background-color: rgb(var(--slate-50));
}

.\:activebg-slate-100:active {
  background-color: rgb(var(--slate-100));
}

.\:activebg-slate-200:active {
  background-color: rgb(var(--slate-200));
}

.\:activebg-slate-300:active {
  background-color: rgb(var(--slate-300));
}

.\:activebg-slate-400:active {
  background-color: rgb(var(--slate-400));
}

.\:activebg-slate-500:active {
  background-color: rgb(var(--slate-500));
}

.\:activebg-slate-600:active {
  background-color: rgb(var(--slate-600));
}

.\:activebg-slate-700:active {
  background-color: rgb(var(--slate-700));
}

.\:activebg-slate-800:active {
  background-color: rgb(var(--slate-800));
}

.\:activebg-slate-900:active {
  background-color: rgb(var(--slate-900));
}

.\:activebg-gray-50:active {
  background-color: rgb(var(--gray-50));
}

.\:activebg-gray-100:active {
  background-color: rgb(var(--gray-100));
}

.\:activebg-gray-200:active {
  background-color: rgb(var(--gray-200));
}

.\:activebg-gray-300:active {
  background-color: rgb(var(--gray-300));
}

.\:activebg-gray-400:active {
  background-color: rgb(var(--gray-400));
}

.\:activebg-gray-500:active {
  background-color: rgb(var(--gray-500));
}

.\:activebg-gray-600:active {
  background-color: rgb(var(--gray-600));
}

.\:activebg-gray-700:active {
  background-color: rgb(var(--gray-700));
}

.\:activebg-gray-800:active {
  background-color: rgb(var(--gray-800));
}

.\:activebg-gray-900:active {
  background-color: rgb(var(--gray-900));
}

.\:activebg-zinc-50:active {
  background-color: rgb(var(--zinc-50));
}

.\:activebg-zinc-100:active {
  background-color: rgb(var(--zinc-100));
}

.\:activebg-zinc-200:active {
  background-color: rgb(var(--zinc-200));
}

.\:activebg-zinc-300:active {
  background-color: rgb(var(--zinc-300));
}

.\:activebg-zinc-400:active {
  background-color: rgb(var(--zinc-400));
}

.\:activebg-zinc-500:active {
  background-color: rgb(var(--zinc-500));
}

.\:activebg-zinc-600:active {
  background-color: rgb(var(--zinc-600));
}

.\:activebg-zinc-700:active {
  background-color: rgb(var(--zinc-700));
}

.\:activebg-zinc-800:active {
  background-color: rgb(var(--zinc-800));
}

.\:activebg-zinc-900:active {
  background-color: rgb(var(--zinc-900));
}

.\:activebg-black-DEFAULT:active {
  background-color: rgb(var(--black-DEFAULT));
}

.\:activebg-white-DEFAULT:active {
  background-color: rgb(var(--white-DEFAULT));
}



.shadow-red-50 {
  --tw-shadow-color: rgb(var(--red-50));
}

.shadow-red-100 {
  --tw-shadow-color: rgb(var(--red-100));
}

.shadow-red-200 {
  --tw-shadow-color: rgb(var(--red-200));
}

.shadow-red-300 {
  --tw-shadow-color: rgb(var(--red-300));
}

.shadow-red-400 {
  --tw-shadow-color: rgb(var(--red-400));
}

.shadow-red-500 {
  --tw-shadow-color: rgb(var(--red-500));
}

.shadow-red-600 {
  --tw-shadow-color: rgb(var(--red-600));
}

.shadow-red-700 {
  --tw-shadow-color: rgb(var(--red-700));
}

.shadow-red-800 {
  --tw-shadow-color: rgb(var(--red-800));
}

.shadow-red-900 {
  --tw-shadow-color: rgb(var(--red-900));
}

.shadow-orange-50 {
  --tw-shadow-color: rgb(var(--orange-50));
}

.shadow-orange-100 {
  --tw-shadow-color: rgb(var(--orange-100));
}

.shadow-orange-200 {
  --tw-shadow-color: rgb(var(--orange-200));
}

.shadow-orange-300 {
  --tw-shadow-color: rgb(var(--orange-300));
}

.shadow-orange-400 {
  --tw-shadow-color: rgb(var(--orange-400));
}

.shadow-orange-500 {
  --tw-shadow-color: rgb(var(--orange-500));
}

.shadow-orange-600 {
  --tw-shadow-color: rgb(var(--orange-600));
}

.shadow-orange-700 {
  --tw-shadow-color: rgb(var(--orange-700));
}

.shadow-orange-800 {
  --tw-shadow-color: rgb(var(--orange-800));
}

.shadow-orange-900 {
  --tw-shadow-color: rgb(var(--orange-900));
}

.shadow-amber-50 {
  --tw-shadow-color: rgb(var(--amber-50));
}

.shadow-amber-100 {
  --tw-shadow-color: rgb(var(--amber-100));
}

.shadow-amber-200 {
  --tw-shadow-color: rgb(var(--amber-200));
}

.shadow-amber-300 {
  --tw-shadow-color: rgb(var(--amber-300));
}

.shadow-amber-400 {
  --tw-shadow-color: rgb(var(--amber-400));
}

.shadow-amber-500 {
  --tw-shadow-color: rgb(var(--amber-500));
}

.shadow-amber-600 {
  --tw-shadow-color: rgb(var(--amber-600));
}

.shadow-amber-700 {
  --tw-shadow-color: rgb(var(--amber-700));
}

.shadow-amber-800 {
  --tw-shadow-color: rgb(var(--amber-800));
}

.shadow-amber-900 {
  --tw-shadow-color: rgb(var(--amber-900));
}

.shadow-yellow-50 {
  --tw-shadow-color: rgb(var(--yellow-50));
}

.shadow-yellow-100 {
  --tw-shadow-color: rgb(var(--yellow-100));
}

.shadow-yellow-200 {
  --tw-shadow-color: rgb(var(--yellow-200));
}

.shadow-yellow-300 {
  --tw-shadow-color: rgb(var(--yellow-300));
}

.shadow-yellow-400 {
  --tw-shadow-color: rgb(var(--yellow-400));
}

.shadow-yellow-500 {
  --tw-shadow-color: rgb(var(--yellow-500));
}

.shadow-yellow-600 {
  --tw-shadow-color: rgb(var(--yellow-600));
}

.shadow-yellow-700 {
  --tw-shadow-color: rgb(var(--yellow-700));
}

.shadow-yellow-800 {
  --tw-shadow-color: rgb(var(--yellow-800));
}

.shadow-yellow-900 {
  --tw-shadow-color: rgb(var(--yellow-900));
}

.shadow-lime-50 {
  --tw-shadow-color: rgb(var(--lime-50));
}

.shadow-lime-100 {
  --tw-shadow-color: rgb(var(--lime-100));
}

.shadow-lime-200 {
  --tw-shadow-color: rgb(var(--lime-200));
}

.shadow-lime-300 {
  --tw-shadow-color: rgb(var(--lime-300));
}

.shadow-lime-400 {
  --tw-shadow-color: rgb(var(--lime-400));
}

.shadow-lime-500 {
  --tw-shadow-color: rgb(var(--lime-500));
}

.shadow-lime-600 {
  --tw-shadow-color: rgb(var(--lime-600));
}

.shadow-lime-700 {
  --tw-shadow-color: rgb(var(--lime-700));
}

.shadow-lime-800 {
  --tw-shadow-color: rgb(var(--lime-800));
}

.shadow-lime-900 {
  --tw-shadow-color: rgb(var(--lime-900));
}

.shadow-green-50 {
  --tw-shadow-color: rgb(var(--green-50));
}

.shadow-green-100 {
  --tw-shadow-color: rgb(var(--green-100));
}

.shadow-green-200 {
  --tw-shadow-color: rgb(var(--green-200));
}

.shadow-green-300 {
  --tw-shadow-color: rgb(var(--green-300));
}

.shadow-green-400 {
  --tw-shadow-color: rgb(var(--green-400));
}

.shadow-green-500 {
  --tw-shadow-color: rgb(var(--green-500));
}

.shadow-green-600 {
  --tw-shadow-color: rgb(var(--green-600));
}

.shadow-green-700 {
  --tw-shadow-color: rgb(var(--green-700));
}

.shadow-green-800 {
  --tw-shadow-color: rgb(var(--green-800));
}

.shadow-green-900 {
  --tw-shadow-color: rgb(var(--green-900));
}

.shadow-emerald-50 {
  --tw-shadow-color: rgb(var(--emerald-50));
}

.shadow-emerald-100 {
  --tw-shadow-color: rgb(var(--emerald-100));
}

.shadow-emerald-200 {
  --tw-shadow-color: rgb(var(--emerald-200));
}

.shadow-emerald-300 {
  --tw-shadow-color: rgb(var(--emerald-300));
}

.shadow-emerald-400 {
  --tw-shadow-color: rgb(var(--emerald-400));
}

.shadow-emerald-500 {
  --tw-shadow-color: rgb(var(--emerald-500));
}

.shadow-emerald-600 {
  --tw-shadow-color: rgb(var(--emerald-600));
}

.shadow-emerald-700 {
  --tw-shadow-color: rgb(var(--emerald-700));
}

.shadow-emerald-800 {
  --tw-shadow-color: rgb(var(--emerald-800));
}

.shadow-emerald-900 {
  --tw-shadow-color: rgb(var(--emerald-900));
}

.shadow-teal-50 {
  --tw-shadow-color: rgb(var(--teal-50));
}

.shadow-teal-100 {
  --tw-shadow-color: rgb(var(--teal-100));
}

.shadow-teal-200 {
  --tw-shadow-color: rgb(var(--teal-200));
}

.shadow-teal-300 {
  --tw-shadow-color: rgb(var(--teal-300));
}

.shadow-teal-400 {
  --tw-shadow-color: rgb(var(--teal-400));
}

.shadow-teal-500 {
  --tw-shadow-color: rgb(var(--teal-500));
}

.shadow-teal-600 {
  --tw-shadow-color: rgb(var(--teal-600));
}

.shadow-teal-700 {
  --tw-shadow-color: rgb(var(--teal-700));
}

.shadow-teal-800 {
  --tw-shadow-color: rgb(var(--teal-800));
}

.shadow-teal-900 {
  --tw-shadow-color: rgb(var(--teal-900));
}

.shadow-cyan-50 {
  --tw-shadow-color: rgb(var(--cyan-50));
}

.shadow-cyan-100 {
  --tw-shadow-color: rgb(var(--cyan-100));
}

.shadow-cyan-200 {
  --tw-shadow-color: rgb(var(--cyan-200));
}

.shadow-cyan-300 {
  --tw-shadow-color: rgb(var(--cyan-300));
}

.shadow-cyan-400 {
  --tw-shadow-color: rgb(var(--cyan-400));
}

.shadow-cyan-500 {
  --tw-shadow-color: rgb(var(--cyan-500));
}

.shadow-cyan-600 {
  --tw-shadow-color: rgb(var(--cyan-600));
}

.shadow-cyan-700 {
  --tw-shadow-color: rgb(var(--cyan-700));
}

.shadow-cyan-800 {
  --tw-shadow-color: rgb(var(--cyan-800));
}

.shadow-cyan-900 {
  --tw-shadow-color: rgb(var(--cyan-900));
}

.shadow-sky-50 {
  --tw-shadow-color: rgb(var(--sky-50));
}

.shadow-sky-100 {
  --tw-shadow-color: rgb(var(--sky-100));
}

.shadow-sky-200 {
  --tw-shadow-color: rgb(var(--sky-200));
}

.shadow-sky-300 {
  --tw-shadow-color: rgb(var(--sky-300));
}

.shadow-sky-400 {
  --tw-shadow-color: rgb(var(--sky-400));
}

.shadow-sky-500 {
  --tw-shadow-color: rgb(var(--sky-500));
}

.shadow-sky-600 {
  --tw-shadow-color: rgb(var(--sky-600));
}

.shadow-sky-700 {
  --tw-shadow-color: rgb(var(--sky-700));
}

.shadow-sky-800 {
  --tw-shadow-color: rgb(var(--sky-800));
}

.shadow-sky-900 {
  --tw-shadow-color: rgb(var(--sky-900));
}

.shadow-blue-50 {
  --tw-shadow-color: rgb(var(--blue-50));
}

.shadow-blue-100 {
  --tw-shadow-color: rgb(var(--blue-100));
}

.shadow-blue-200 {
  --tw-shadow-color: rgb(var(--blue-200));
}

.shadow-blue-300 {
  --tw-shadow-color: rgb(var(--blue-300));
}

.shadow-blue-400 {
  --tw-shadow-color: rgb(var(--blue-400));
}

.shadow-blue-500 {
  --tw-shadow-color: rgb(var(--blue-500));
}

.shadow-blue-600 {
  --tw-shadow-color: rgb(var(--blue-600));
}

.shadow-blue-700 {
  --tw-shadow-color: rgb(var(--blue-700));
}

.shadow-blue-800 {
  --tw-shadow-color: rgb(var(--blue-800));
}

.shadow-blue-900 {
  --tw-shadow-color: rgb(var(--blue-900));
}

.shadow-indigo-50 {
  --tw-shadow-color: rgb(var(--indigo-50));
}

.shadow-indigo-100 {
  --tw-shadow-color: rgb(var(--indigo-100));
}

.shadow-indigo-200 {
  --tw-shadow-color: rgb(var(--indigo-200));
}

.shadow-indigo-300 {
  --tw-shadow-color: rgb(var(--indigo-300));
}

.shadow-indigo-400 {
  --tw-shadow-color: rgb(var(--indigo-400));
}

.shadow-indigo-500 {
  --tw-shadow-color: rgb(var(--indigo-500));
}

.shadow-indigo-600 {
  --tw-shadow-color: rgb(var(--indigo-600));
}

.shadow-indigo-700 {
  --tw-shadow-color: rgb(var(--indigo-700));
}

.shadow-indigo-800 {
  --tw-shadow-color: rgb(var(--indigo-800));
}

.shadow-indigo-900 {
  --tw-shadow-color: rgb(var(--indigo-900));
}

.shadow-violet-50 {
  --tw-shadow-color: rgb(var(--violet-50));
}

.shadow-violet-100 {
  --tw-shadow-color: rgb(var(--violet-100));
}

.shadow-violet-200 {
  --tw-shadow-color: rgb(var(--violet-200));
}

.shadow-violet-300 {
  --tw-shadow-color: rgb(var(--violet-300));
}

.shadow-violet-400 {
  --tw-shadow-color: rgb(var(--violet-400));
}

.shadow-violet-500 {
  --tw-shadow-color: rgb(var(--violet-500));
}

.shadow-violet-600 {
  --tw-shadow-color: rgb(var(--violet-600));
}

.shadow-violet-700 {
  --tw-shadow-color: rgb(var(--violet-700));
}

.shadow-violet-800 {
  --tw-shadow-color: rgb(var(--violet-800));
}

.shadow-violet-900 {
  --tw-shadow-color: rgb(var(--violet-900));
}

.shadow-purple-50 {
  --tw-shadow-color: rgb(var(--purple-50));
}

.shadow-purple-100 {
  --tw-shadow-color: rgb(var(--purple-100));
}

.shadow-purple-200 {
  --tw-shadow-color: rgb(var(--purple-200));
}

.shadow-purple-300 {
  --tw-shadow-color: rgb(var(--purple-300));
}

.shadow-purple-400 {
  --tw-shadow-color: rgb(var(--purple-400));
}

.shadow-purple-500 {
  --tw-shadow-color: rgb(var(--purple-500));
}

.shadow-purple-600 {
  --tw-shadow-color: rgb(var(--purple-600));
}

.shadow-purple-700 {
  --tw-shadow-color: rgb(var(--purple-700));
}

.shadow-purple-800 {
  --tw-shadow-color: rgb(var(--purple-800));
}

.shadow-purple-900 {
  --tw-shadow-color: rgb(var(--purple-900));
}

.shadow-fuchsia-50 {
  --tw-shadow-color: rgb(var(--fuchsia-50));
}

.shadow-fuchsia-100 {
  --tw-shadow-color: rgb(var(--fuchsia-100));
}

.shadow-fuchsia-200 {
  --tw-shadow-color: rgb(var(--fuchsia-200));
}

.shadow-fuchsia-300 {
  --tw-shadow-color: rgb(var(--fuchsia-300));
}

.shadow-fuchsia-400 {
  --tw-shadow-color: rgb(var(--fuchsia-400));
}

.shadow-fuchsia-500 {
  --tw-shadow-color: rgb(var(--fuchsia-500));
}

.shadow-fuchsia-600 {
  --tw-shadow-color: rgb(var(--fuchsia-600));
}

.shadow-fuchsia-700 {
  --tw-shadow-color: rgb(var(--fuchsia-700));
}

.shadow-fuchsia-800 {
  --tw-shadow-color: rgb(var(--fuchsia-800));
}

.shadow-fuchsia-900 {
  --tw-shadow-color: rgb(var(--fuchsia-900));
}

.shadow-pink-50 {
  --tw-shadow-color: rgb(var(--pink-50));
}

.shadow-pink-100 {
  --tw-shadow-color: rgb(var(--pink-100));
}

.shadow-pink-200 {
  --tw-shadow-color: rgb(var(--pink-200));
}

.shadow-pink-300 {
  --tw-shadow-color: rgb(var(--pink-300));
}

.shadow-pink-400 {
  --tw-shadow-color: rgb(var(--pink-400));
}

.shadow-pink-500 {
  --tw-shadow-color: rgb(var(--pink-500));
}

.shadow-pink-600 {
  --tw-shadow-color: rgb(var(--pink-600));
}

.shadow-pink-700 {
  --tw-shadow-color: rgb(var(--pink-700));
}

.shadow-pink-800 {
  --tw-shadow-color: rgb(var(--pink-800));
}

.shadow-pink-900 {
  --tw-shadow-color: rgb(var(--pink-900));
}

.shadow-rose-50 {
  --tw-shadow-color: rgb(var(--rose-50));
}

.shadow-rose-100 {
  --tw-shadow-color: rgb(var(--rose-100));
}

.shadow-rose-200 {
  --tw-shadow-color: rgb(var(--rose-200));
}

.shadow-rose-300 {
  --tw-shadow-color: rgb(var(--rose-300));
}

.shadow-rose-400 {
  --tw-shadow-color: rgb(var(--rose-400));
}

.shadow-rose-500 {
  --tw-shadow-color: rgb(var(--rose-500));
}

.shadow-rose-600 {
  --tw-shadow-color: rgb(var(--rose-600));
}

.shadow-rose-700 {
  --tw-shadow-color: rgb(var(--rose-700));
}

.shadow-rose-800 {
  --tw-shadow-color: rgb(var(--rose-800));
}

.shadow-rose-900 {
  --tw-shadow-color: rgb(var(--rose-900));
}

.shadow-slate-50 {
  --tw-shadow-color: rgb(var(--slate-50));
}

.shadow-slate-100 {
  --tw-shadow-color: rgb(var(--slate-100));
}

.shadow-slate-200 {
  --tw-shadow-color: rgb(var(--slate-200));
}

.shadow-slate-300 {
  --tw-shadow-color: rgb(var(--slate-300));
}

.shadow-slate-400 {
  --tw-shadow-color: rgb(var(--slate-400));
}

.shadow-slate-500 {
  --tw-shadow-color: rgb(var(--slate-500));
}

.shadow-slate-600 {
  --tw-shadow-color: rgb(var(--slate-600));
}

.shadow-slate-700 {
  --tw-shadow-color: rgb(var(--slate-700));
}

.shadow-slate-800 {
  --tw-shadow-color: rgb(var(--slate-800));
}

.shadow-slate-900 {
  --tw-shadow-color: rgb(var(--slate-900));
}

.shadow-gray-50 {
  --tw-shadow-color: rgb(var(--gray-50));
}

.shadow-gray-100 {
  --tw-shadow-color: rgb(var(--gray-100));
}

.shadow-gray-200 {
  --tw-shadow-color: rgb(var(--gray-200));
}

.shadow-gray-300 {
  --tw-shadow-color: rgb(var(--gray-300));
}

.shadow-gray-400 {
  --tw-shadow-color: rgb(var(--gray-400));
}

.shadow-gray-500 {
  --tw-shadow-color: rgb(var(--gray-500));
}

.shadow-gray-600 {
  --tw-shadow-color: rgb(var(--gray-600));
}

.shadow-gray-700 {
  --tw-shadow-color: rgb(var(--gray-700));
}

.shadow-gray-800 {
  --tw-shadow-color: rgb(var(--gray-800));
}

.shadow-gray-900 {
  --tw-shadow-color: rgb(var(--gray-900));
}

.shadow-zinc-50 {
  --tw-shadow-color: rgb(var(--zinc-50));
}

.shadow-zinc-100 {
  --tw-shadow-color: rgb(var(--zinc-100));
}

.shadow-zinc-200 {
  --tw-shadow-color: rgb(var(--zinc-200));
}

.shadow-zinc-300 {
  --tw-shadow-color: rgb(var(--zinc-300));
}

.shadow-zinc-400 {
  --tw-shadow-color: rgb(var(--zinc-400));
}

.shadow-zinc-500 {
  --tw-shadow-color: rgb(var(--zinc-500));
}

.shadow-zinc-600 {
  --tw-shadow-color: rgb(var(--zinc-600));
}

.shadow-zinc-700 {
  --tw-shadow-color: rgb(var(--zinc-700));
}

.shadow-zinc-800 {
  --tw-shadow-color: rgb(var(--zinc-800));
}

.shadow-zinc-900 {
  --tw-shadow-color: rgb(var(--zinc-900));
}

.shadow-black-DEFAULT {
  --tw-shadow-color: rgb(var(--black-DEFAULT));
}

.shadow-white-DEFAULT {
  --tw-shadow-color: rgb(var(--white-DEFAULT));
}

.ring-red-50 {
  --tw-ring-color: rgb(var(--red-50));
}

.ring-red-100 {
  --tw-ring-color: rgb(var(--red-100));
}

.ring-red-200 {
  --tw-ring-color: rgb(var(--red-200));
}

.ring-red-300 {
  --tw-ring-color: rgb(var(--red-300));
}

.ring-red-400 {
  --tw-ring-color: rgb(var(--red-400));
}

.ring-red-500 {
  --tw-ring-color: rgb(var(--red-500));
}

.ring-red-600 {
  --tw-ring-color: rgb(var(--red-600));
}

.ring-red-700 {
  --tw-ring-color: rgb(var(--red-700));
}

.ring-red-800 {
  --tw-ring-color: rgb(var(--red-800));
}

.ring-red-900 {
  --tw-ring-color: rgb(var(--red-900));
}

.ring-orange-50 {
  --tw-ring-color: rgb(var(--orange-50));
}

.ring-orange-100 {
  --tw-ring-color: rgb(var(--orange-100));
}

.ring-orange-200 {
  --tw-ring-color: rgb(var(--orange-200));
}

.ring-orange-300 {
  --tw-ring-color: rgb(var(--orange-300));
}

.ring-orange-400 {
  --tw-ring-color: rgb(var(--orange-400));
}

.ring-orange-500 {
  --tw-ring-color: rgb(var(--orange-500));
}

.ring-orange-600 {
  --tw-ring-color: rgb(var(--orange-600));
}

.ring-orange-700 {
  --tw-ring-color: rgb(var(--orange-700));
}

.ring-orange-800 {
  --tw-ring-color: rgb(var(--orange-800));
}

.ring-orange-900 {
  --tw-ring-color: rgb(var(--orange-900));
}

.ring-amber-50 {
  --tw-ring-color: rgb(var(--amber-50));
}

.ring-amber-100 {
  --tw-ring-color: rgb(var(--amber-100));
}

.ring-amber-200 {
  --tw-ring-color: rgb(var(--amber-200));
}

.ring-amber-300 {
  --tw-ring-color: rgb(var(--amber-300));
}

.ring-amber-400 {
  --tw-ring-color: rgb(var(--amber-400));
}

.ring-amber-500 {
  --tw-ring-color: rgb(var(--amber-500));
}

.ring-amber-600 {
  --tw-ring-color: rgb(var(--amber-600));
}

.ring-amber-700 {
  --tw-ring-color: rgb(var(--amber-700));
}

.ring-amber-800 {
  --tw-ring-color: rgb(var(--amber-800));
}

.ring-amber-900 {
  --tw-ring-color: rgb(var(--amber-900));
}

.ring-yellow-50 {
  --tw-ring-color: rgb(var(--yellow-50));
}

.ring-yellow-100 {
  --tw-ring-color: rgb(var(--yellow-100));
}

.ring-yellow-200 {
  --tw-ring-color: rgb(var(--yellow-200));
}

.ring-yellow-300 {
  --tw-ring-color: rgb(var(--yellow-300));
}

.ring-yellow-400 {
  --tw-ring-color: rgb(var(--yellow-400));
}

.ring-yellow-500 {
  --tw-ring-color: rgb(var(--yellow-500));
}

.ring-yellow-600 {
  --tw-ring-color: rgb(var(--yellow-600));
}

.ring-yellow-700 {
  --tw-ring-color: rgb(var(--yellow-700));
}

.ring-yellow-800 {
  --tw-ring-color: rgb(var(--yellow-800));
}

.ring-yellow-900 {
  --tw-ring-color: rgb(var(--yellow-900));
}

.ring-lime-50 {
  --tw-ring-color: rgb(var(--lime-50));
}

.ring-lime-100 {
  --tw-ring-color: rgb(var(--lime-100));
}

.ring-lime-200 {
  --tw-ring-color: rgb(var(--lime-200));
}

.ring-lime-300 {
  --tw-ring-color: rgb(var(--lime-300));
}

.ring-lime-400 {
  --tw-ring-color: rgb(var(--lime-400));
}

.ring-lime-500 {
  --tw-ring-color: rgb(var(--lime-500));
}

.ring-lime-600 {
  --tw-ring-color: rgb(var(--lime-600));
}

.ring-lime-700 {
  --tw-ring-color: rgb(var(--lime-700));
}

.ring-lime-800 {
  --tw-ring-color: rgb(var(--lime-800));
}

.ring-lime-900 {
  --tw-ring-color: rgb(var(--lime-900));
}

.ring-green-50 {
  --tw-ring-color: rgb(var(--green-50));
}

.ring-green-100 {
  --tw-ring-color: rgb(var(--green-100));
}

.ring-green-200 {
  --tw-ring-color: rgb(var(--green-200));
}

.ring-green-300 {
  --tw-ring-color: rgb(var(--green-300));
}

.ring-green-400 {
  --tw-ring-color: rgb(var(--green-400));
}

.ring-green-500 {
  --tw-ring-color: rgb(var(--green-500));
}

.ring-green-600 {
  --tw-ring-color: rgb(var(--green-600));
}

.ring-green-700 {
  --tw-ring-color: rgb(var(--green-700));
}

.ring-green-800 {
  --tw-ring-color: rgb(var(--green-800));
}

.ring-green-900 {
  --tw-ring-color: rgb(var(--green-900));
}

.ring-emerald-50 {
  --tw-ring-color: rgb(var(--emerald-50));
}

.ring-emerald-100 {
  --tw-ring-color: rgb(var(--emerald-100));
}

.ring-emerald-200 {
  --tw-ring-color: rgb(var(--emerald-200));
}

.ring-emerald-300 {
  --tw-ring-color: rgb(var(--emerald-300));
}

.ring-emerald-400 {
  --tw-ring-color: rgb(var(--emerald-400));
}

.ring-emerald-500 {
  --tw-ring-color: rgb(var(--emerald-500));
}

.ring-emerald-600 {
  --tw-ring-color: rgb(var(--emerald-600));
}

.ring-emerald-700 {
  --tw-ring-color: rgb(var(--emerald-700));
}

.ring-emerald-800 {
  --tw-ring-color: rgb(var(--emerald-800));
}

.ring-emerald-900 {
  --tw-ring-color: rgb(var(--emerald-900));
}

.ring-teal-50 {
  --tw-ring-color: rgb(var(--teal-50));
}

.ring-teal-100 {
  --tw-ring-color: rgb(var(--teal-100));
}

.ring-teal-200 {
  --tw-ring-color: rgb(var(--teal-200));
}

.ring-teal-300 {
  --tw-ring-color: rgb(var(--teal-300));
}

.ring-teal-400 {
  --tw-ring-color: rgb(var(--teal-400));
}

.ring-teal-500 {
  --tw-ring-color: rgb(var(--teal-500));
}

.ring-teal-600 {
  --tw-ring-color: rgb(var(--teal-600));
}

.ring-teal-700 {
  --tw-ring-color: rgb(var(--teal-700));
}

.ring-teal-800 {
  --tw-ring-color: rgb(var(--teal-800));
}

.ring-teal-900 {
  --tw-ring-color: rgb(var(--teal-900));
}

.ring-cyan-50 {
  --tw-ring-color: rgb(var(--cyan-50));
}

.ring-cyan-100 {
  --tw-ring-color: rgb(var(--cyan-100));
}

.ring-cyan-200 {
  --tw-ring-color: rgb(var(--cyan-200));
}

.ring-cyan-300 {
  --tw-ring-color: rgb(var(--cyan-300));
}

.ring-cyan-400 {
  --tw-ring-color: rgb(var(--cyan-400));
}

.ring-cyan-500 {
  --tw-ring-color: rgb(var(--cyan-500));
}

.ring-cyan-600 {
  --tw-ring-color: rgb(var(--cyan-600));
}

.ring-cyan-700 {
  --tw-ring-color: rgb(var(--cyan-700));
}

.ring-cyan-800 {
  --tw-ring-color: rgb(var(--cyan-800));
}

.ring-cyan-900 {
  --tw-ring-color: rgb(var(--cyan-900));
}

.ring-sky-50 {
  --tw-ring-color: rgb(var(--sky-50));
}

.ring-sky-100 {
  --tw-ring-color: rgb(var(--sky-100));
}

.ring-sky-200 {
  --tw-ring-color: rgb(var(--sky-200));
}

.ring-sky-300 {
  --tw-ring-color: rgb(var(--sky-300));
}

.ring-sky-400 {
  --tw-ring-color: rgb(var(--sky-400));
}

.ring-sky-500 {
  --tw-ring-color: rgb(var(--sky-500));
}

.ring-sky-600 {
  --tw-ring-color: rgb(var(--sky-600));
}

.ring-sky-700 {
  --tw-ring-color: rgb(var(--sky-700));
}

.ring-sky-800 {
  --tw-ring-color: rgb(var(--sky-800));
}

.ring-sky-900 {
  --tw-ring-color: rgb(var(--sky-900));
}

.ring-blue-50 {
  --tw-ring-color: rgb(var(--blue-50));
}

.ring-blue-100 {
  --tw-ring-color: rgb(var(--blue-100));
}

.ring-blue-200 {
  --tw-ring-color: rgb(var(--blue-200));
}

.ring-blue-300 {
  --tw-ring-color: rgb(var(--blue-300));
}

.ring-blue-400 {
  --tw-ring-color: rgb(var(--blue-400));
}

.ring-blue-500 {
  --tw-ring-color: rgb(var(--blue-500));
}

.ring-blue-600 {
  --tw-ring-color: rgb(var(--blue-600));
}

.ring-blue-700 {
  --tw-ring-color: rgb(var(--blue-700));
}

.ring-blue-800 {
  --tw-ring-color: rgb(var(--blue-800));
}

.ring-blue-900 {
  --tw-ring-color: rgb(var(--blue-900));
}

.ring-indigo-50 {
  --tw-ring-color: rgb(var(--indigo-50));
}

.ring-indigo-100 {
  --tw-ring-color: rgb(var(--indigo-100));
}

.ring-indigo-200 {
  --tw-ring-color: rgb(var(--indigo-200));
}

.ring-indigo-300 {
  --tw-ring-color: rgb(var(--indigo-300));
}

.ring-indigo-400 {
  --tw-ring-color: rgb(var(--indigo-400));
}

.ring-indigo-500 {
  --tw-ring-color: rgb(var(--indigo-500));
}

.ring-indigo-600 {
  --tw-ring-color: rgb(var(--indigo-600));
}

.ring-indigo-700 {
  --tw-ring-color: rgb(var(--indigo-700));
}

.ring-indigo-800 {
  --tw-ring-color: rgb(var(--indigo-800));
}

.ring-indigo-900 {
  --tw-ring-color: rgb(var(--indigo-900));
}

.ring-violet-50 {
  --tw-ring-color: rgb(var(--violet-50));
}

.ring-violet-100 {
  --tw-ring-color: rgb(var(--violet-100));
}

.ring-violet-200 {
  --tw-ring-color: rgb(var(--violet-200));
}

.ring-violet-300 {
  --tw-ring-color: rgb(var(--violet-300));
}

.ring-violet-400 {
  --tw-ring-color: rgb(var(--violet-400));
}

.ring-violet-500 {
  --tw-ring-color: rgb(var(--violet-500));
}

.ring-violet-600 {
  --tw-ring-color: rgb(var(--violet-600));
}

.ring-violet-700 {
  --tw-ring-color: rgb(var(--violet-700));
}

.ring-violet-800 {
  --tw-ring-color: rgb(var(--violet-800));
}

.ring-violet-900 {
  --tw-ring-color: rgb(var(--violet-900));
}

.ring-purple-50 {
  --tw-ring-color: rgb(var(--purple-50));
}

.ring-purple-100 {
  --tw-ring-color: rgb(var(--purple-100));
}

.ring-purple-200 {
  --tw-ring-color: rgb(var(--purple-200));
}

.ring-purple-300 {
  --tw-ring-color: rgb(var(--purple-300));
}

.ring-purple-400 {
  --tw-ring-color: rgb(var(--purple-400));
}

.ring-purple-500 {
  --tw-ring-color: rgb(var(--purple-500));
}

.ring-purple-600 {
  --tw-ring-color: rgb(var(--purple-600));
}

.ring-purple-700 {
  --tw-ring-color: rgb(var(--purple-700));
}

.ring-purple-800 {
  --tw-ring-color: rgb(var(--purple-800));
}

.ring-purple-900 {
  --tw-ring-color: rgb(var(--purple-900));
}

.ring-fuchsia-50 {
  --tw-ring-color: rgb(var(--fuchsia-50));
}

.ring-fuchsia-100 {
  --tw-ring-color: rgb(var(--fuchsia-100));
}

.ring-fuchsia-200 {
  --tw-ring-color: rgb(var(--fuchsia-200));
}

.ring-fuchsia-300 {
  --tw-ring-color: rgb(var(--fuchsia-300));
}

.ring-fuchsia-400 {
  --tw-ring-color: rgb(var(--fuchsia-400));
}

.ring-fuchsia-500 {
  --tw-ring-color: rgb(var(--fuchsia-500));
}

.ring-fuchsia-600 {
  --tw-ring-color: rgb(var(--fuchsia-600));
}

.ring-fuchsia-700 {
  --tw-ring-color: rgb(var(--fuchsia-700));
}

.ring-fuchsia-800 {
  --tw-ring-color: rgb(var(--fuchsia-800));
}

.ring-fuchsia-900 {
  --tw-ring-color: rgb(var(--fuchsia-900));
}

.ring-pink-50 {
  --tw-ring-color: rgb(var(--pink-50));
}

.ring-pink-100 {
  --tw-ring-color: rgb(var(--pink-100));
}

.ring-pink-200 {
  --tw-ring-color: rgb(var(--pink-200));
}

.ring-pink-300 {
  --tw-ring-color: rgb(var(--pink-300));
}

.ring-pink-400 {
  --tw-ring-color: rgb(var(--pink-400));
}

.ring-pink-500 {
  --tw-ring-color: rgb(var(--pink-500));
}

.ring-pink-600 {
  --tw-ring-color: rgb(var(--pink-600));
}

.ring-pink-700 {
  --tw-ring-color: rgb(var(--pink-700));
}

.ring-pink-800 {
  --tw-ring-color: rgb(var(--pink-800));
}

.ring-pink-900 {
  --tw-ring-color: rgb(var(--pink-900));
}

.ring-rose-50 {
  --tw-ring-color: rgb(var(--rose-50));
}

.ring-rose-100 {
  --tw-ring-color: rgb(var(--rose-100));
}

.ring-rose-200 {
  --tw-ring-color: rgb(var(--rose-200));
}

.ring-rose-300 {
  --tw-ring-color: rgb(var(--rose-300));
}

.ring-rose-400 {
  --tw-ring-color: rgb(var(--rose-400));
}

.ring-rose-500 {
  --tw-ring-color: rgb(var(--rose-500));
}

.ring-rose-600 {
  --tw-ring-color: rgb(var(--rose-600));
}

.ring-rose-700 {
  --tw-ring-color: rgb(var(--rose-700));
}

.ring-rose-800 {
  --tw-ring-color: rgb(var(--rose-800));
}

.ring-rose-900 {
  --tw-ring-color: rgb(var(--rose-900));
}

.ring-slate-50 {
  --tw-ring-color: rgb(var(--slate-50));
}

.ring-slate-100 {
  --tw-ring-color: rgb(var(--slate-100));
}

.ring-slate-200 {
  --tw-ring-color: rgb(var(--slate-200));
}

.ring-slate-300 {
  --tw-ring-color: rgb(var(--slate-300));
}

.ring-slate-400 {
  --tw-ring-color: rgb(var(--slate-400));
}

.ring-slate-500 {
  --tw-ring-color: rgb(var(--slate-500));
}

.ring-slate-600 {
  --tw-ring-color: rgb(var(--slate-600));
}

.ring-slate-700 {
  --tw-ring-color: rgb(var(--slate-700));
}

.ring-slate-800 {
  --tw-ring-color: rgb(var(--slate-800));
}

.ring-slate-900 {
  --tw-ring-color: rgb(var(--slate-900));
}

.ring-gray-50 {
  --tw-ring-color: rgb(var(--gray-50));
}

.ring-gray-100 {
  --tw-ring-color: rgb(var(--gray-100));
}

.ring-gray-200 {
  --tw-ring-color: rgb(var(--gray-200));
}

.ring-gray-300 {
  --tw-ring-color: rgb(var(--gray-300));
}

.ring-gray-400 {
  --tw-ring-color: rgb(var(--gray-400));
}

.ring-gray-500 {
  --tw-ring-color: rgb(var(--gray-500));
}

.ring-gray-600 {
  --tw-ring-color: rgb(var(--gray-600));
}

.ring-gray-700 {
  --tw-ring-color: rgb(var(--gray-700));
}

.ring-gray-800 {
  --tw-ring-color: rgb(var(--gray-800));
}

.ring-gray-900 {
  --tw-ring-color: rgb(var(--gray-900));
}

.ring-zinc-50 {
  --tw-ring-color: rgb(var(--zinc-50));
}

.ring-zinc-100 {
  --tw-ring-color: rgb(var(--zinc-100));
}

.ring-zinc-200 {
  --tw-ring-color: rgb(var(--zinc-200));
}

.ring-zinc-300 {
  --tw-ring-color: rgb(var(--zinc-300));
}

.ring-zinc-400 {
  --tw-ring-color: rgb(var(--zinc-400));
}

.ring-zinc-500 {
  --tw-ring-color: rgb(var(--zinc-500));
}

.ring-zinc-600 {
  --tw-ring-color: rgb(var(--zinc-600));
}

.ring-zinc-700 {
  --tw-ring-color: rgb(var(--zinc-700));
}

.ring-zinc-800 {
  --tw-ring-color: rgb(var(--zinc-800));
}

.ring-zinc-900 {
  --tw-ring-color: rgb(var(--zinc-900));
}

.ring-black-DEFAULT {
  --tw-ring-color: rgb(var(--black-DEFAULT));
}

.ring-white-DEFAULT {
  --tw-ring-color: rgb(var(--white-DEFAULT));
}

.ring-offset-red-50 {
  --tw-ring-offset-color: rgb(var(--red-50));
}

.ring-offset-red-100 {
  --tw-ring-offset-color: rgb(var(--red-100));
}

.ring-offset-red-200 {
  --tw-ring-offset-color: rgb(var(--red-200));
}

.ring-offset-red-300 {
  --tw-ring-offset-color: rgb(var(--red-300));
}

.ring-offset-red-400 {
  --tw-ring-offset-color: rgb(var(--red-400));
}

.ring-offset-red-500 {
  --tw-ring-offset-color: rgb(var(--red-500));
}

.ring-offset-red-600 {
  --tw-ring-offset-color: rgb(var(--red-600));
}

.ring-offset-red-700 {
  --tw-ring-offset-color: rgb(var(--red-700));
}

.ring-offset-red-800 {
  --tw-ring-offset-color: rgb(var(--red-800));
}

.ring-offset-red-900 {
  --tw-ring-offset-color: rgb(var(--red-900));
}

.ring-offset-orange-50 {
  --tw-ring-offset-color: rgb(var(--orange-50));
}

.ring-offset-orange-100 {
  --tw-ring-offset-color: rgb(var(--orange-100));
}

.ring-offset-orange-200 {
  --tw-ring-offset-color: rgb(var(--orange-200));
}

.ring-offset-orange-300 {
  --tw-ring-offset-color: rgb(var(--orange-300));
}

.ring-offset-orange-400 {
  --tw-ring-offset-color: rgb(var(--orange-400));
}

.ring-offset-orange-500 {
  --tw-ring-offset-color: rgb(var(--orange-500));
}

.ring-offset-orange-600 {
  --tw-ring-offset-color: rgb(var(--orange-600));
}

.ring-offset-orange-700 {
  --tw-ring-offset-color: rgb(var(--orange-700));
}

.ring-offset-orange-800 {
  --tw-ring-offset-color: rgb(var(--orange-800));
}

.ring-offset-orange-900 {
  --tw-ring-offset-color: rgb(var(--orange-900));
}

.ring-offset-amber-50 {
  --tw-ring-offset-color: rgb(var(--amber-50));
}

.ring-offset-amber-100 {
  --tw-ring-offset-color: rgb(var(--amber-100));
}

.ring-offset-amber-200 {
  --tw-ring-offset-color: rgb(var(--amber-200));
}

.ring-offset-amber-300 {
  --tw-ring-offset-color: rgb(var(--amber-300));
}

.ring-offset-amber-400 {
  --tw-ring-offset-color: rgb(var(--amber-400));
}

.ring-offset-amber-500 {
  --tw-ring-offset-color: rgb(var(--amber-500));
}

.ring-offset-amber-600 {
  --tw-ring-offset-color: rgb(var(--amber-600));
}

.ring-offset-amber-700 {
  --tw-ring-offset-color: rgb(var(--amber-700));
}

.ring-offset-amber-800 {
  --tw-ring-offset-color: rgb(var(--amber-800));
}

.ring-offset-amber-900 {
  --tw-ring-offset-color: rgb(var(--amber-900));
}

.ring-offset-yellow-50 {
  --tw-ring-offset-color: rgb(var(--yellow-50));
}

.ring-offset-yellow-100 {
  --tw-ring-offset-color: rgb(var(--yellow-100));
}

.ring-offset-yellow-200 {
  --tw-ring-offset-color: rgb(var(--yellow-200));
}

.ring-offset-yellow-300 {
  --tw-ring-offset-color: rgb(var(--yellow-300));
}

.ring-offset-yellow-400 {
  --tw-ring-offset-color: rgb(var(--yellow-400));
}

.ring-offset-yellow-500 {
  --tw-ring-offset-color: rgb(var(--yellow-500));
}

.ring-offset-yellow-600 {
  --tw-ring-offset-color: rgb(var(--yellow-600));
}

.ring-offset-yellow-700 {
  --tw-ring-offset-color: rgb(var(--yellow-700));
}

.ring-offset-yellow-800 {
  --tw-ring-offset-color: rgb(var(--yellow-800));
}

.ring-offset-yellow-900 {
  --tw-ring-offset-color: rgb(var(--yellow-900));
}

.ring-offset-lime-50 {
  --tw-ring-offset-color: rgb(var(--lime-50));
}

.ring-offset-lime-100 {
  --tw-ring-offset-color: rgb(var(--lime-100));
}

.ring-offset-lime-200 {
  --tw-ring-offset-color: rgb(var(--lime-200));
}

.ring-offset-lime-300 {
  --tw-ring-offset-color: rgb(var(--lime-300));
}

.ring-offset-lime-400 {
  --tw-ring-offset-color: rgb(var(--lime-400));
}

.ring-offset-lime-500 {
  --tw-ring-offset-color: rgb(var(--lime-500));
}

.ring-offset-lime-600 {
  --tw-ring-offset-color: rgb(var(--lime-600));
}

.ring-offset-lime-700 {
  --tw-ring-offset-color: rgb(var(--lime-700));
}

.ring-offset-lime-800 {
  --tw-ring-offset-color: rgb(var(--lime-800));
}

.ring-offset-lime-900 {
  --tw-ring-offset-color: rgb(var(--lime-900));
}

.ring-offset-green-50 {
  --tw-ring-offset-color: rgb(var(--green-50));
}

.ring-offset-green-100 {
  --tw-ring-offset-color: rgb(var(--green-100));
}

.ring-offset-green-200 {
  --tw-ring-offset-color: rgb(var(--green-200));
}

.ring-offset-green-300 {
  --tw-ring-offset-color: rgb(var(--green-300));
}

.ring-offset-green-400 {
  --tw-ring-offset-color: rgb(var(--green-400));
}

.ring-offset-green-500 {
  --tw-ring-offset-color: rgb(var(--green-500));
}

.ring-offset-green-600 {
  --tw-ring-offset-color: rgb(var(--green-600));
}

.ring-offset-green-700 {
  --tw-ring-offset-color: rgb(var(--green-700));
}

.ring-offset-green-800 {
  --tw-ring-offset-color: rgb(var(--green-800));
}

.ring-offset-green-900 {
  --tw-ring-offset-color: rgb(var(--green-900));
}

.ring-offset-emerald-50 {
  --tw-ring-offset-color: rgb(var(--emerald-50));
}

.ring-offset-emerald-100 {
  --tw-ring-offset-color: rgb(var(--emerald-100));
}

.ring-offset-emerald-200 {
  --tw-ring-offset-color: rgb(var(--emerald-200));
}

.ring-offset-emerald-300 {
  --tw-ring-offset-color: rgb(var(--emerald-300));
}

.ring-offset-emerald-400 {
  --tw-ring-offset-color: rgb(var(--emerald-400));
}

.ring-offset-emerald-500 {
  --tw-ring-offset-color: rgb(var(--emerald-500));
}

.ring-offset-emerald-600 {
  --tw-ring-offset-color: rgb(var(--emerald-600));
}

.ring-offset-emerald-700 {
  --tw-ring-offset-color: rgb(var(--emerald-700));
}

.ring-offset-emerald-800 {
  --tw-ring-offset-color: rgb(var(--emerald-800));
}

.ring-offset-emerald-900 {
  --tw-ring-offset-color: rgb(var(--emerald-900));
}

.ring-offset-teal-50 {
  --tw-ring-offset-color: rgb(var(--teal-50));
}

.ring-offset-teal-100 {
  --tw-ring-offset-color: rgb(var(--teal-100));
}

.ring-offset-teal-200 {
  --tw-ring-offset-color: rgb(var(--teal-200));
}

.ring-offset-teal-300 {
  --tw-ring-offset-color: rgb(var(--teal-300));
}

.ring-offset-teal-400 {
  --tw-ring-offset-color: rgb(var(--teal-400));
}

.ring-offset-teal-500 {
  --tw-ring-offset-color: rgb(var(--teal-500));
}

.ring-offset-teal-600 {
  --tw-ring-offset-color: rgb(var(--teal-600));
}

.ring-offset-teal-700 {
  --tw-ring-offset-color: rgb(var(--teal-700));
}

.ring-offset-teal-800 {
  --tw-ring-offset-color: rgb(var(--teal-800));
}

.ring-offset-teal-900 {
  --tw-ring-offset-color: rgb(var(--teal-900));
}

.ring-offset-cyan-50 {
  --tw-ring-offset-color: rgb(var(--cyan-50));
}

.ring-offset-cyan-100 {
  --tw-ring-offset-color: rgb(var(--cyan-100));
}

.ring-offset-cyan-200 {
  --tw-ring-offset-color: rgb(var(--cyan-200));
}

.ring-offset-cyan-300 {
  --tw-ring-offset-color: rgb(var(--cyan-300));
}

.ring-offset-cyan-400 {
  --tw-ring-offset-color: rgb(var(--cyan-400));
}

.ring-offset-cyan-500 {
  --tw-ring-offset-color: rgb(var(--cyan-500));
}

.ring-offset-cyan-600 {
  --tw-ring-offset-color: rgb(var(--cyan-600));
}

.ring-offset-cyan-700 {
  --tw-ring-offset-color: rgb(var(--cyan-700));
}

.ring-offset-cyan-800 {
  --tw-ring-offset-color: rgb(var(--cyan-800));
}

.ring-offset-cyan-900 {
  --tw-ring-offset-color: rgb(var(--cyan-900));
}

.ring-offset-sky-50 {
  --tw-ring-offset-color: rgb(var(--sky-50));
}

.ring-offset-sky-100 {
  --tw-ring-offset-color: rgb(var(--sky-100));
}

.ring-offset-sky-200 {
  --tw-ring-offset-color: rgb(var(--sky-200));
}

.ring-offset-sky-300 {
  --tw-ring-offset-color: rgb(var(--sky-300));
}

.ring-offset-sky-400 {
  --tw-ring-offset-color: rgb(var(--sky-400));
}

.ring-offset-sky-500 {
  --tw-ring-offset-color: rgb(var(--sky-500));
}

.ring-offset-sky-600 {
  --tw-ring-offset-color: rgb(var(--sky-600));
}

.ring-offset-sky-700 {
  --tw-ring-offset-color: rgb(var(--sky-700));
}

.ring-offset-sky-800 {
  --tw-ring-offset-color: rgb(var(--sky-800));
}

.ring-offset-sky-900 {
  --tw-ring-offset-color: rgb(var(--sky-900));
}

.ring-offset-blue-50 {
  --tw-ring-offset-color: rgb(var(--blue-50));
}

.ring-offset-blue-100 {
  --tw-ring-offset-color: rgb(var(--blue-100));
}

.ring-offset-blue-200 {
  --tw-ring-offset-color: rgb(var(--blue-200));
}

.ring-offset-blue-300 {
  --tw-ring-offset-color: rgb(var(--blue-300));
}

.ring-offset-blue-400 {
  --tw-ring-offset-color: rgb(var(--blue-400));
}

.ring-offset-blue-500 {
  --tw-ring-offset-color: rgb(var(--blue-500));
}

.ring-offset-blue-600 {
  --tw-ring-offset-color: rgb(var(--blue-600));
}

.ring-offset-blue-700 {
  --tw-ring-offset-color: rgb(var(--blue-700));
}

.ring-offset-blue-800 {
  --tw-ring-offset-color: rgb(var(--blue-800));
}

.ring-offset-blue-900 {
  --tw-ring-offset-color: rgb(var(--blue-900));
}

.ring-offset-indigo-50 {
  --tw-ring-offset-color: rgb(var(--indigo-50));
}

.ring-offset-indigo-100 {
  --tw-ring-offset-color: rgb(var(--indigo-100));
}

.ring-offset-indigo-200 {
  --tw-ring-offset-color: rgb(var(--indigo-200));
}

.ring-offset-indigo-300 {
  --tw-ring-offset-color: rgb(var(--indigo-300));
}

.ring-offset-indigo-400 {
  --tw-ring-offset-color: rgb(var(--indigo-400));
}

.ring-offset-indigo-500 {
  --tw-ring-offset-color: rgb(var(--indigo-500));
}

.ring-offset-indigo-600 {
  --tw-ring-offset-color: rgb(var(--indigo-600));
}

.ring-offset-indigo-700 {
  --tw-ring-offset-color: rgb(var(--indigo-700));
}

.ring-offset-indigo-800 {
  --tw-ring-offset-color: rgb(var(--indigo-800));
}

.ring-offset-indigo-900 {
  --tw-ring-offset-color: rgb(var(--indigo-900));
}

.ring-offset-violet-50 {
  --tw-ring-offset-color: rgb(var(--violet-50));
}

.ring-offset-violet-100 {
  --tw-ring-offset-color: rgb(var(--violet-100));
}

.ring-offset-violet-200 {
  --tw-ring-offset-color: rgb(var(--violet-200));
}

.ring-offset-violet-300 {
  --tw-ring-offset-color: rgb(var(--violet-300));
}

.ring-offset-violet-400 {
  --tw-ring-offset-color: rgb(var(--violet-400));
}

.ring-offset-violet-500 {
  --tw-ring-offset-color: rgb(var(--violet-500));
}

.ring-offset-violet-600 {
  --tw-ring-offset-color: rgb(var(--violet-600));
}

.ring-offset-violet-700 {
  --tw-ring-offset-color: rgb(var(--violet-700));
}

.ring-offset-violet-800 {
  --tw-ring-offset-color: rgb(var(--violet-800));
}

.ring-offset-violet-900 {
  --tw-ring-offset-color: rgb(var(--violet-900));
}

.ring-offset-purple-50 {
  --tw-ring-offset-color: rgb(var(--purple-50));
}

.ring-offset-purple-100 {
  --tw-ring-offset-color: rgb(var(--purple-100));
}

.ring-offset-purple-200 {
  --tw-ring-offset-color: rgb(var(--purple-200));
}

.ring-offset-purple-300 {
  --tw-ring-offset-color: rgb(var(--purple-300));
}

.ring-offset-purple-400 {
  --tw-ring-offset-color: rgb(var(--purple-400));
}

.ring-offset-purple-500 {
  --tw-ring-offset-color: rgb(var(--purple-500));
}

.ring-offset-purple-600 {
  --tw-ring-offset-color: rgb(var(--purple-600));
}

.ring-offset-purple-700 {
  --tw-ring-offset-color: rgb(var(--purple-700));
}

.ring-offset-purple-800 {
  --tw-ring-offset-color: rgb(var(--purple-800));
}

.ring-offset-purple-900 {
  --tw-ring-offset-color: rgb(var(--purple-900));
}

.ring-offset-fuchsia-50 {
  --tw-ring-offset-color: rgb(var(--fuchsia-50));
}

.ring-offset-fuchsia-100 {
  --tw-ring-offset-color: rgb(var(--fuchsia-100));
}

.ring-offset-fuchsia-200 {
  --tw-ring-offset-color: rgb(var(--fuchsia-200));
}

.ring-offset-fuchsia-300 {
  --tw-ring-offset-color: rgb(var(--fuchsia-300));
}

.ring-offset-fuchsia-400 {
  --tw-ring-offset-color: rgb(var(--fuchsia-400));
}

.ring-offset-fuchsia-500 {
  --tw-ring-offset-color: rgb(var(--fuchsia-500));
}

.ring-offset-fuchsia-600 {
  --tw-ring-offset-color: rgb(var(--fuchsia-600));
}

.ring-offset-fuchsia-700 {
  --tw-ring-offset-color: rgb(var(--fuchsia-700));
}

.ring-offset-fuchsia-800 {
  --tw-ring-offset-color: rgb(var(--fuchsia-800));
}

.ring-offset-fuchsia-900 {
  --tw-ring-offset-color: rgb(var(--fuchsia-900));
}

.ring-offset-pink-50 {
  --tw-ring-offset-color: rgb(var(--pink-50));
}

.ring-offset-pink-100 {
  --tw-ring-offset-color: rgb(var(--pink-100));
}

.ring-offset-pink-200 {
  --tw-ring-offset-color: rgb(var(--pink-200));
}

.ring-offset-pink-300 {
  --tw-ring-offset-color: rgb(var(--pink-300));
}

.ring-offset-pink-400 {
  --tw-ring-offset-color: rgb(var(--pink-400));
}

.ring-offset-pink-500 {
  --tw-ring-offset-color: rgb(var(--pink-500));
}

.ring-offset-pink-600 {
  --tw-ring-offset-color: rgb(var(--pink-600));
}

.ring-offset-pink-700 {
  --tw-ring-offset-color: rgb(var(--pink-700));
}

.ring-offset-pink-800 {
  --tw-ring-offset-color: rgb(var(--pink-800));
}

.ring-offset-pink-900 {
  --tw-ring-offset-color: rgb(var(--pink-900));
}

.ring-offset-rose-50 {
  --tw-ring-offset-color: rgb(var(--rose-50));
}

.ring-offset-rose-100 {
  --tw-ring-offset-color: rgb(var(--rose-100));
}

.ring-offset-rose-200 {
  --tw-ring-offset-color: rgb(var(--rose-200));
}

.ring-offset-rose-300 {
  --tw-ring-offset-color: rgb(var(--rose-300));
}

.ring-offset-rose-400 {
  --tw-ring-offset-color: rgb(var(--rose-400));
}

.ring-offset-rose-500 {
  --tw-ring-offset-color: rgb(var(--rose-500));
}

.ring-offset-rose-600 {
  --tw-ring-offset-color: rgb(var(--rose-600));
}

.ring-offset-rose-700 {
  --tw-ring-offset-color: rgb(var(--rose-700));
}

.ring-offset-rose-800 {
  --tw-ring-offset-color: rgb(var(--rose-800));
}

.ring-offset-rose-900 {
  --tw-ring-offset-color: rgb(var(--rose-900));
}

.ring-offset-slate-50 {
  --tw-ring-offset-color: rgb(var(--slate-50));
}

.ring-offset-slate-100 {
  --tw-ring-offset-color: rgb(var(--slate-100));
}

.ring-offset-slate-200 {
  --tw-ring-offset-color: rgb(var(--slate-200));
}

.ring-offset-slate-300 {
  --tw-ring-offset-color: rgb(var(--slate-300));
}

.ring-offset-slate-400 {
  --tw-ring-offset-color: rgb(var(--slate-400));
}

.ring-offset-slate-500 {
  --tw-ring-offset-color: rgb(var(--slate-500));
}

.ring-offset-slate-600 {
  --tw-ring-offset-color: rgb(var(--slate-600));
}

.ring-offset-slate-700 {
  --tw-ring-offset-color: rgb(var(--slate-700));
}

.ring-offset-slate-800 {
  --tw-ring-offset-color: rgb(var(--slate-800));
}

.ring-offset-slate-900 {
  --tw-ring-offset-color: rgb(var(--slate-900));
}

.ring-offset-gray-50 {
  --tw-ring-offset-color: rgb(var(--gray-50));
}

.ring-offset-gray-100 {
  --tw-ring-offset-color: rgb(var(--gray-100));
}

.ring-offset-gray-200 {
  --tw-ring-offset-color: rgb(var(--gray-200));
}

.ring-offset-gray-300 {
  --tw-ring-offset-color: rgb(var(--gray-300));
}

.ring-offset-gray-400 {
  --tw-ring-offset-color: rgb(var(--gray-400));
}

.ring-offset-gray-500 {
  --tw-ring-offset-color: rgb(var(--gray-500));
}

.ring-offset-gray-600 {
  --tw-ring-offset-color: rgb(var(--gray-600));
}

.ring-offset-gray-700 {
  --tw-ring-offset-color: rgb(var(--gray-700));
}

.ring-offset-gray-800 {
  --tw-ring-offset-color: rgb(var(--gray-800));
}

.ring-offset-gray-900 {
  --tw-ring-offset-color: rgb(var(--gray-900));
}

.ring-offset-zinc-50 {
  --tw-ring-offset-color: rgb(var(--zinc-50));
}

.ring-offset-zinc-100 {
  --tw-ring-offset-color: rgb(var(--zinc-100));
}

.ring-offset-zinc-200 {
  --tw-ring-offset-color: rgb(var(--zinc-200));
}

.ring-offset-zinc-300 {
  --tw-ring-offset-color: rgb(var(--zinc-300));
}

.ring-offset-zinc-400 {
  --tw-ring-offset-color: rgb(var(--zinc-400));
}

.ring-offset-zinc-500 {
  --tw-ring-offset-color: rgb(var(--zinc-500));
}

.ring-offset-zinc-600 {
  --tw-ring-offset-color: rgb(var(--zinc-600));
}

.ring-offset-zinc-700 {
  --tw-ring-offset-color: rgb(var(--zinc-700));
}

.ring-offset-zinc-800 {
  --tw-ring-offset-color: rgb(var(--zinc-800));
}

.ring-offset-zinc-900 {
  --tw-ring-offset-color: rgb(var(--zinc-900));
}

.ring-offset-black-DEFAULT {
  --tw-ring-offset-color: rgb(var(--black-DEFAULT));
}

.ring-offset-white-DEFAULT {
  --tw-ring-offset-color: rgb(var(--white-DEFAULT));
}

.bg-blend-normal {
  background-blend-mode: normal;
}

.bg-blend-multiply {
  background-blend-mode: multiply;
}

.bg-blend-screen {
  background-blend-mode: screen;
}

.bg-blend-overlay {
  background-blend-mode: overlay;
}

.bg-blend-darken {
  background-blend-mode: darken;
}

.bg-blend-lighten {
  background-blend-mode: lighten;
}

.bg-blend-color-dodge {
  background-blend-mode: color-dodge;
}

.bg-blend-color-burn {
  background-blend-mode: color-burn;
}

.bg-blend-hard-light {
  background-blend-mode: hard-light;
}

.bg-blend-soft-light {
  background-blend-mode: soft-light;
}

.bg-blend-difference {
  background-blend-mode: difference;
}

.bg-blend-exclusion {
  background-blend-mode: exclusion;
}

.bg-blend-hue {
  background-blend-mode: hue;
}

.bg-blend-saturation {
  background-blend-mode: saturation;
}

.bg-blend-color {
  background-blend-mode: color;
}

.bg-blend-luminosity {
  background-blend-mode: luminosity;
}

/* 颜色功能 */
/* 基础类 */
.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;
}

.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;
}

.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;
}

.ring-offset-red-50 {
  --tw-ring-offset-color: rgb(var(--red-50));
}

.ring-offset-red-100 {
  --tw-ring-offset-color: rgb(var(--red-100));
}

.ring-offset-red-200 {
  --tw-ring-offset-color: rgb(var(--red-200));
}

.ring-offset-red-300 {
  --tw-ring-offset-color: rgb(var(--red-300));
}

.ring-offset-red-400 {
  --tw-ring-offset-color: rgb(var(--red-400));
}

.ring-offset-red-500 {
  --tw-ring-offset-color: rgb(var(--red-500));
}

.ring-offset-red-600 {
  --tw-ring-offset-color: rgb(var(--red-600));
}

.ring-offset-red-700 {
  --tw-ring-offset-color: rgb(var(--red-700));
}

.ring-offset-red-800 {
  --tw-ring-offset-color: rgb(var(--red-800));
}

.ring-offset-red-900 {
  --tw-ring-offset-color: rgb(var(--red-900));
}

.ring-offset-orange-50 {
  --tw-ring-offset-color: rgb(var(--orange-50));
}

.ring-offset-orange-100 {
  --tw-ring-offset-color: rgb(var(--orange-100));
}

.ring-offset-orange-200 {
  --tw-ring-offset-color: rgb(var(--orange-200));
}

.ring-offset-orange-300 {
  --tw-ring-offset-color: rgb(var(--orange-300));
}

.ring-offset-orange-400 {
  --tw-ring-offset-color: rgb(var(--orange-400));
}

.ring-offset-orange-500 {
  --tw-ring-offset-color: rgb(var(--orange-500));
}

.ring-offset-orange-600 {
  --tw-ring-offset-color: rgb(var(--orange-600));
}

.ring-offset-orange-700 {
  --tw-ring-offset-color: rgb(var(--orange-700));
}

.ring-offset-orange-800 {
  --tw-ring-offset-color: rgb(var(--orange-800));
}

.ring-offset-orange-900 {
  --tw-ring-offset-color: rgb(var(--orange-900));
}

.ring-offset-amber-50 {
  --tw-ring-offset-color: rgb(var(--amber-50));
}

.ring-offset-amber-100 {
  --tw-ring-offset-color: rgb(var(--amber-100));
}

.ring-offset-amber-200 {
  --tw-ring-offset-color: rgb(var(--amber-200));
}

.ring-offset-amber-300 {
  --tw-ring-offset-color: rgb(var(--amber-300));
}

.ring-offset-amber-400 {
  --tw-ring-offset-color: rgb(var(--amber-400));
}

.ring-offset-amber-500 {
  --tw-ring-offset-color: rgb(var(--amber-500));
}

.ring-offset-amber-600 {
  --tw-ring-offset-color: rgb(var(--amber-600));
}

.ring-offset-amber-700 {
  --tw-ring-offset-color: rgb(var(--amber-700));
}

.ring-offset-amber-800 {
  --tw-ring-offset-color: rgb(var(--amber-800));
}

.ring-offset-amber-900 {
  --tw-ring-offset-color: rgb(var(--amber-900));
}

.ring-offset-yellow-50 {
  --tw-ring-offset-color: rgb(var(--yellow-50));
}

.ring-offset-yellow-100 {
  --tw-ring-offset-color: rgb(var(--yellow-100));
}

.ring-offset-yellow-200 {
  --tw-ring-offset-color: rgb(var(--yellow-200));
}

.ring-offset-yellow-300 {
  --tw-ring-offset-color: rgb(var(--yellow-300));
}

.ring-offset-yellow-400 {
  --tw-ring-offset-color: rgb(var(--yellow-400));
}

.ring-offset-yellow-500 {
  --tw-ring-offset-color: rgb(var(--yellow-500));
}

.ring-offset-yellow-600 {
  --tw-ring-offset-color: rgb(var(--yellow-600));
}

.ring-offset-yellow-700 {
  --tw-ring-offset-color: rgb(var(--yellow-700));
}

.ring-offset-yellow-800 {
  --tw-ring-offset-color: rgb(var(--yellow-800));
}

.ring-offset-yellow-900 {
  --tw-ring-offset-color: rgb(var(--yellow-900));
}

.ring-offset-lime-50 {
  --tw-ring-offset-color: rgb(var(--lime-50));
}

.ring-offset-lime-100 {
  --tw-ring-offset-color: rgb(var(--lime-100));
}

.ring-offset-lime-200 {
  --tw-ring-offset-color: rgb(var(--lime-200));
}

.ring-offset-lime-300 {
  --tw-ring-offset-color: rgb(var(--lime-300));
}

.ring-offset-lime-400 {
  --tw-ring-offset-color: rgb(var(--lime-400));
}

.ring-offset-lime-500 {
  --tw-ring-offset-color: rgb(var(--lime-500));
}

.ring-offset-lime-600 {
  --tw-ring-offset-color: rgb(var(--lime-600));
}

.ring-offset-lime-700 {
  --tw-ring-offset-color: rgb(var(--lime-700));
}

.ring-offset-lime-800 {
  --tw-ring-offset-color: rgb(var(--lime-800));
}

.ring-offset-lime-900 {
  --tw-ring-offset-color: rgb(var(--lime-900));
}

.ring-offset-green-50 {
  --tw-ring-offset-color: rgb(var(--green-50));
}

.ring-offset-green-100 {
  --tw-ring-offset-color: rgb(var(--green-100));
}

.ring-offset-green-200 {
  --tw-ring-offset-color: rgb(var(--green-200));
}

.ring-offset-green-300 {
  --tw-ring-offset-color: rgb(var(--green-300));
}

.ring-offset-green-400 {
  --tw-ring-offset-color: rgb(var(--green-400));
}

.ring-offset-green-500 {
  --tw-ring-offset-color: rgb(var(--green-500));
}

.ring-offset-green-600 {
  --tw-ring-offset-color: rgb(var(--green-600));
}

.ring-offset-green-700 {
  --tw-ring-offset-color: rgb(var(--green-700));
}

.ring-offset-green-800 {
  --tw-ring-offset-color: rgb(var(--green-800));
}

.ring-offset-green-900 {
  --tw-ring-offset-color: rgb(var(--green-900));
}

.ring-offset-emerald-50 {
  --tw-ring-offset-color: rgb(var(--emerald-50));
}

.ring-offset-emerald-100 {
  --tw-ring-offset-color: rgb(var(--emerald-100));
}

.ring-offset-emerald-200 {
  --tw-ring-offset-color: rgb(var(--emerald-200));
}

.ring-offset-emerald-300 {
  --tw-ring-offset-color: rgb(var(--emerald-300));
}

.ring-offset-emerald-400 {
  --tw-ring-offset-color: rgb(var(--emerald-400));
}

.ring-offset-emerald-500 {
  --tw-ring-offset-color: rgb(var(--emerald-500));
}

.ring-offset-emerald-600 {
  --tw-ring-offset-color: rgb(var(--emerald-600));
}

.ring-offset-emerald-700 {
  --tw-ring-offset-color: rgb(var(--emerald-700));
}

.ring-offset-emerald-800 {
  --tw-ring-offset-color: rgb(var(--emerald-800));
}

.ring-offset-emerald-900 {
  --tw-ring-offset-color: rgb(var(--emerald-900));
}

.ring-offset-teal-50 {
  --tw-ring-offset-color: rgb(var(--teal-50));
}

.ring-offset-teal-100 {
  --tw-ring-offset-color: rgb(var(--teal-100));
}

.ring-offset-teal-200 {
  --tw-ring-offset-color: rgb(var(--teal-200));
}

.ring-offset-teal-300 {
  --tw-ring-offset-color: rgb(var(--teal-300));
}

.ring-offset-teal-400 {
  --tw-ring-offset-color: rgb(var(--teal-400));
}

.ring-offset-teal-500 {
  --tw-ring-offset-color: rgb(var(--teal-500));
}

.ring-offset-teal-600 {
  --tw-ring-offset-color: rgb(var(--teal-600));
}

.ring-offset-teal-700 {
  --tw-ring-offset-color: rgb(var(--teal-700));
}

.ring-offset-teal-800 {
  --tw-ring-offset-color: rgb(var(--teal-800));
}

.ring-offset-teal-900 {
  --tw-ring-offset-color: rgb(var(--teal-900));
}

.ring-offset-cyan-50 {
  --tw-ring-offset-color: rgb(var(--cyan-50));
}

.ring-offset-cyan-100 {
  --tw-ring-offset-color: rgb(var(--cyan-100));
}

.ring-offset-cyan-200 {
  --tw-ring-offset-color: rgb(var(--cyan-200));
}

.ring-offset-cyan-300 {
  --tw-ring-offset-color: rgb(var(--cyan-300));
}

.ring-offset-cyan-400 {
  --tw-ring-offset-color: rgb(var(--cyan-400));
}

.ring-offset-cyan-500 {
  --tw-ring-offset-color: rgb(var(--cyan-500));
}

.ring-offset-cyan-600 {
  --tw-ring-offset-color: rgb(var(--cyan-600));
}

.ring-offset-cyan-700 {
  --tw-ring-offset-color: rgb(var(--cyan-700));
}

.ring-offset-cyan-800 {
  --tw-ring-offset-color: rgb(var(--cyan-800));
}

.ring-offset-cyan-900 {
  --tw-ring-offset-color: rgb(var(--cyan-900));
}

.ring-offset-sky-50 {
  --tw-ring-offset-color: rgb(var(--sky-50));
}

.ring-offset-sky-100 {
  --tw-ring-offset-color: rgb(var(--sky-100));
}

.ring-offset-sky-200 {
  --tw-ring-offset-color: rgb(var(--sky-200));
}

.ring-offset-sky-300 {
  --tw-ring-offset-color: rgb(var(--sky-300));
}

.ring-offset-sky-400 {
  --tw-ring-offset-color: rgb(var(--sky-400));
}

.ring-offset-sky-500 {
  --tw-ring-offset-color: rgb(var(--sky-500));
}

.ring-offset-sky-600 {
  --tw-ring-offset-color: rgb(var(--sky-600));
}

.ring-offset-sky-700 {
  --tw-ring-offset-color: rgb(var(--sky-700));
}

.ring-offset-sky-800 {
  --tw-ring-offset-color: rgb(var(--sky-800));
}

.ring-offset-sky-900 {
  --tw-ring-offset-color: rgb(var(--sky-900));
}

.ring-offset-blue-50 {
  --tw-ring-offset-color: rgb(var(--blue-50));
}

.ring-offset-blue-100 {
  --tw-ring-offset-color: rgb(var(--blue-100));
}

.ring-offset-blue-200 {
  --tw-ring-offset-color: rgb(var(--blue-200));
}

.ring-offset-blue-300 {
  --tw-ring-offset-color: rgb(var(--blue-300));
}

.ring-offset-blue-400 {
  --tw-ring-offset-color: rgb(var(--blue-400));
}

.ring-offset-blue-500 {
  --tw-ring-offset-color: rgb(var(--blue-500));
}

.ring-offset-blue-600 {
  --tw-ring-offset-color: rgb(var(--blue-600));
}

.ring-offset-blue-700 {
  --tw-ring-offset-color: rgb(var(--blue-700));
}

.ring-offset-blue-800 {
  --tw-ring-offset-color: rgb(var(--blue-800));
}

.ring-offset-blue-900 {
  --tw-ring-offset-color: rgb(var(--blue-900));
}

.ring-offset-indigo-50 {
  --tw-ring-offset-color: rgb(var(--indigo-50));
}

.ring-offset-indigo-100 {
  --tw-ring-offset-color: rgb(var(--indigo-100));
}

.ring-offset-indigo-200 {
  --tw-ring-offset-color: rgb(var(--indigo-200));
}

.ring-offset-indigo-300 {
  --tw-ring-offset-color: rgb(var(--indigo-300));
}

.ring-offset-indigo-400 {
  --tw-ring-offset-color: rgb(var(--indigo-400));
}

.ring-offset-indigo-500 {
  --tw-ring-offset-color: rgb(var(--indigo-500));
}

.ring-offset-indigo-600 {
  --tw-ring-offset-color: rgb(var(--indigo-600));
}

.ring-offset-indigo-700 {
  --tw-ring-offset-color: rgb(var(--indigo-700));
}

.ring-offset-indigo-800 {
  --tw-ring-offset-color: rgb(var(--indigo-800));
}

.ring-offset-indigo-900 {
  --tw-ring-offset-color: rgb(var(--indigo-900));
}

.ring-offset-violet-50 {
  --tw-ring-offset-color: rgb(var(--violet-50));
}

.ring-offset-violet-100 {
  --tw-ring-offset-color: rgb(var(--violet-100));
}

.ring-offset-violet-200 {
  --tw-ring-offset-color: rgb(var(--violet-200));
}

.ring-offset-violet-300 {
  --tw-ring-offset-color: rgb(var(--violet-300));
}

.ring-offset-violet-400 {
  --tw-ring-offset-color: rgb(var(--violet-400));
}

.ring-offset-violet-500 {
  --tw-ring-offset-color: rgb(var(--violet-500));
}

.ring-offset-violet-600 {
  --tw-ring-offset-color: rgb(var(--violet-600));
}

.ring-offset-violet-700 {
  --tw-ring-offset-color: rgb(var(--violet-700));
}

.ring-offset-violet-800 {
  --tw-ring-offset-color: rgb(var(--violet-800));
}

.ring-offset-violet-900 {
  --tw-ring-offset-color: rgb(var(--violet-900));
}

.ring-offset-purple-50 {
  --tw-ring-offset-color: rgb(var(--purple-50));
}

.ring-offset-purple-100 {
  --tw-ring-offset-color: rgb(var(--purple-100));
}

.ring-offset-purple-200 {
  --tw-ring-offset-color: rgb(var(--purple-200));
}

.ring-offset-purple-300 {
  --tw-ring-offset-color: rgb(var(--purple-300));
}

.ring-offset-purple-400 {
  --tw-ring-offset-color: rgb(var(--purple-400));
}

.ring-offset-purple-500 {
  --tw-ring-offset-color: rgb(var(--purple-500));
}

.ring-offset-purple-600 {
  --tw-ring-offset-color: rgb(var(--purple-600));
}

.ring-offset-purple-700 {
  --tw-ring-offset-color: rgb(var(--purple-700));
}

.ring-offset-purple-800 {
  --tw-ring-offset-color: rgb(var(--purple-800));
}

.ring-offset-purple-900 {
  --tw-ring-offset-color: rgb(var(--purple-900));
}

.ring-offset-fuchsia-50 {
  --tw-ring-offset-color: rgb(var(--fuchsia-50));
}

.ring-offset-fuchsia-100 {
  --tw-ring-offset-color: rgb(var(--fuchsia-100));
}

.ring-offset-fuchsia-200 {
  --tw-ring-offset-color: rgb(var(--fuchsia-200));
}

.ring-offset-fuchsia-300 {
  --tw-ring-offset-color: rgb(var(--fuchsia-300));
}

.ring-offset-fuchsia-400 {
  --tw-ring-offset-color: rgb(var(--fuchsia-400));
}

.ring-offset-fuchsia-500 {
  --tw-ring-offset-color: rgb(var(--fuchsia-500));
}

.ring-offset-fuchsia-600 {
  --tw-ring-offset-color: rgb(var(--fuchsia-600));
}

.ring-offset-fuchsia-700 {
  --tw-ring-offset-color: rgb(var(--fuchsia-700));
}

.ring-offset-fuchsia-800 {
  --tw-ring-offset-color: rgb(var(--fuchsia-800));
}

.ring-offset-fuchsia-900 {
  --tw-ring-offset-color: rgb(var(--fuchsia-900));
}

.ring-offset-pink-50 {
  --tw-ring-offset-color: rgb(var(--pink-50));
}

.ring-offset-pink-100 {
  --tw-ring-offset-color: rgb(var(--pink-100));
}

.ring-offset-pink-200 {
  --tw-ring-offset-color: rgb(var(--pink-200));
}

.ring-offset-pink-300 {
  --tw-ring-offset-color: rgb(var(--pink-300));
}

.ring-offset-pink-400 {
  --tw-ring-offset-color: rgb(var(--pink-400));
}

.ring-offset-pink-500 {
  --tw-ring-offset-color: rgb(var(--pink-500));
}

.ring-offset-pink-600 {
  --tw-ring-offset-color: rgb(var(--pink-600));
}

.ring-offset-pink-700 {
  --tw-ring-offset-color: rgb(var(--pink-700));
}

.ring-offset-pink-800 {
  --tw-ring-offset-color: rgb(var(--pink-800));
}

.ring-offset-pink-900 {
  --tw-ring-offset-color: rgb(var(--pink-900));
}

.ring-offset-rose-50 {
  --tw-ring-offset-color: rgb(var(--rose-50));
}

.ring-offset-rose-100 {
  --tw-ring-offset-color: rgb(var(--rose-100));
}

.ring-offset-rose-200 {
  --tw-ring-offset-color: rgb(var(--rose-200));
}

.ring-offset-rose-300 {
  --tw-ring-offset-color: rgb(var(--rose-300));
}

.ring-offset-rose-400 {
  --tw-ring-offset-color: rgb(var(--rose-400));
}

.ring-offset-rose-500 {
  --tw-ring-offset-color: rgb(var(--rose-500));
}

.ring-offset-rose-600 {
  --tw-ring-offset-color: rgb(var(--rose-600));
}

.ring-offset-rose-700 {
  --tw-ring-offset-color: rgb(var(--rose-700));
}

.ring-offset-rose-800 {
  --tw-ring-offset-color: rgb(var(--rose-800));
}

.ring-offset-rose-900 {
  --tw-ring-offset-color: rgb(var(--rose-900));
}

.ring-offset-slate-50 {
  --tw-ring-offset-color: rgb(var(--slate-50));
}

.ring-offset-slate-100 {
  --tw-ring-offset-color: rgb(var(--slate-100));
}

.ring-offset-slate-200 {
  --tw-ring-offset-color: rgb(var(--slate-200));
}

.ring-offset-slate-300 {
  --tw-ring-offset-color: rgb(var(--slate-300));
}

.ring-offset-slate-400 {
  --tw-ring-offset-color: rgb(var(--slate-400));
}

.ring-offset-slate-500 {
  --tw-ring-offset-color: rgb(var(--slate-500));
}

.ring-offset-slate-600 {
  --tw-ring-offset-color: rgb(var(--slate-600));
}

.ring-offset-slate-700 {
  --tw-ring-offset-color: rgb(var(--slate-700));
}

.ring-offset-slate-800 {
  --tw-ring-offset-color: rgb(var(--slate-800));
}

.ring-offset-slate-900 {
  --tw-ring-offset-color: rgb(var(--slate-900));
}

.ring-offset-gray-50 {
  --tw-ring-offset-color: rgb(var(--gray-50));
}

.ring-offset-gray-100 {
  --tw-ring-offset-color: rgb(var(--gray-100));
}

.ring-offset-gray-200 {
  --tw-ring-offset-color: rgb(var(--gray-200));
}

.ring-offset-gray-300 {
  --tw-ring-offset-color: rgb(var(--gray-300));
}

.ring-offset-gray-400 {
  --tw-ring-offset-color: rgb(var(--gray-400));
}

.ring-offset-gray-500 {
  --tw-ring-offset-color: rgb(var(--gray-500));
}

.ring-offset-gray-600 {
  --tw-ring-offset-color: rgb(var(--gray-600));
}

.ring-offset-gray-700 {
  --tw-ring-offset-color: rgb(var(--gray-700));
}

.ring-offset-gray-800 {
  --tw-ring-offset-color: rgb(var(--gray-800));
}

.ring-offset-gray-900 {
  --tw-ring-offset-color: rgb(var(--gray-900));
}

.ring-offset-zinc-50 {
  --tw-ring-offset-color: rgb(var(--zinc-50));
}

.ring-offset-zinc-100 {
  --tw-ring-offset-color: rgb(var(--zinc-100));
}

.ring-offset-zinc-200 {
  --tw-ring-offset-color: rgb(var(--zinc-200));
}

.ring-offset-zinc-300 {
  --tw-ring-offset-color: rgb(var(--zinc-300));
}

.ring-offset-zinc-400 {
  --tw-ring-offset-color: rgb(var(--zinc-400));
}

.ring-offset-zinc-500 {
  --tw-ring-offset-color: rgb(var(--zinc-500));
}

.ring-offset-zinc-600 {
  --tw-ring-offset-color: rgb(var(--zinc-600));
}

.ring-offset-zinc-700 {
  --tw-ring-offset-color: rgb(var(--zinc-700));
}

.ring-offset-zinc-800 {
  --tw-ring-offset-color: rgb(var(--zinc-800));
}

.ring-offset-zinc-900 {
  --tw-ring-offset-color: rgb(var(--zinc-900));
}

.ring-offset-black-DEFAULT {
  --tw-ring-offset-color: rgb(var(--black-DEFAULT));
}

.ring-offset-white-DEFAULT {
  --tw-ring-offset-color: rgb(var(--white-DEFAULT));
}

.ring-offset-color-red-50 {
  --tw-ring-offset-color: rgb(var(--red-50));
}

.ring-offset-color-red-100 {
  --tw-ring-offset-color: rgb(var(--red-100));
}

.ring-offset-color-red-200 {
  --tw-ring-offset-color: rgb(var(--red-200));
}

.ring-offset-color-red-300 {
  --tw-ring-offset-color: rgb(var(--red-300));
}

.ring-offset-color-red-400 {
  --tw-ring-offset-color: rgb(var(--red-400));
}

.ring-offset-color-red-500 {
  --tw-ring-offset-color: rgb(var(--red-500));
}

.ring-offset-color-red-600 {
  --tw-ring-offset-color: rgb(var(--red-600));
}

.ring-offset-color-red-700 {
  --tw-ring-offset-color: rgb(var(--red-700));
}

.ring-offset-color-red-800 {
  --tw-ring-offset-color: rgb(var(--red-800));
}

.ring-offset-color-red-900 {
  --tw-ring-offset-color: rgb(var(--red-900));
}

.ring-offset-color-orange-50 {
  --tw-ring-offset-color: rgb(var(--orange-50));
}

.ring-offset-color-orange-100 {
  --tw-ring-offset-color: rgb(var(--orange-100));
}

.ring-offset-color-orange-200 {
  --tw-ring-offset-color: rgb(var(--orange-200));
}

.ring-offset-color-orange-300 {
  --tw-ring-offset-color: rgb(var(--orange-300));
}

.ring-offset-color-orange-400 {
  --tw-ring-offset-color: rgb(var(--orange-400));
}

.ring-offset-color-orange-500 {
  --tw-ring-offset-color: rgb(var(--orange-500));
}

.ring-offset-color-orange-600 {
  --tw-ring-offset-color: rgb(var(--orange-600));
}

.ring-offset-color-orange-700 {
  --tw-ring-offset-color: rgb(var(--orange-700));
}

.ring-offset-color-orange-800 {
  --tw-ring-offset-color: rgb(var(--orange-800));
}

.ring-offset-color-orange-900 {
  --tw-ring-offset-color: rgb(var(--orange-900));
}

.ring-offset-color-amber-50 {
  --tw-ring-offset-color: rgb(var(--amber-50));
}

.ring-offset-color-amber-100 {
  --tw-ring-offset-color: rgb(var(--amber-100));
}

.ring-offset-color-amber-200 {
  --tw-ring-offset-color: rgb(var(--amber-200));
}

.ring-offset-color-amber-300 {
  --tw-ring-offset-color: rgb(var(--amber-300));
}

.ring-offset-color-amber-400 {
  --tw-ring-offset-color: rgb(var(--amber-400));
}

.ring-offset-color-amber-500 {
  --tw-ring-offset-color: rgb(var(--amber-500));
}

.ring-offset-color-amber-600 {
  --tw-ring-offset-color: rgb(var(--amber-600));
}

.ring-offset-color-amber-700 {
  --tw-ring-offset-color: rgb(var(--amber-700));
}

.ring-offset-color-amber-800 {
  --tw-ring-offset-color: rgb(var(--amber-800));
}

.ring-offset-color-amber-900 {
  --tw-ring-offset-color: rgb(var(--amber-900));
}

.ring-offset-color-yellow-50 {
  --tw-ring-offset-color: rgb(var(--yellow-50));
}

.ring-offset-color-yellow-100 {
  --tw-ring-offset-color: rgb(var(--yellow-100));
}

.ring-offset-color-yellow-200 {
  --tw-ring-offset-color: rgb(var(--yellow-200));
}

.ring-offset-color-yellow-300 {
  --tw-ring-offset-color: rgb(var(--yellow-300));
}

.ring-offset-color-yellow-400 {
  --tw-ring-offset-color: rgb(var(--yellow-400));
}

.ring-offset-color-yellow-500 {
  --tw-ring-offset-color: rgb(var(--yellow-500));
}

.ring-offset-color-yellow-600 {
  --tw-ring-offset-color: rgb(var(--yellow-600));
}

.ring-offset-color-yellow-700 {
  --tw-ring-offset-color: rgb(var(--yellow-700));
}

.ring-offset-color-yellow-800 {
  --tw-ring-offset-color: rgb(var(--yellow-800));
}

.ring-offset-color-yellow-900 {
  --tw-ring-offset-color: rgb(var(--yellow-900));
}

.ring-offset-color-lime-50 {
  --tw-ring-offset-color: rgb(var(--lime-50));
}

.ring-offset-color-lime-100 {
  --tw-ring-offset-color: rgb(var(--lime-100));
}

.ring-offset-color-lime-200 {
  --tw-ring-offset-color: rgb(var(--lime-200));
}

.ring-offset-color-lime-300 {
  --tw-ring-offset-color: rgb(var(--lime-300));
}

.ring-offset-color-lime-400 {
  --tw-ring-offset-color: rgb(var(--lime-400));
}

.ring-offset-color-lime-500 {
  --tw-ring-offset-color: rgb(var(--lime-500));
}

.ring-offset-color-lime-600 {
  --tw-ring-offset-color: rgb(var(--lime-600));
}

.ring-offset-color-lime-700 {
  --tw-ring-offset-color: rgb(var(--lime-700));
}

.ring-offset-color-lime-800 {
  --tw-ring-offset-color: rgb(var(--lime-800));
}

.ring-offset-color-lime-900 {
  --tw-ring-offset-color: rgb(var(--lime-900));
}

.ring-offset-color-green-50 {
  --tw-ring-offset-color: rgb(var(--green-50));
}

.ring-offset-color-green-100 {
  --tw-ring-offset-color: rgb(var(--green-100));
}

.ring-offset-color-green-200 {
  --tw-ring-offset-color: rgb(var(--green-200));
}

.ring-offset-color-green-300 {
  --tw-ring-offset-color: rgb(var(--green-300));
}

.ring-offset-color-green-400 {
  --tw-ring-offset-color: rgb(var(--green-400));
}

.ring-offset-color-green-500 {
  --tw-ring-offset-color: rgb(var(--green-500));
}

.ring-offset-color-green-600 {
  --tw-ring-offset-color: rgb(var(--green-600));
}

.ring-offset-color-green-700 {
  --tw-ring-offset-color: rgb(var(--green-700));
}

.ring-offset-color-green-800 {
  --tw-ring-offset-color: rgb(var(--green-800));
}

.ring-offset-color-green-900 {
  --tw-ring-offset-color: rgb(var(--green-900));
}

.ring-offset-color-emerald-50 {
  --tw-ring-offset-color: rgb(var(--emerald-50));
}

.ring-offset-color-emerald-100 {
  --tw-ring-offset-color: rgb(var(--emerald-100));
}

.ring-offset-color-emerald-200 {
  --tw-ring-offset-color: rgb(var(--emerald-200));
}

.ring-offset-color-emerald-300 {
  --tw-ring-offset-color: rgb(var(--emerald-300));
}

.ring-offset-color-emerald-400 {
  --tw-ring-offset-color: rgb(var(--emerald-400));
}

.ring-offset-color-emerald-500 {
  --tw-ring-offset-color: rgb(var(--emerald-500));
}

.ring-offset-color-emerald-600 {
  --tw-ring-offset-color: rgb(var(--emerald-600));
}

.ring-offset-color-emerald-700 {
  --tw-ring-offset-color: rgb(var(--emerald-700));
}

.ring-offset-color-emerald-800 {
  --tw-ring-offset-color: rgb(var(--emerald-800));
}

.ring-offset-color-emerald-900 {
  --tw-ring-offset-color: rgb(var(--emerald-900));
}

.ring-offset-color-teal-50 {
  --tw-ring-offset-color: rgb(var(--teal-50));
}

.ring-offset-color-teal-100 {
  --tw-ring-offset-color: rgb(var(--teal-100));
}

.ring-offset-color-teal-200 {
  --tw-ring-offset-color: rgb(var(--teal-200));
}

.ring-offset-color-teal-300 {
  --tw-ring-offset-color: rgb(var(--teal-300));
}

.ring-offset-color-teal-400 {
  --tw-ring-offset-color: rgb(var(--teal-400));
}

.ring-offset-color-teal-500 {
  --tw-ring-offset-color: rgb(var(--teal-500));
}

.ring-offset-color-teal-600 {
  --tw-ring-offset-color: rgb(var(--teal-600));
}

.ring-offset-color-teal-700 {
  --tw-ring-offset-color: rgb(var(--teal-700));
}

.ring-offset-color-teal-800 {
  --tw-ring-offset-color: rgb(var(--teal-800));
}

.ring-offset-color-teal-900 {
  --tw-ring-offset-color: rgb(var(--teal-900));
}

.ring-offset-color-cyan-50 {
  --tw-ring-offset-color: rgb(var(--cyan-50));
}

.ring-offset-color-cyan-100 {
  --tw-ring-offset-color: rgb(var(--cyan-100));
}

.ring-offset-color-cyan-200 {
  --tw-ring-offset-color: rgb(var(--cyan-200));
}

.ring-offset-color-cyan-300 {
  --tw-ring-offset-color: rgb(var(--cyan-300));
}

.ring-offset-color-cyan-400 {
  --tw-ring-offset-color: rgb(var(--cyan-400));
}

.ring-offset-color-cyan-500 {
  --tw-ring-offset-color: rgb(var(--cyan-500));
}

.ring-offset-color-cyan-600 {
  --tw-ring-offset-color: rgb(var(--cyan-600));
}

.ring-offset-color-cyan-700 {
  --tw-ring-offset-color: rgb(var(--cyan-700));
}

.ring-offset-color-cyan-800 {
  --tw-ring-offset-color: rgb(var(--cyan-800));
}

.ring-offset-color-cyan-900 {
  --tw-ring-offset-color: rgb(var(--cyan-900));
}

.ring-offset-color-sky-50 {
  --tw-ring-offset-color: rgb(var(--sky-50));
}

.ring-offset-color-sky-100 {
  --tw-ring-offset-color: rgb(var(--sky-100));
}

.ring-offset-color-sky-200 {
  --tw-ring-offset-color: rgb(var(--sky-200));
}

.ring-offset-color-sky-300 {
  --tw-ring-offset-color: rgb(var(--sky-300));
}

.ring-offset-color-sky-400 {
  --tw-ring-offset-color: rgb(var(--sky-400));
}

.ring-offset-color-sky-500 {
  --tw-ring-offset-color: rgb(var(--sky-500));
}

.ring-offset-color-sky-600 {
  --tw-ring-offset-color: rgb(var(--sky-600));
}

.ring-offset-color-sky-700 {
  --tw-ring-offset-color: rgb(var(--sky-700));
}

.ring-offset-color-sky-800 {
  --tw-ring-offset-color: rgb(var(--sky-800));
}

.ring-offset-color-sky-900 {
  --tw-ring-offset-color: rgb(var(--sky-900));
}

.ring-offset-color-blue-50 {
  --tw-ring-offset-color: rgb(var(--blue-50));
}

.ring-offset-color-blue-100 {
  --tw-ring-offset-color: rgb(var(--blue-100));
}

.ring-offset-color-blue-200 {
  --tw-ring-offset-color: rgb(var(--blue-200));
}

.ring-offset-color-blue-300 {
  --tw-ring-offset-color: rgb(var(--blue-300));
}

.ring-offset-color-blue-400 {
  --tw-ring-offset-color: rgb(var(--blue-400));
}

.ring-offset-color-blue-500 {
  --tw-ring-offset-color: rgb(var(--blue-500));
}

.ring-offset-color-blue-600 {
  --tw-ring-offset-color: rgb(var(--blue-600));
}

.ring-offset-color-blue-700 {
  --tw-ring-offset-color: rgb(var(--blue-700));
}

.ring-offset-color-blue-800 {
  --tw-ring-offset-color: rgb(var(--blue-800));
}

.ring-offset-color-blue-900 {
  --tw-ring-offset-color: rgb(var(--blue-900));
}

.ring-offset-color-indigo-50 {
  --tw-ring-offset-color: rgb(var(--indigo-50));
}

.ring-offset-color-indigo-100 {
  --tw-ring-offset-color: rgb(var(--indigo-100));
}

.ring-offset-color-indigo-200 {
  --tw-ring-offset-color: rgb(var(--indigo-200));
}

.ring-offset-color-indigo-300 {
  --tw-ring-offset-color: rgb(var(--indigo-300));
}

.ring-offset-color-indigo-400 {
  --tw-ring-offset-color: rgb(var(--indigo-400));
}

.ring-offset-color-indigo-500 {
  --tw-ring-offset-color: rgb(var(--indigo-500));
}

.ring-offset-color-indigo-600 {
  --tw-ring-offset-color: rgb(var(--indigo-600));
}

.ring-offset-color-indigo-700 {
  --tw-ring-offset-color: rgb(var(--indigo-700));
}

.ring-offset-color-indigo-800 {
  --tw-ring-offset-color: rgb(var(--indigo-800));
}

.ring-offset-color-indigo-900 {
  --tw-ring-offset-color: rgb(var(--indigo-900));
}

.ring-offset-color-violet-50 {
  --tw-ring-offset-color: rgb(var(--violet-50));
}

.ring-offset-color-violet-100 {
  --tw-ring-offset-color: rgb(var(--violet-100));
}

.ring-offset-color-violet-200 {
  --tw-ring-offset-color: rgb(var(--violet-200));
}

.ring-offset-color-violet-300 {
  --tw-ring-offset-color: rgb(var(--violet-300));
}

.ring-offset-color-violet-400 {
  --tw-ring-offset-color: rgb(var(--violet-400));
}

.ring-offset-color-violet-500 {
  --tw-ring-offset-color: rgb(var(--violet-500));
}

.ring-offset-color-violet-600 {
  --tw-ring-offset-color: rgb(var(--violet-600));
}

.ring-offset-color-violet-700 {
  --tw-ring-offset-color: rgb(var(--violet-700));
}

.ring-offset-color-violet-800 {
  --tw-ring-offset-color: rgb(var(--violet-800));
}

.ring-offset-color-violet-900 {
  --tw-ring-offset-color: rgb(var(--violet-900));
}

.ring-offset-color-purple-50 {
  --tw-ring-offset-color: rgb(var(--purple-50));
}

.ring-offset-color-purple-100 {
  --tw-ring-offset-color: rgb(var(--purple-100));
}

.ring-offset-color-purple-200 {
  --tw-ring-offset-color: rgb(var(--purple-200));
}

.ring-offset-color-purple-300 {
  --tw-ring-offset-color: rgb(var(--purple-300));
}

.ring-offset-color-purple-400 {
  --tw-ring-offset-color: rgb(var(--purple-400));
}

.ring-offset-color-purple-500 {
  --tw-ring-offset-color: rgb(var(--purple-500));
}

.ring-offset-color-purple-600 {
  --tw-ring-offset-color: rgb(var(--purple-600));
}

.ring-offset-color-purple-700 {
  --tw-ring-offset-color: rgb(var(--purple-700));
}

.ring-offset-color-purple-800 {
  --tw-ring-offset-color: rgb(var(--purple-800));
}

.ring-offset-color-purple-900 {
  --tw-ring-offset-color: rgb(var(--purple-900));
}

.ring-offset-color-fuchsia-50 {
  --tw-ring-offset-color: rgb(var(--fuchsia-50));
}

.ring-offset-color-fuchsia-100 {
  --tw-ring-offset-color: rgb(var(--fuchsia-100));
}

.ring-offset-color-fuchsia-200 {
  --tw-ring-offset-color: rgb(var(--fuchsia-200));
}

.ring-offset-color-fuchsia-300 {
  --tw-ring-offset-color: rgb(var(--fuchsia-300));
}

.ring-offset-color-fuchsia-400 {
  --tw-ring-offset-color: rgb(var(--fuchsia-400));
}

.ring-offset-color-fuchsia-500 {
  --tw-ring-offset-color: rgb(var(--fuchsia-500));
}

.ring-offset-color-fuchsia-600 {
  --tw-ring-offset-color: rgb(var(--fuchsia-600));
}

.ring-offset-color-fuchsia-700 {
  --tw-ring-offset-color: rgb(var(--fuchsia-700));
}

.ring-offset-color-fuchsia-800 {
  --tw-ring-offset-color: rgb(var(--fuchsia-800));
}

.ring-offset-color-fuchsia-900 {
  --tw-ring-offset-color: rgb(var(--fuchsia-900));
}

.ring-offset-color-pink-50 {
  --tw-ring-offset-color: rgb(var(--pink-50));
}

.ring-offset-color-pink-100 {
  --tw-ring-offset-color: rgb(var(--pink-100));
}

.ring-offset-color-pink-200 {
  --tw-ring-offset-color: rgb(var(--pink-200));
}

.ring-offset-color-pink-300 {
  --tw-ring-offset-color: rgb(var(--pink-300));
}

.ring-offset-color-pink-400 {
  --tw-ring-offset-color: rgb(var(--pink-400));
}

.ring-offset-color-pink-500 {
  --tw-ring-offset-color: rgb(var(--pink-500));
}

.ring-offset-color-pink-600 {
  --tw-ring-offset-color: rgb(var(--pink-600));
}

.ring-offset-color-pink-700 {
  --tw-ring-offset-color: rgb(var(--pink-700));
}

.ring-offset-color-pink-800 {
  --tw-ring-offset-color: rgb(var(--pink-800));
}

.ring-offset-color-pink-900 {
  --tw-ring-offset-color: rgb(var(--pink-900));
}

.ring-offset-color-rose-50 {
  --tw-ring-offset-color: rgb(var(--rose-50));
}

.ring-offset-color-rose-100 {
  --tw-ring-offset-color: rgb(var(--rose-100));
}

.ring-offset-color-rose-200 {
  --tw-ring-offset-color: rgb(var(--rose-200));
}

.ring-offset-color-rose-300 {
  --tw-ring-offset-color: rgb(var(--rose-300));
}

.ring-offset-color-rose-400 {
  --tw-ring-offset-color: rgb(var(--rose-400));
}

.ring-offset-color-rose-500 {
  --tw-ring-offset-color: rgb(var(--rose-500));
}

.ring-offset-color-rose-600 {
  --tw-ring-offset-color: rgb(var(--rose-600));
}

.ring-offset-color-rose-700 {
  --tw-ring-offset-color: rgb(var(--rose-700));
}

.ring-offset-color-rose-800 {
  --tw-ring-offset-color: rgb(var(--rose-800));
}

.ring-offset-color-rose-900 {
  --tw-ring-offset-color: rgb(var(--rose-900));
}

.ring-offset-color-slate-50 {
  --tw-ring-offset-color: rgb(var(--slate-50));
}

.ring-offset-color-slate-100 {
  --tw-ring-offset-color: rgb(var(--slate-100));
}

.ring-offset-color-slate-200 {
  --tw-ring-offset-color: rgb(var(--slate-200));
}

.ring-offset-color-slate-300 {
  --tw-ring-offset-color: rgb(var(--slate-300));
}

.ring-offset-color-slate-400 {
  --tw-ring-offset-color: rgb(var(--slate-400));
}

.ring-offset-color-slate-500 {
  --tw-ring-offset-color: rgb(var(--slate-500));
}

.ring-offset-color-slate-600 {
  --tw-ring-offset-color: rgb(var(--slate-600));
}

.ring-offset-color-slate-700 {
  --tw-ring-offset-color: rgb(var(--slate-700));
}

.ring-offset-color-slate-800 {
  --tw-ring-offset-color: rgb(var(--slate-800));
}

.ring-offset-color-slate-900 {
  --tw-ring-offset-color: rgb(var(--slate-900));
}

.ring-offset-color-gray-50 {
  --tw-ring-offset-color: rgb(var(--gray-50));
}

.ring-offset-color-gray-100 {
  --tw-ring-offset-color: rgb(var(--gray-100));
}

.ring-offset-color-gray-200 {
  --tw-ring-offset-color: rgb(var(--gray-200));
}

.ring-offset-color-gray-300 {
  --tw-ring-offset-color: rgb(var(--gray-300));
}

.ring-offset-color-gray-400 {
  --tw-ring-offset-color: rgb(var(--gray-400));
}

.ring-offset-color-gray-500 {
  --tw-ring-offset-color: rgb(var(--gray-500));
}

.ring-offset-color-gray-600 {
  --tw-ring-offset-color: rgb(var(--gray-600));
}

.ring-offset-color-gray-700 {
  --tw-ring-offset-color: rgb(var(--gray-700));
}

.ring-offset-color-gray-800 {
  --tw-ring-offset-color: rgb(var(--gray-800));
}

.ring-offset-color-gray-900 {
  --tw-ring-offset-color: rgb(var(--gray-900));
}

.ring-offset-color-zinc-50 {
  --tw-ring-offset-color: rgb(var(--zinc-50));
}

.ring-offset-color-zinc-100 {
  --tw-ring-offset-color: rgb(var(--zinc-100));
}

.ring-offset-color-zinc-200 {
  --tw-ring-offset-color: rgb(var(--zinc-200));
}

.ring-offset-color-zinc-300 {
  --tw-ring-offset-color: rgb(var(--zinc-300));
}

.ring-offset-color-zinc-400 {
  --tw-ring-offset-color: rgb(var(--zinc-400));
}

.ring-offset-color-zinc-500 {
  --tw-ring-offset-color: rgb(var(--zinc-500));
}

.ring-offset-color-zinc-600 {
  --tw-ring-offset-color: rgb(var(--zinc-600));
}

.ring-offset-color-zinc-700 {
  --tw-ring-offset-color: rgb(var(--zinc-700));
}

.ring-offset-color-zinc-800 {
  --tw-ring-offset-color: rgb(var(--zinc-800));
}

.ring-offset-color-zinc-900 {
  --tw-ring-offset-color: rgb(var(--zinc-900));
}

.ring-offset-color-black-DEFAULT {
  --tw-ring-offset-color: rgb(var(--black-DEFAULT));
}

.ring-offset-color-white-DEFAULT {
  --tw-ring-offset-color: rgb(var(--white-DEFAULT));
}

.ring-offset-opacity-0 {
  --tw-ring-offset-opacity: 0;
}

.ring-offset-opacity-5 {
  --tw-ring-offset-opacity: 0.05;
}

.ring-offset-opacity-10 {
  --tw-ring-offset-opacity: 0.1;
}

.ring-offset-opacity-20 {
  --tw-ring-offset-opacity: 0.2;
}

.ring-offset-opacity-25 {
  --tw-ring-offset-opacity: 0.25;
}

.ring-offset-opacity-30 {
  --tw-ring-offset-opacity: 0.3;
}

.ring-offset-opacity-40 {
  --tw-ring-offset-opacity: 0.4;
}

.ring-offset-opacity-50 {
  --tw-ring-offset-opacity: 0.5;
}

.ring-offset-opacity-60 {
  --tw-ring-offset-opacity: 0.6;
}

.ring-offset-opacity-70 {
  --tw-ring-offset-opacity: 0.7;
}

.ring-offset-opacity-75 {
  --tw-ring-offset-opacity: 0.75;
}

.ring-offset-opacity-80 {
  --tw-ring-offset-opacity: 0.8;
}

.ring-offset-opacity-90 {
  --tw-ring-offset-opacity: 0.9;
}

.ring-offset-opacity-95 {
  --tw-ring-offset-opacity: 0.95;
}

.ring-offset-opacity-100 {
  --tw-ring-offset-opacity: 1;
}

/* 边框样式 */
/* 基础类 */
.border-t-red-50 {
  border-top-color: rgb(var(--red-50));
}

.border-t-red-100 {
  border-top-color: rgb(var(--red-100));
}

.border-t-red-200 {
  border-top-color: rgb(var(--red-200));
}

.border-t-red-300 {
  border-top-color: rgb(var(--red-300));
}

.border-t-red-400 {
  border-top-color: rgb(var(--red-400));
}

.border-t-red-500 {
  border-top-color: rgb(var(--red-500));
}

.border-t-red-600 {
  border-top-color: rgb(var(--red-600));
}

.border-t-red-700 {
  border-top-color: rgb(var(--red-700));
}

.border-t-red-800 {
  border-top-color: rgb(var(--red-800));
}

.border-t-red-900 {
  border-top-color: rgb(var(--red-900));
}

.border-t-orange-50 {
  border-top-color: rgb(var(--orange-50));
}

.border-t-orange-100 {
  border-top-color: rgb(var(--orange-100));
}

.border-t-orange-200 {
  border-top-color: rgb(var(--orange-200));
}

.border-t-orange-300 {
  border-top-color: rgb(var(--orange-300));
}

.border-t-orange-400 {
  border-top-color: rgb(var(--orange-400));
}

.border-t-orange-500 {
  border-top-color: rgb(var(--orange-500));
}

.border-t-orange-600 {
  border-top-color: rgb(var(--orange-600));
}

.border-t-orange-700 {
  border-top-color: rgb(var(--orange-700));
}

.border-t-orange-800 {
  border-top-color: rgb(var(--orange-800));
}

.border-t-orange-900 {
  border-top-color: rgb(var(--orange-900));
}

.border-t-amber-50 {
  border-top-color: rgb(var(--amber-50));
}

.border-t-amber-100 {
  border-top-color: rgb(var(--amber-100));
}

.border-t-amber-200 {
  border-top-color: rgb(var(--amber-200));
}

.border-t-amber-300 {
  border-top-color: rgb(var(--amber-300));
}

.border-t-amber-400 {
  border-top-color: rgb(var(--amber-400));
}

.border-t-amber-500 {
  border-top-color: rgb(var(--amber-500));
}

.border-t-amber-600 {
  border-top-color: rgb(var(--amber-600));
}

.border-t-amber-700 {
  border-top-color: rgb(var(--amber-700));
}

.border-t-amber-800 {
  border-top-color: rgb(var(--amber-800));
}

.border-t-amber-900 {
  border-top-color: rgb(var(--amber-900));
}

.border-t-yellow-50 {
  border-top-color: rgb(var(--yellow-50));
}

.border-t-yellow-100 {
  border-top-color: rgb(var(--yellow-100));
}

.border-t-yellow-200 {
  border-top-color: rgb(var(--yellow-200));
}

.border-t-yellow-300 {
  border-top-color: rgb(var(--yellow-300));
}

.border-t-yellow-400 {
  border-top-color: rgb(var(--yellow-400));
}

.border-t-yellow-500 {
  border-top-color: rgb(var(--yellow-500));
}

.border-t-yellow-600 {
  border-top-color: rgb(var(--yellow-600));
}

.border-t-yellow-700 {
  border-top-color: rgb(var(--yellow-700));
}

.border-t-yellow-800 {
  border-top-color: rgb(var(--yellow-800));
}

.border-t-yellow-900 {
  border-top-color: rgb(var(--yellow-900));
}

.border-t-lime-50 {
  border-top-color: rgb(var(--lime-50));
}

.border-t-lime-100 {
  border-top-color: rgb(var(--lime-100));
}

.border-t-lime-200 {
  border-top-color: rgb(var(--lime-200));
}

.border-t-lime-300 {
  border-top-color: rgb(var(--lime-300));
}

.border-t-lime-400 {
  border-top-color: rgb(var(--lime-400));
}

.border-t-lime-500 {
  border-top-color: rgb(var(--lime-500));
}

.border-t-lime-600 {
  border-top-color: rgb(var(--lime-600));
}

.border-t-lime-700 {
  border-top-color: rgb(var(--lime-700));
}

.border-t-lime-800 {
  border-top-color: rgb(var(--lime-800));
}

.border-t-lime-900 {
  border-top-color: rgb(var(--lime-900));
}

.border-t-green-50 {
  border-top-color: rgb(var(--green-50));
}

.border-t-green-100 {
  border-top-color: rgb(var(--green-100));
}

.border-t-green-200 {
  border-top-color: rgb(var(--green-200));
}

.border-t-green-300 {
  border-top-color: rgb(var(--green-300));
}

.border-t-green-400 {
  border-top-color: rgb(var(--green-400));
}

.border-t-green-500 {
  border-top-color: rgb(var(--green-500));
}

.border-t-green-600 {
  border-top-color: rgb(var(--green-600));
}

.border-t-green-700 {
  border-top-color: rgb(var(--green-700));
}

.border-t-green-800 {
  border-top-color: rgb(var(--green-800));
}

.border-t-green-900 {
  border-top-color: rgb(var(--green-900));
}

.border-t-emerald-50 {
  border-top-color: rgb(var(--emerald-50));
}

.border-t-emerald-100 {
  border-top-color: rgb(var(--emerald-100));
}

.border-t-emerald-200 {
  border-top-color: rgb(var(--emerald-200));
}

.border-t-emerald-300 {
  border-top-color: rgb(var(--emerald-300));
}

.border-t-emerald-400 {
  border-top-color: rgb(var(--emerald-400));
}

.border-t-emerald-500 {
  border-top-color: rgb(var(--emerald-500));
}

.border-t-emerald-600 {
  border-top-color: rgb(var(--emerald-600));
}

.border-t-emerald-700 {
  border-top-color: rgb(var(--emerald-700));
}

.border-t-emerald-800 {
  border-top-color: rgb(var(--emerald-800));
}

.border-t-emerald-900 {
  border-top-color: rgb(var(--emerald-900));
}

.border-t-teal-50 {
  border-top-color: rgb(var(--teal-50));
}

.border-t-teal-100 {
  border-top-color: rgb(var(--teal-100));
}

.border-t-teal-200 {
  border-top-color: rgb(var(--teal-200));
}

.border-t-teal-300 {
  border-top-color: rgb(var(--teal-300));
}

.border-t-teal-400 {
  border-top-color: rgb(var(--teal-400));
}

.border-t-teal-500 {
  border-top-color: rgb(var(--teal-500));
}

.border-t-teal-600 {
  border-top-color: rgb(var(--teal-600));
}

.border-t-teal-700 {
  border-top-color: rgb(var(--teal-700));
}

.border-t-teal-800 {
  border-top-color: rgb(var(--teal-800));
}

.border-t-teal-900 {
  border-top-color: rgb(var(--teal-900));
}

.border-t-cyan-50 {
  border-top-color: rgb(var(--cyan-50));
}

.border-t-cyan-100 {
  border-top-color: rgb(var(--cyan-100));
}

.border-t-cyan-200 {
  border-top-color: rgb(var(--cyan-200));
}

.border-t-cyan-300 {
  border-top-color: rgb(var(--cyan-300));
}

.border-t-cyan-400 {
  border-top-color: rgb(var(--cyan-400));
}

.border-t-cyan-500 {
  border-top-color: rgb(var(--cyan-500));
}

.border-t-cyan-600 {
  border-top-color: rgb(var(--cyan-600));
}

.border-t-cyan-700 {
  border-top-color: rgb(var(--cyan-700));
}

.border-t-cyan-800 {
  border-top-color: rgb(var(--cyan-800));
}

.border-t-cyan-900 {
  border-top-color: rgb(var(--cyan-900));
}

.border-t-sky-50 {
  border-top-color: rgb(var(--sky-50));
}

.border-t-sky-100 {
  border-top-color: rgb(var(--sky-100));
}

.border-t-sky-200 {
  border-top-color: rgb(var(--sky-200));
}

.border-t-sky-300 {
  border-top-color: rgb(var(--sky-300));
}

.border-t-sky-400 {
  border-top-color: rgb(var(--sky-400));
}

.border-t-sky-500 {
  border-top-color: rgb(var(--sky-500));
}

.border-t-sky-600 {
  border-top-color: rgb(var(--sky-600));
}

.border-t-sky-700 {
  border-top-color: rgb(var(--sky-700));
}

.border-t-sky-800 {
  border-top-color: rgb(var(--sky-800));
}

.border-t-sky-900 {
  border-top-color: rgb(var(--sky-900));
}

.border-t-blue-50 {
  border-top-color: rgb(var(--blue-50));
}

.border-t-blue-100 {
  border-top-color: rgb(var(--blue-100));
}

.border-t-blue-200 {
  border-top-color: rgb(var(--blue-200));
}

.border-t-blue-300 {
  border-top-color: rgb(var(--blue-300));
}

.border-t-blue-400 {
  border-top-color: rgb(var(--blue-400));
}

.border-t-blue-500 {
  border-top-color: rgb(var(--blue-500));
}

.border-t-blue-600 {
  border-top-color: rgb(var(--blue-600));
}

.border-t-blue-700 {
  border-top-color: rgb(var(--blue-700));
}

.border-t-blue-800 {
  border-top-color: rgb(var(--blue-800));
}

.border-t-blue-900 {
  border-top-color: rgb(var(--blue-900));
}

.border-t-indigo-50 {
  border-top-color: rgb(var(--indigo-50));
}

.border-t-indigo-100 {
  border-top-color: rgb(var(--indigo-100));
}

.border-t-indigo-200 {
  border-top-color: rgb(var(--indigo-200));
}

.border-t-indigo-300 {
  border-top-color: rgb(var(--indigo-300));
}

.border-t-indigo-400 {
  border-top-color: rgb(var(--indigo-400));
}

.border-t-indigo-500 {
  border-top-color: rgb(var(--indigo-500));
}

.border-t-indigo-600 {
  border-top-color: rgb(var(--indigo-600));
}

.border-t-indigo-700 {
  border-top-color: rgb(var(--indigo-700));
}

.border-t-indigo-800 {
  border-top-color: rgb(var(--indigo-800));
}

.border-t-indigo-900 {
  border-top-color: rgb(var(--indigo-900));
}

.border-t-violet-50 {
  border-top-color: rgb(var(--violet-50));
}

.border-t-violet-100 {
  border-top-color: rgb(var(--violet-100));
}

.border-t-violet-200 {
  border-top-color: rgb(var(--violet-200));
}

.border-t-violet-300 {
  border-top-color: rgb(var(--violet-300));
}

.border-t-violet-400 {
  border-top-color: rgb(var(--violet-400));
}

.border-t-violet-500 {
  border-top-color: rgb(var(--violet-500));
}

.border-t-violet-600 {
  border-top-color: rgb(var(--violet-600));
}

.border-t-violet-700 {
  border-top-color: rgb(var(--violet-700));
}

.border-t-violet-800 {
  border-top-color: rgb(var(--violet-800));
}

.border-t-violet-900 {
  border-top-color: rgb(var(--violet-900));
}

.border-t-purple-50 {
  border-top-color: rgb(var(--purple-50));
}

.border-t-purple-100 {
  border-top-color: rgb(var(--purple-100));
}

.border-t-purple-200 {
  border-top-color: rgb(var(--purple-200));
}

.border-t-purple-300 {
  border-top-color: rgb(var(--purple-300));
}

.border-t-purple-400 {
  border-top-color: rgb(var(--purple-400));
}

.border-t-purple-500 {
  border-top-color: rgb(var(--purple-500));
}

.border-t-purple-600 {
  border-top-color: rgb(var(--purple-600));
}

.border-t-purple-700 {
  border-top-color: rgb(var(--purple-700));
}

.border-t-purple-800 {
  border-top-color: rgb(var(--purple-800));
}

.border-t-purple-900 {
  border-top-color: rgb(var(--purple-900));
}

.border-t-fuchsia-50 {
  border-top-color: rgb(var(--fuchsia-50));
}

.border-t-fuchsia-100 {
  border-top-color: rgb(var(--fuchsia-100));
}

.border-t-fuchsia-200 {
  border-top-color: rgb(var(--fuchsia-200));
}

.border-t-fuchsia-300 {
  border-top-color: rgb(var(--fuchsia-300));
}

.border-t-fuchsia-400 {
  border-top-color: rgb(var(--fuchsia-400));
}

.border-t-fuchsia-500 {
  border-top-color: rgb(var(--fuchsia-500));
}

.border-t-fuchsia-600 {
  border-top-color: rgb(var(--fuchsia-600));
}

.border-t-fuchsia-700 {
  border-top-color: rgb(var(--fuchsia-700));
}

.border-t-fuchsia-800 {
  border-top-color: rgb(var(--fuchsia-800));
}

.border-t-fuchsia-900 {
  border-top-color: rgb(var(--fuchsia-900));
}

.border-t-pink-50 {
  border-top-color: rgb(var(--pink-50));
}

.border-t-pink-100 {
  border-top-color: rgb(var(--pink-100));
}

.border-t-pink-200 {
  border-top-color: rgb(var(--pink-200));
}

.border-t-pink-300 {
  border-top-color: rgb(var(--pink-300));
}

.border-t-pink-400 {
  border-top-color: rgb(var(--pink-400));
}

.border-t-pink-500 {
  border-top-color: rgb(var(--pink-500));
}

.border-t-pink-600 {
  border-top-color: rgb(var(--pink-600));
}

.border-t-pink-700 {
  border-top-color: rgb(var(--pink-700));
}

.border-t-pink-800 {
  border-top-color: rgb(var(--pink-800));
}

.border-t-pink-900 {
  border-top-color: rgb(var(--pink-900));
}

.border-t-rose-50 {
  border-top-color: rgb(var(--rose-50));
}

.border-t-rose-100 {
  border-top-color: rgb(var(--rose-100));
}

.border-t-rose-200 {
  border-top-color: rgb(var(--rose-200));
}

.border-t-rose-300 {
  border-top-color: rgb(var(--rose-300));
}

.border-t-rose-400 {
  border-top-color: rgb(var(--rose-400));
}

.border-t-rose-500 {
  border-top-color: rgb(var(--rose-500));
}

.border-t-rose-600 {
  border-top-color: rgb(var(--rose-600));
}

.border-t-rose-700 {
  border-top-color: rgb(var(--rose-700));
}

.border-t-rose-800 {
  border-top-color: rgb(var(--rose-800));
}

.border-t-rose-900 {
  border-top-color: rgb(var(--rose-900));
}

.border-t-slate-50 {
  border-top-color: rgb(var(--slate-50));
}

.border-t-slate-100 {
  border-top-color: rgb(var(--slate-100));
}

.border-t-slate-200 {
  border-top-color: rgb(var(--slate-200));
}

.border-t-slate-300 {
  border-top-color: rgb(var(--slate-300));
}

.border-t-slate-400 {
  border-top-color: rgb(var(--slate-400));
}

.border-t-slate-500 {
  border-top-color: rgb(var(--slate-500));
}

.border-t-slate-600 {
  border-top-color: rgb(var(--slate-600));
}

.border-t-slate-700 {
  border-top-color: rgb(var(--slate-700));
}

.border-t-slate-800 {
  border-top-color: rgb(var(--slate-800));
}

.border-t-slate-900 {
  border-top-color: rgb(var(--slate-900));
}

.border-t-gray-50 {
  border-top-color: rgb(var(--gray-50));
}

.border-t-gray-100 {
  border-top-color: rgb(var(--gray-100));
}

.border-t-gray-200 {
  border-top-color: rgb(var(--gray-200));
}

.border-t-gray-300 {
  border-top-color: rgb(var(--gray-300));
}

.border-t-gray-400 {
  border-top-color: rgb(var(--gray-400));
}

.border-t-gray-500 {
  border-top-color: rgb(var(--gray-500));
}

.border-t-gray-600 {
  border-top-color: rgb(var(--gray-600));
}

.border-t-gray-700 {
  border-top-color: rgb(var(--gray-700));
}

.border-t-gray-800 {
  border-top-color: rgb(var(--gray-800));
}

.border-t-gray-900 {
  border-top-color: rgb(var(--gray-900));
}

.border-t-zinc-50 {
  border-top-color: rgb(var(--zinc-50));
}

.border-t-zinc-100 {
  border-top-color: rgb(var(--zinc-100));
}

.border-t-zinc-200 {
  border-top-color: rgb(var(--zinc-200));
}

.border-t-zinc-300 {
  border-top-color: rgb(var(--zinc-300));
}

.border-t-zinc-400 {
  border-top-color: rgb(var(--zinc-400));
}

.border-t-zinc-500 {
  border-top-color: rgb(var(--zinc-500));
}

.border-t-zinc-600 {
  border-top-color: rgb(var(--zinc-600));
}

.border-t-zinc-700 {
  border-top-color: rgb(var(--zinc-700));
}

.border-t-zinc-800 {
  border-top-color: rgb(var(--zinc-800));
}

.border-t-zinc-900 {
  border-top-color: rgb(var(--zinc-900));
}

.border-t-black-DEFAULT {
  border-top-color: rgb(var(--black-DEFAULT));
}

.border-t-white-DEFAULT {
  border-top-color: rgb(var(--white-DEFAULT));
}

.border-r-red-50 {
  border-right-color: rgb(var(--red-50));
}

.border-r-red-100 {
  border-right-color: rgb(var(--red-100));
}

.border-r-red-200 {
  border-right-color: rgb(var(--red-200));
}

.border-r-red-300 {
  border-right-color: rgb(var(--red-300));
}

.border-r-red-400 {
  border-right-color: rgb(var(--red-400));
}

.border-r-red-500 {
  border-right-color: rgb(var(--red-500));
}

.border-r-red-600 {
  border-right-color: rgb(var(--red-600));
}

.border-r-red-700 {
  border-right-color: rgb(var(--red-700));
}

.border-r-red-800 {
  border-right-color: rgb(var(--red-800));
}

.border-r-red-900 {
  border-right-color: rgb(var(--red-900));
}

.border-r-orange-50 {
  border-right-color: rgb(var(--orange-50));
}

.border-r-orange-100 {
  border-right-color: rgb(var(--orange-100));
}

.border-r-orange-200 {
  border-right-color: rgb(var(--orange-200));
}

.border-r-orange-300 {
  border-right-color: rgb(var(--orange-300));
}

.border-r-orange-400 {
  border-right-color: rgb(var(--orange-400));
}

.border-r-orange-500 {
  border-right-color: rgb(var(--orange-500));
}

.border-r-orange-600 {
  border-right-color: rgb(var(--orange-600));
}

.border-r-orange-700 {
  border-right-color: rgb(var(--orange-700));
}

.border-r-orange-800 {
  border-right-color: rgb(var(--orange-800));
}

.border-r-orange-900 {
  border-right-color: rgb(var(--orange-900));
}

.border-r-amber-50 {
  border-right-color: rgb(var(--amber-50));
}

.border-r-amber-100 {
  border-right-color: rgb(var(--amber-100));
}

.border-r-amber-200 {
  border-right-color: rgb(var(--amber-200));
}

.border-r-amber-300 {
  border-right-color: rgb(var(--amber-300));
}

.border-r-amber-400 {
  border-right-color: rgb(var(--amber-400));
}

.border-r-amber-500 {
  border-right-color: rgb(var(--amber-500));
}

.border-r-amber-600 {
  border-right-color: rgb(var(--amber-600));
}

.border-r-amber-700 {
  border-right-color: rgb(var(--amber-700));
}

.border-r-amber-800 {
  border-right-color: rgb(var(--amber-800));
}

.border-r-amber-900 {
  border-right-color: rgb(var(--amber-900));
}

.border-r-yellow-50 {
  border-right-color: rgb(var(--yellow-50));
}

.border-r-yellow-100 {
  border-right-color: rgb(var(--yellow-100));
}

.border-r-yellow-200 {
  border-right-color: rgb(var(--yellow-200));
}

.border-r-yellow-300 {
  border-right-color: rgb(var(--yellow-300));
}

.border-r-yellow-400 {
  border-right-color: rgb(var(--yellow-400));
}

.border-r-yellow-500 {
  border-right-color: rgb(var(--yellow-500));
}

.border-r-yellow-600 {
  border-right-color: rgb(var(--yellow-600));
}

.border-r-yellow-700 {
  border-right-color: rgb(var(--yellow-700));
}

.border-r-yellow-800 {
  border-right-color: rgb(var(--yellow-800));
}

.border-r-yellow-900 {
  border-right-color: rgb(var(--yellow-900));
}

.border-r-lime-50 {
  border-right-color: rgb(var(--lime-50));
}

.border-r-lime-100 {
  border-right-color: rgb(var(--lime-100));
}

.border-r-lime-200 {
  border-right-color: rgb(var(--lime-200));
}

.border-r-lime-300 {
  border-right-color: rgb(var(--lime-300));
}

.border-r-lime-400 {
  border-right-color: rgb(var(--lime-400));
}

.border-r-lime-500 {
  border-right-color: rgb(var(--lime-500));
}

.border-r-lime-600 {
  border-right-color: rgb(var(--lime-600));
}

.border-r-lime-700 {
  border-right-color: rgb(var(--lime-700));
}

.border-r-lime-800 {
  border-right-color: rgb(var(--lime-800));
}

.border-r-lime-900 {
  border-right-color: rgb(var(--lime-900));
}

.border-r-green-50 {
  border-right-color: rgb(var(--green-50));
}

.border-r-green-100 {
  border-right-color: rgb(var(--green-100));
}

.border-r-green-200 {
  border-right-color: rgb(var(--green-200));
}

.border-r-green-300 {
  border-right-color: rgb(var(--green-300));
}

.border-r-green-400 {
  border-right-color: rgb(var(--green-400));
}

.border-r-green-500 {
  border-right-color: rgb(var(--green-500));
}

.border-r-green-600 {
  border-right-color: rgb(var(--green-600));
}

.border-r-green-700 {
  border-right-color: rgb(var(--green-700));
}

.border-r-green-800 {
  border-right-color: rgb(var(--green-800));
}

.border-r-green-900 {
  border-right-color: rgb(var(--green-900));
}

.border-r-emerald-50 {
  border-right-color: rgb(var(--emerald-50));
}

.border-r-emerald-100 {
  border-right-color: rgb(var(--emerald-100));
}

.border-r-emerald-200 {
  border-right-color: rgb(var(--emerald-200));
}

.border-r-emerald-300 {
  border-right-color: rgb(var(--emerald-300));
}

.border-r-emerald-400 {
  border-right-color: rgb(var(--emerald-400));
}

.border-r-emerald-500 {
  border-right-color: rgb(var(--emerald-500));
}

.border-r-emerald-600 {
  border-right-color: rgb(var(--emerald-600));
}

.border-r-emerald-700 {
  border-right-color: rgb(var(--emerald-700));
}

.border-r-emerald-800 {
  border-right-color: rgb(var(--emerald-800));
}

.border-r-emerald-900 {
  border-right-color: rgb(var(--emerald-900));
}

.border-r-teal-50 {
  border-right-color: rgb(var(--teal-50));
}

.border-r-teal-100 {
  border-right-color: rgb(var(--teal-100));
}

.border-r-teal-200 {
  border-right-color: rgb(var(--teal-200));
}

.border-r-teal-300 {
  border-right-color: rgb(var(--teal-300));
}

.border-r-teal-400 {
  border-right-color: rgb(var(--teal-400));
}

.border-r-teal-500 {
  border-right-color: rgb(var(--teal-500));
}

.border-r-teal-600 {
  border-right-color: rgb(var(--teal-600));
}

.border-r-teal-700 {
  border-right-color: rgb(var(--teal-700));
}

.border-r-teal-800 {
  border-right-color: rgb(var(--teal-800));
}

.border-r-teal-900 {
  border-right-color: rgb(var(--teal-900));
}

.border-r-cyan-50 {
  border-right-color: rgb(var(--cyan-50));
}

.border-r-cyan-100 {
  border-right-color: rgb(var(--cyan-100));
}

.border-r-cyan-200 {
  border-right-color: rgb(var(--cyan-200));
}

.border-r-cyan-300 {
  border-right-color: rgb(var(--cyan-300));
}

.border-r-cyan-400 {
  border-right-color: rgb(var(--cyan-400));
}

.border-r-cyan-500 {
  border-right-color: rgb(var(--cyan-500));
}

.border-r-cyan-600 {
  border-right-color: rgb(var(--cyan-600));
}

.border-r-cyan-700 {
  border-right-color: rgb(var(--cyan-700));
}

.border-r-cyan-800 {
  border-right-color: rgb(var(--cyan-800));
}

.border-r-cyan-900 {
  border-right-color: rgb(var(--cyan-900));
}

.border-r-sky-50 {
  border-right-color: rgb(var(--sky-50));
}

.border-r-sky-100 {
  border-right-color: rgb(var(--sky-100));
}

.border-r-sky-200 {
  border-right-color: rgb(var(--sky-200));
}

.border-r-sky-300 {
  border-right-color: rgb(var(--sky-300));
}

.border-r-sky-400 {
  border-right-color: rgb(var(--sky-400));
}

.border-r-sky-500 {
  border-right-color: rgb(var(--sky-500));
}

.border-r-sky-600 {
  border-right-color: rgb(var(--sky-600));
}

.border-r-sky-700 {
  border-right-color: rgb(var(--sky-700));
}

.border-r-sky-800 {
  border-right-color: rgb(var(--sky-800));
}

.border-r-sky-900 {
  border-right-color: rgb(var(--sky-900));
}

.border-r-blue-50 {
  border-right-color: rgb(var(--blue-50));
}

.border-r-blue-100 {
  border-right-color: rgb(var(--blue-100));
}

.border-r-blue-200 {
  border-right-color: rgb(var(--blue-200));
}

.border-r-blue-300 {
  border-right-color: rgb(var(--blue-300));
}

.border-r-blue-400 {
  border-right-color: rgb(var(--blue-400));
}

.border-r-blue-500 {
  border-right-color: rgb(var(--blue-500));
}

.border-r-blue-600 {
  border-right-color: rgb(var(--blue-600));
}

.border-r-blue-700 {
  border-right-color: rgb(var(--blue-700));
}

.border-r-blue-800 {
  border-right-color: rgb(var(--blue-800));
}

.border-r-blue-900 {
  border-right-color: rgb(var(--blue-900));
}

.border-r-indigo-50 {
  border-right-color: rgb(var(--indigo-50));
}

.border-r-indigo-100 {
  border-right-color: rgb(var(--indigo-100));
}

.border-r-indigo-200 {
  border-right-color: rgb(var(--indigo-200));
}

.border-r-indigo-300 {
  border-right-color: rgb(var(--indigo-300));
}

.border-r-indigo-400 {
  border-right-color: rgb(var(--indigo-400));
}

.border-r-indigo-500 {
  border-right-color: rgb(var(--indigo-500));
}

.border-r-indigo-600 {
  border-right-color: rgb(var(--indigo-600));
}

.border-r-indigo-700 {
  border-right-color: rgb(var(--indigo-700));
}

.border-r-indigo-800 {
  border-right-color: rgb(var(--indigo-800));
}

.border-r-indigo-900 {
  border-right-color: rgb(var(--indigo-900));
}

.border-r-violet-50 {
  border-right-color: rgb(var(--violet-50));
}

.border-r-violet-100 {
  border-right-color: rgb(var(--violet-100));
}

.border-r-violet-200 {
  border-right-color: rgb(var(--violet-200));
}

.border-r-violet-300 {
  border-right-color: rgb(var(--violet-300));
}

.border-r-violet-400 {
  border-right-color: rgb(var(--violet-400));
}

.border-r-violet-500 {
  border-right-color: rgb(var(--violet-500));
}

.border-r-violet-600 {
  border-right-color: rgb(var(--violet-600));
}

.border-r-violet-700 {
  border-right-color: rgb(var(--violet-700));
}

.border-r-violet-800 {
  border-right-color: rgb(var(--violet-800));
}

.border-r-violet-900 {
  border-right-color: rgb(var(--violet-900));
}

.border-r-purple-50 {
  border-right-color: rgb(var(--purple-50));
}

.border-r-purple-100 {
  border-right-color: rgb(var(--purple-100));
}

.border-r-purple-200 {
  border-right-color: rgb(var(--purple-200));
}

.border-r-purple-300 {
  border-right-color: rgb(var(--purple-300));
}

.border-r-purple-400 {
  border-right-color: rgb(var(--purple-400));
}

.border-r-purple-500 {
  border-right-color: rgb(var(--purple-500));
}

.border-r-purple-600 {
  border-right-color: rgb(var(--purple-600));
}

.border-r-purple-700 {
  border-right-color: rgb(var(--purple-700));
}

.border-r-purple-800 {
  border-right-color: rgb(var(--purple-800));
}

.border-r-purple-900 {
  border-right-color: rgb(var(--purple-900));
}

.border-r-fuchsia-50 {
  border-right-color: rgb(var(--fuchsia-50));
}

.border-r-fuchsia-100 {
  border-right-color: rgb(var(--fuchsia-100));
}

.border-r-fuchsia-200 {
  border-right-color: rgb(var(--fuchsia-200));
}

.border-r-fuchsia-300 {
  border-right-color: rgb(var(--fuchsia-300));
}

.border-r-fuchsia-400 {
  border-right-color: rgb(var(--fuchsia-400));
}

.border-r-fuchsia-500 {
  border-right-color: rgb(var(--fuchsia-500));
}

.border-r-fuchsia-600 {
  border-right-color: rgb(var(--fuchsia-600));
}

.border-r-fuchsia-700 {
  border-right-color: rgb(var(--fuchsia-700));
}

.border-r-fuchsia-800 {
  border-right-color: rgb(var(--fuchsia-800));
}

.border-r-fuchsia-900 {
  border-right-color: rgb(var(--fuchsia-900));
}

.border-r-pink-50 {
  border-right-color: rgb(var(--pink-50));
}

.border-r-pink-100 {
  border-right-color: rgb(var(--pink-100));
}

.border-r-pink-200 {
  border-right-color: rgb(var(--pink-200));
}

.border-r-pink-300 {
  border-right-color: rgb(var(--pink-300));
}

.border-r-pink-400 {
  border-right-color: rgb(var(--pink-400));
}

.border-r-pink-500 {
  border-right-color: rgb(var(--pink-500));
}

.border-r-pink-600 {
  border-right-color: rgb(var(--pink-600));
}

.border-r-pink-700 {
  border-right-color: rgb(var(--pink-700));
}

.border-r-pink-800 {
  border-right-color: rgb(var(--pink-800));
}

.border-r-pink-900 {
  border-right-color: rgb(var(--pink-900));
}

.border-r-rose-50 {
  border-right-color: rgb(var(--rose-50));
}

.border-r-rose-100 {
  border-right-color: rgb(var(--rose-100));
}

.border-r-rose-200 {
  border-right-color: rgb(var(--rose-200));
}

.border-r-rose-300 {
  border-right-color: rgb(var(--rose-300));
}

.border-r-rose-400 {
  border-right-color: rgb(var(--rose-400));
}

.border-r-rose-500 {
  border-right-color: rgb(var(--rose-500));
}

.border-r-rose-600 {
  border-right-color: rgb(var(--rose-600));
}

.border-r-rose-700 {
  border-right-color: rgb(var(--rose-700));
}

.border-r-rose-800 {
  border-right-color: rgb(var(--rose-800));
}

.border-r-rose-900 {
  border-right-color: rgb(var(--rose-900));
}

.border-r-slate-50 {
  border-right-color: rgb(var(--slate-50));
}

.border-r-slate-100 {
  border-right-color: rgb(var(--slate-100));
}

.border-r-slate-200 {
  border-right-color: rgb(var(--slate-200));
}

.border-r-slate-300 {
  border-right-color: rgb(var(--slate-300));
}

.border-r-slate-400 {
  border-right-color: rgb(var(--slate-400));
}

.border-r-slate-500 {
  border-right-color: rgb(var(--slate-500));
}

.border-r-slate-600 {
  border-right-color: rgb(var(--slate-600));
}

.border-r-slate-700 {
  border-right-color: rgb(var(--slate-700));
}

.border-r-slate-800 {
  border-right-color: rgb(var(--slate-800));
}

.border-r-slate-900 {
  border-right-color: rgb(var(--slate-900));
}

.border-r-gray-50 {
  border-right-color: rgb(var(--gray-50));
}

.border-r-gray-100 {
  border-right-color: rgb(var(--gray-100));
}

.border-r-gray-200 {
  border-right-color: rgb(var(--gray-200));
}

.border-r-gray-300 {
  border-right-color: rgb(var(--gray-300));
}

.border-r-gray-400 {
  border-right-color: rgb(var(--gray-400));
}

.border-r-gray-500 {
  border-right-color: rgb(var(--gray-500));
}

.border-r-gray-600 {
  border-right-color: rgb(var(--gray-600));
}

.border-r-gray-700 {
  border-right-color: rgb(var(--gray-700));
}

.border-r-gray-800 {
  border-right-color: rgb(var(--gray-800));
}

.border-r-gray-900 {
  border-right-color: rgb(var(--gray-900));
}

.border-r-zinc-50 {
  border-right-color: rgb(var(--zinc-50));
}

.border-r-zinc-100 {
  border-right-color: rgb(var(--zinc-100));
}

.border-r-zinc-200 {
  border-right-color: rgb(var(--zinc-200));
}

.border-r-zinc-300 {
  border-right-color: rgb(var(--zinc-300));
}

.border-r-zinc-400 {
  border-right-color: rgb(var(--zinc-400));
}

.border-r-zinc-500 {
  border-right-color: rgb(var(--zinc-500));
}

.border-r-zinc-600 {
  border-right-color: rgb(var(--zinc-600));
}

.border-r-zinc-700 {
  border-right-color: rgb(var(--zinc-700));
}

.border-r-zinc-800 {
  border-right-color: rgb(var(--zinc-800));
}

.border-r-zinc-900 {
  border-right-color: rgb(var(--zinc-900));
}

.border-r-black-DEFAULT {
  border-right-color: rgb(var(--black-DEFAULT));
}

.border-r-white-DEFAULT {
  border-right-color: rgb(var(--white-DEFAULT));
}

.border-b-red-50 {
  border-bottom-color: rgb(var(--red-50));
}

.border-b-red-100 {
  border-bottom-color: rgb(var(--red-100));
}

.border-b-red-200 {
  border-bottom-color: rgb(var(--red-200));
}

.border-b-red-300 {
  border-bottom-color: rgb(var(--red-300));
}

.border-b-red-400 {
  border-bottom-color: rgb(var(--red-400));
}

.border-b-red-500 {
  border-bottom-color: rgb(var(--red-500));
}

.border-b-red-600 {
  border-bottom-color: rgb(var(--red-600));
}

.border-b-red-700 {
  border-bottom-color: rgb(var(--red-700));
}

.border-b-red-800 {
  border-bottom-color: rgb(var(--red-800));
}

.border-b-red-900 {
  border-bottom-color: rgb(var(--red-900));
}

.border-b-orange-50 {
  border-bottom-color: rgb(var(--orange-50));
}

.border-b-orange-100 {
  border-bottom-color: rgb(var(--orange-100));
}

.border-b-orange-200 {
  border-bottom-color: rgb(var(--orange-200));
}

.border-b-orange-300 {
  border-bottom-color: rgb(var(--orange-300));
}

.border-b-orange-400 {
  border-bottom-color: rgb(var(--orange-400));
}

.border-b-orange-500 {
  border-bottom-color: rgb(var(--orange-500));
}

.border-b-orange-600 {
  border-bottom-color: rgb(var(--orange-600));
}

.border-b-orange-700 {
  border-bottom-color: rgb(var(--orange-700));
}

.border-b-orange-800 {
  border-bottom-color: rgb(var(--orange-800));
}

.border-b-orange-900 {
  border-bottom-color: rgb(var(--orange-900));
}

.border-b-amber-50 {
  border-bottom-color: rgb(var(--amber-50));
}

.border-b-amber-100 {
  border-bottom-color: rgb(var(--amber-100));
}

.border-b-amber-200 {
  border-bottom-color: rgb(var(--amber-200));
}

.border-b-amber-300 {
  border-bottom-color: rgb(var(--amber-300));
}

.border-b-amber-400 {
  border-bottom-color: rgb(var(--amber-400));
}

.border-b-amber-500 {
  border-bottom-color: rgb(var(--amber-500));
}

.border-b-amber-600 {
  border-bottom-color: rgb(var(--amber-600));
}

.border-b-amber-700 {
  border-bottom-color: rgb(var(--amber-700));
}

.border-b-amber-800 {
  border-bottom-color: rgb(var(--amber-800));
}

.border-b-amber-900 {
  border-bottom-color: rgb(var(--amber-900));
}

.border-b-yellow-50 {
  border-bottom-color: rgb(var(--yellow-50));
}

.border-b-yellow-100 {
  border-bottom-color: rgb(var(--yellow-100));
}

.border-b-yellow-200 {
  border-bottom-color: rgb(var(--yellow-200));
}

.border-b-yellow-300 {
  border-bottom-color: rgb(var(--yellow-300));
}

.border-b-yellow-400 {
  border-bottom-color: rgb(var(--yellow-400));
}

.border-b-yellow-500 {
  border-bottom-color: rgb(var(--yellow-500));
}

.border-b-yellow-600 {
  border-bottom-color: rgb(var(--yellow-600));
}

.border-b-yellow-700 {
  border-bottom-color: rgb(var(--yellow-700));
}

.border-b-yellow-800 {
  border-bottom-color: rgb(var(--yellow-800));
}

.border-b-yellow-900 {
  border-bottom-color: rgb(var(--yellow-900));
}

.border-b-lime-50 {
  border-bottom-color: rgb(var(--lime-50));
}

.border-b-lime-100 {
  border-bottom-color: rgb(var(--lime-100));
}

.border-b-lime-200 {
  border-bottom-color: rgb(var(--lime-200));
}

.border-b-lime-300 {
  border-bottom-color: rgb(var(--lime-300));
}

.border-b-lime-400 {
  border-bottom-color: rgb(var(--lime-400));
}

.border-b-lime-500 {
  border-bottom-color: rgb(var(--lime-500));
}

.border-b-lime-600 {
  border-bottom-color: rgb(var(--lime-600));
}

.border-b-lime-700 {
  border-bottom-color: rgb(var(--lime-700));
}

.border-b-lime-800 {
  border-bottom-color: rgb(var(--lime-800));
}

.border-b-lime-900 {
  border-bottom-color: rgb(var(--lime-900));
}

.border-b-green-50 {
  border-bottom-color: rgb(var(--green-50));
}

.border-b-green-100 {
  border-bottom-color: rgb(var(--green-100));
}

.border-b-green-200 {
  border-bottom-color: rgb(var(--green-200));
}

.border-b-green-300 {
  border-bottom-color: rgb(var(--green-300));
}

.border-b-green-400 {
  border-bottom-color: rgb(var(--green-400));
}

.border-b-green-500 {
  border-bottom-color: rgb(var(--green-500));
}

.border-b-green-600 {
  border-bottom-color: rgb(var(--green-600));
}

.border-b-green-700 {
  border-bottom-color: rgb(var(--green-700));
}

.border-b-green-800 {
  border-bottom-color: rgb(var(--green-800));
}

.border-b-green-900 {
  border-bottom-color: rgb(var(--green-900));
}

.border-b-emerald-50 {
  border-bottom-color: rgb(var(--emerald-50));
}

.border-b-emerald-100 {
  border-bottom-color: rgb(var(--emerald-100));
}

.border-b-emerald-200 {
  border-bottom-color: rgb(var(--emerald-200));
}

.border-b-emerald-300 {
  border-bottom-color: rgb(var(--emerald-300));
}

.border-b-emerald-400 {
  border-bottom-color: rgb(var(--emerald-400));
}

.border-b-emerald-500 {
  border-bottom-color: rgb(var(--emerald-500));
}

.border-b-emerald-600 {
  border-bottom-color: rgb(var(--emerald-600));
}

.border-b-emerald-700 {
  border-bottom-color: rgb(var(--emerald-700));
}

.border-b-emerald-800 {
  border-bottom-color: rgb(var(--emerald-800));
}

.border-b-emerald-900 {
  border-bottom-color: rgb(var(--emerald-900));
}

.border-b-teal-50 {
  border-bottom-color: rgb(var(--teal-50));
}

.border-b-teal-100 {
  border-bottom-color: rgb(var(--teal-100));
}

.border-b-teal-200 {
  border-bottom-color: rgb(var(--teal-200));
}

.border-b-teal-300 {
  border-bottom-color: rgb(var(--teal-300));
}

.border-b-teal-400 {
  border-bottom-color: rgb(var(--teal-400));
}

.border-b-teal-500 {
  border-bottom-color: rgb(var(--teal-500));
}

.border-b-teal-600 {
  border-bottom-color: rgb(var(--teal-600));
}

.border-b-teal-700 {
  border-bottom-color: rgb(var(--teal-700));
}

.border-b-teal-800 {
  border-bottom-color: rgb(var(--teal-800));
}

.border-b-teal-900 {
  border-bottom-color: rgb(var(--teal-900));
}

.border-b-cyan-50 {
  border-bottom-color: rgb(var(--cyan-50));
}

.border-b-cyan-100 {
  border-bottom-color: rgb(var(--cyan-100));
}

.border-b-cyan-200 {
  border-bottom-color: rgb(var(--cyan-200));
}

.border-b-cyan-300 {
  border-bottom-color: rgb(var(--cyan-300));
}

.border-b-cyan-400 {
  border-bottom-color: rgb(var(--cyan-400));
}

.border-b-cyan-500 {
  border-bottom-color: rgb(var(--cyan-500));
}

.border-b-cyan-600 {
  border-bottom-color: rgb(var(--cyan-600));
}

.border-b-cyan-700 {
  border-bottom-color: rgb(var(--cyan-700));
}

.border-b-cyan-800 {
  border-bottom-color: rgb(var(--cyan-800));
}

.border-b-cyan-900 {
  border-bottom-color: rgb(var(--cyan-900));
}

.border-b-sky-50 {
  border-bottom-color: rgb(var(--sky-50));
}

.border-b-sky-100 {
  border-bottom-color: rgb(var(--sky-100));
}

.border-b-sky-200 {
  border-bottom-color: rgb(var(--sky-200));
}

.border-b-sky-300 {
  border-bottom-color: rgb(var(--sky-300));
}

.border-b-sky-400 {
  border-bottom-color: rgb(var(--sky-400));
}

.border-b-sky-500 {
  border-bottom-color: rgb(var(--sky-500));
}

.border-b-sky-600 {
  border-bottom-color: rgb(var(--sky-600));
}

.border-b-sky-700 {
  border-bottom-color: rgb(var(--sky-700));
}

.border-b-sky-800 {
  border-bottom-color: rgb(var(--sky-800));
}

.border-b-sky-900 {
  border-bottom-color: rgb(var(--sky-900));
}

.border-b-blue-50 {
  border-bottom-color: rgb(var(--blue-50));
}

.border-b-blue-100 {
  border-bottom-color: rgb(var(--blue-100));
}

.border-b-blue-200 {
  border-bottom-color: rgb(var(--blue-200));
}

.border-b-blue-300 {
  border-bottom-color: rgb(var(--blue-300));
}

.border-b-blue-400 {
  border-bottom-color: rgb(var(--blue-400));
}

.border-b-blue-500 {
  border-bottom-color: rgb(var(--blue-500));
}

.border-b-blue-600 {
  border-bottom-color: rgb(var(--blue-600));
}

.border-b-blue-700 {
  border-bottom-color: rgb(var(--blue-700));
}

.border-b-blue-800 {
  border-bottom-color: rgb(var(--blue-800));
}

.border-b-blue-900 {
  border-bottom-color: rgb(var(--blue-900));
}

.border-b-indigo-50 {
  border-bottom-color: rgb(var(--indigo-50));
}

.border-b-indigo-100 {
  border-bottom-color: rgb(var(--indigo-100));
}

.border-b-indigo-200 {
  border-bottom-color: rgb(var(--indigo-200));
}

.border-b-indigo-300 {
  border-bottom-color: rgb(var(--indigo-300));
}

.border-b-indigo-400 {
  border-bottom-color: rgb(var(--indigo-400));
}

.border-b-indigo-500 {
  border-bottom-color: rgb(var(--indigo-500));
}

.border-b-indigo-600 {
  border-bottom-color: rgb(var(--indigo-600));
}

.border-b-indigo-700 {
  border-bottom-color: rgb(var(--indigo-700));
}

.border-b-indigo-800 {
  border-bottom-color: rgb(var(--indigo-800));
}

.border-b-indigo-900 {
  border-bottom-color: rgb(var(--indigo-900));
}

.border-b-violet-50 {
  border-bottom-color: rgb(var(--violet-50));
}

.border-b-violet-100 {
  border-bottom-color: rgb(var(--violet-100));
}

.border-b-violet-200 {
  border-bottom-color: rgb(var(--violet-200));
}

.border-b-violet-300 {
  border-bottom-color: rgb(var(--violet-300));
}

.border-b-violet-400 {
  border-bottom-color: rgb(var(--violet-400));
}

.border-b-violet-500 {
  border-bottom-color: rgb(var(--violet-500));
}

.border-b-violet-600 {
  border-bottom-color: rgb(var(--violet-600));
}

.border-b-violet-700 {
  border-bottom-color: rgb(var(--violet-700));
}

.border-b-violet-800 {
  border-bottom-color: rgb(var(--violet-800));
}

.border-b-violet-900 {
  border-bottom-color: rgb(var(--violet-900));
}

.border-b-purple-50 {
  border-bottom-color: rgb(var(--purple-50));
}

.border-b-purple-100 {
  border-bottom-color: rgb(var(--purple-100));
}

.border-b-purple-200 {
  border-bottom-color: rgb(var(--purple-200));
}

.border-b-purple-300 {
  border-bottom-color: rgb(var(--purple-300));
}

.border-b-purple-400 {
  border-bottom-color: rgb(var(--purple-400));
}

.border-b-purple-500 {
  border-bottom-color: rgb(var(--purple-500));
}

.border-b-purple-600 {
  border-bottom-color: rgb(var(--purple-600));
}

.border-b-purple-700 {
  border-bottom-color: rgb(var(--purple-700));
}

.border-b-purple-800 {
  border-bottom-color: rgb(var(--purple-800));
}

.border-b-purple-900 {
  border-bottom-color: rgb(var(--purple-900));
}

.border-b-fuchsia-50 {
  border-bottom-color: rgb(var(--fuchsia-50));
}

.border-b-fuchsia-100 {
  border-bottom-color: rgb(var(--fuchsia-100));
}

.border-b-fuchsia-200 {
  border-bottom-color: rgb(var(--fuchsia-200));
}

.border-b-fuchsia-300 {
  border-bottom-color: rgb(var(--fuchsia-300));
}

.border-b-fuchsia-400 {
  border-bottom-color: rgb(var(--fuchsia-400));
}

.border-b-fuchsia-500 {
  border-bottom-color: rgb(var(--fuchsia-500));
}

.border-b-fuchsia-600 {
  border-bottom-color: rgb(var(--fuchsia-600));
}

.border-b-fuchsia-700 {
  border-bottom-color: rgb(var(--fuchsia-700));
}

.border-b-fuchsia-800 {
  border-bottom-color: rgb(var(--fuchsia-800));
}

.border-b-fuchsia-900 {
  border-bottom-color: rgb(var(--fuchsia-900));
}

.border-b-pink-50 {
  border-bottom-color: rgb(var(--pink-50));
}

.border-b-pink-100 {
  border-bottom-color: rgb(var(--pink-100));
}

.border-b-pink-200 {
  border-bottom-color: rgb(var(--pink-200));
}

.border-b-pink-300 {
  border-bottom-color: rgb(var(--pink-300));
}

.border-b-pink-400 {
  border-bottom-color: rgb(var(--pink-400));
}

.border-b-pink-500 {
  border-bottom-color: rgb(var(--pink-500));
}

.border-b-pink-600 {
  border-bottom-color: rgb(var(--pink-600));
}

.border-b-pink-700 {
  border-bottom-color: rgb(var(--pink-700));
}

.border-b-pink-800 {
  border-bottom-color: rgb(var(--pink-800));
}

.border-b-pink-900 {
  border-bottom-color: rgb(var(--pink-900));
}

.border-b-rose-50 {
  border-bottom-color: rgb(var(--rose-50));
}

.border-b-rose-100 {
  border-bottom-color: rgb(var(--rose-100));
}

.border-b-rose-200 {
  border-bottom-color: rgb(var(--rose-200));
}

.border-b-rose-300 {
  border-bottom-color: rgb(var(--rose-300));
}

.border-b-rose-400 {
  border-bottom-color: rgb(var(--rose-400));
}

.border-b-rose-500 {
  border-bottom-color: rgb(var(--rose-500));
}

.border-b-rose-600 {
  border-bottom-color: rgb(var(--rose-600));
}

.border-b-rose-700 {
  border-bottom-color: rgb(var(--rose-700));
}

.border-b-rose-800 {
  border-bottom-color: rgb(var(--rose-800));
}

.border-b-rose-900 {
  border-bottom-color: rgb(var(--rose-900));
}

.border-b-slate-50 {
  border-bottom-color: rgb(var(--slate-50));
}

.border-b-slate-100 {
  border-bottom-color: rgb(var(--slate-100));
}

.border-b-slate-200 {
  border-bottom-color: rgb(var(--slate-200));
}

.border-b-slate-300 {
  border-bottom-color: rgb(var(--slate-300));
}

.border-b-slate-400 {
  border-bottom-color: rgb(var(--slate-400));
}

.border-b-slate-500 {
  border-bottom-color: rgb(var(--slate-500));
}

.border-b-slate-600 {
  border-bottom-color: rgb(var(--slate-600));
}

.border-b-slate-700 {
  border-bottom-color: rgb(var(--slate-700));
}

.border-b-slate-800 {
  border-bottom-color: rgb(var(--slate-800));
}

.border-b-slate-900 {
  border-bottom-color: rgb(var(--slate-900));
}

.border-b-gray-50 {
  border-bottom-color: rgb(var(--gray-50));
}

.border-b-gray-100 {
  border-bottom-color: rgb(var(--gray-100));
}

.border-b-gray-200 {
  border-bottom-color: rgb(var(--gray-200));
}

.border-b-gray-300 {
  border-bottom-color: rgb(var(--gray-300));
}

.border-b-gray-400 {
  border-bottom-color: rgb(var(--gray-400));
}

.border-b-gray-500 {
  border-bottom-color: rgb(var(--gray-500));
}

.border-b-gray-600 {
  border-bottom-color: rgb(var(--gray-600));
}

.border-b-gray-700 {
  border-bottom-color: rgb(var(--gray-700));
}

.border-b-gray-800 {
  border-bottom-color: rgb(var(--gray-800));
}

.border-b-gray-900 {
  border-bottom-color: rgb(var(--gray-900));
}

.border-b-zinc-50 {
  border-bottom-color: rgb(var(--zinc-50));
}

.border-b-zinc-100 {
  border-bottom-color: rgb(var(--zinc-100));
}

.border-b-zinc-200 {
  border-bottom-color: rgb(var(--zinc-200));
}

.border-b-zinc-300 {
  border-bottom-color: rgb(var(--zinc-300));
}

.border-b-zinc-400 {
  border-bottom-color: rgb(var(--zinc-400));
}

.border-b-zinc-500 {
  border-bottom-color: rgb(var(--zinc-500));
}

.border-b-zinc-600 {
  border-bottom-color: rgb(var(--zinc-600));
}

.border-b-zinc-700 {
  border-bottom-color: rgb(var(--zinc-700));
}

.border-b-zinc-800 {
  border-bottom-color: rgb(var(--zinc-800));
}

.border-b-zinc-900 {
  border-bottom-color: rgb(var(--zinc-900));
}

.border-b-black-DEFAULT {
  border-bottom-color: rgb(var(--black-DEFAULT));
}

.border-b-white-DEFAULT {
  border-bottom-color: rgb(var(--white-DEFAULT));
}

.border-l-red-50 {
  border-left-color: rgb(var(--red-50));
}

.border-l-red-100 {
  border-left-color: rgb(var(--red-100));
}

.border-l-red-200 {
  border-left-color: rgb(var(--red-200));
}

.border-l-red-300 {
  border-left-color: rgb(var(--red-300));
}

.border-l-red-400 {
  border-left-color: rgb(var(--red-400));
}

.border-l-red-500 {
  border-left-color: rgb(var(--red-500));
}

.border-l-red-600 {
  border-left-color: rgb(var(--red-600));
}

.border-l-red-700 {
  border-left-color: rgb(var(--red-700));
}

.border-l-red-800 {
  border-left-color: rgb(var(--red-800));
}

.border-l-red-900 {
  border-left-color: rgb(var(--red-900));
}

.border-l-orange-50 {
  border-left-color: rgb(var(--orange-50));
}

.border-l-orange-100 {
  border-left-color: rgb(var(--orange-100));
}

.border-l-orange-200 {
  border-left-color: rgb(var(--orange-200));
}

.border-l-orange-300 {
  border-left-color: rgb(var(--orange-300));
}

.border-l-orange-400 {
  border-left-color: rgb(var(--orange-400));
}

.border-l-orange-500 {
  border-left-color: rgb(var(--orange-500));
}

.border-l-orange-600 {
  border-left-color: rgb(var(--orange-600));
}

.border-l-orange-700 {
  border-left-color: rgb(var(--orange-700));
}

.border-l-orange-800 {
  border-left-color: rgb(var(--orange-800));
}

.border-l-orange-900 {
  border-left-color: rgb(var(--orange-900));
}

.border-l-amber-50 {
  border-left-color: rgb(var(--amber-50));
}

.border-l-amber-100 {
  border-left-color: rgb(var(--amber-100));
}

.border-l-amber-200 {
  border-left-color: rgb(var(--amber-200));
}

.border-l-amber-300 {
  border-left-color: rgb(var(--amber-300));
}

.border-l-amber-400 {
  border-left-color: rgb(var(--amber-400));
}

.border-l-amber-500 {
  border-left-color: rgb(var(--amber-500));
}

.border-l-amber-600 {
  border-left-color: rgb(var(--amber-600));
}

.border-l-amber-700 {
  border-left-color: rgb(var(--amber-700));
}

.border-l-amber-800 {
  border-left-color: rgb(var(--amber-800));
}

.border-l-amber-900 {
  border-left-color: rgb(var(--amber-900));
}

.border-l-yellow-50 {
  border-left-color: rgb(var(--yellow-50));
}

.border-l-yellow-100 {
  border-left-color: rgb(var(--yellow-100));
}

.border-l-yellow-200 {
  border-left-color: rgb(var(--yellow-200));
}

.border-l-yellow-300 {
  border-left-color: rgb(var(--yellow-300));
}

.border-l-yellow-400 {
  border-left-color: rgb(var(--yellow-400));
}

.border-l-yellow-500 {
  border-left-color: rgb(var(--yellow-500));
}

.border-l-yellow-600 {
  border-left-color: rgb(var(--yellow-600));
}

.border-l-yellow-700 {
  border-left-color: rgb(var(--yellow-700));
}

.border-l-yellow-800 {
  border-left-color: rgb(var(--yellow-800));
}

.border-l-yellow-900 {
  border-left-color: rgb(var(--yellow-900));
}

.border-l-lime-50 {
  border-left-color: rgb(var(--lime-50));
}

.border-l-lime-100 {
  border-left-color: rgb(var(--lime-100));
}

.border-l-lime-200 {
  border-left-color: rgb(var(--lime-200));
}

.border-l-lime-300 {
  border-left-color: rgb(var(--lime-300));
}

.border-l-lime-400 {
  border-left-color: rgb(var(--lime-400));
}

.border-l-lime-500 {
  border-left-color: rgb(var(--lime-500));
}

.border-l-lime-600 {
  border-left-color: rgb(var(--lime-600));
}

.border-l-lime-700 {
  border-left-color: rgb(var(--lime-700));
}

.border-l-lime-800 {
  border-left-color: rgb(var(--lime-800));
}

.border-l-lime-900 {
  border-left-color: rgb(var(--lime-900));
}

.border-l-green-50 {
  border-left-color: rgb(var(--green-50));
}

.border-l-green-100 {
  border-left-color: rgb(var(--green-100));
}

.border-l-green-200 {
  border-left-color: rgb(var(--green-200));
}

.border-l-green-300 {
  border-left-color: rgb(var(--green-300));
}

.border-l-green-400 {
  border-left-color: rgb(var(--green-400));
}

.border-l-green-500 {
  border-left-color: rgb(var(--green-500));
}

.border-l-green-600 {
  border-left-color: rgb(var(--green-600));
}

.border-l-green-700 {
  border-left-color: rgb(var(--green-700));
}

.border-l-green-800 {
  border-left-color: rgb(var(--green-800));
}

.border-l-green-900 {
  border-left-color: rgb(var(--green-900));
}

.border-l-emerald-50 {
  border-left-color: rgb(var(--emerald-50));
}

.border-l-emerald-100 {
  border-left-color: rgb(var(--emerald-100));
}

.border-l-emerald-200 {
  border-left-color: rgb(var(--emerald-200));
}

.border-l-emerald-300 {
  border-left-color: rgb(var(--emerald-300));
}

.border-l-emerald-400 {
  border-left-color: rgb(var(--emerald-400));
}

.border-l-emerald-500 {
  border-left-color: rgb(var(--emerald-500));
}

.border-l-emerald-600 {
  border-left-color: rgb(var(--emerald-600));
}

.border-l-emerald-700 {
  border-left-color: rgb(var(--emerald-700));
}

.border-l-emerald-800 {
  border-left-color: rgb(var(--emerald-800));
}

.border-l-emerald-900 {
  border-left-color: rgb(var(--emerald-900));
}

.border-l-teal-50 {
  border-left-color: rgb(var(--teal-50));
}

.border-l-teal-100 {
  border-left-color: rgb(var(--teal-100));
}

.border-l-teal-200 {
  border-left-color: rgb(var(--teal-200));
}

.border-l-teal-300 {
  border-left-color: rgb(var(--teal-300));
}

.border-l-teal-400 {
  border-left-color: rgb(var(--teal-400));
}

.border-l-teal-500 {
  border-left-color: rgb(var(--teal-500));
}

.border-l-teal-600 {
  border-left-color: rgb(var(--teal-600));
}

.border-l-teal-700 {
  border-left-color: rgb(var(--teal-700));
}

.border-l-teal-800 {
  border-left-color: rgb(var(--teal-800));
}

.border-l-teal-900 {
  border-left-color: rgb(var(--teal-900));
}

.border-l-cyan-50 {
  border-left-color: rgb(var(--cyan-50));
}

.border-l-cyan-100 {
  border-left-color: rgb(var(--cyan-100));
}

.border-l-cyan-200 {
  border-left-color: rgb(var(--cyan-200));
}

.border-l-cyan-300 {
  border-left-color: rgb(var(--cyan-300));
}

.border-l-cyan-400 {
  border-left-color: rgb(var(--cyan-400));
}

.border-l-cyan-500 {
  border-left-color: rgb(var(--cyan-500));
}

.border-l-cyan-600 {
  border-left-color: rgb(var(--cyan-600));
}

.border-l-cyan-700 {
  border-left-color: rgb(var(--cyan-700));
}

.border-l-cyan-800 {
  border-left-color: rgb(var(--cyan-800));
}

.border-l-cyan-900 {
  border-left-color: rgb(var(--cyan-900));
}

.border-l-sky-50 {
  border-left-color: rgb(var(--sky-50));
}

.border-l-sky-100 {
  border-left-color: rgb(var(--sky-100));
}

.border-l-sky-200 {
  border-left-color: rgb(var(--sky-200));
}

.border-l-sky-300 {
  border-left-color: rgb(var(--sky-300));
}

.border-l-sky-400 {
  border-left-color: rgb(var(--sky-400));
}

.border-l-sky-500 {
  border-left-color: rgb(var(--sky-500));
}

.border-l-sky-600 {
  border-left-color: rgb(var(--sky-600));
}

.border-l-sky-700 {
  border-left-color: rgb(var(--sky-700));
}

.border-l-sky-800 {
  border-left-color: rgb(var(--sky-800));
}

.border-l-sky-900 {
  border-left-color: rgb(var(--sky-900));
}

.border-l-blue-50 {
  border-left-color: rgb(var(--blue-50));
}

.border-l-blue-100 {
  border-left-color: rgb(var(--blue-100));
}

.border-l-blue-200 {
  border-left-color: rgb(var(--blue-200));
}

.border-l-blue-300 {
  border-left-color: rgb(var(--blue-300));
}

.border-l-blue-400 {
  border-left-color: rgb(var(--blue-400));
}

.border-l-blue-500 {
  border-left-color: rgb(var(--blue-500));
}

.border-l-blue-600 {
  border-left-color: rgb(var(--blue-600));
}

.border-l-blue-700 {
  border-left-color: rgb(var(--blue-700));
}

.border-l-blue-800 {
  border-left-color: rgb(var(--blue-800));
}

.border-l-blue-900 {
  border-left-color: rgb(var(--blue-900));
}

.border-l-indigo-50 {
  border-left-color: rgb(var(--indigo-50));
}

.border-l-indigo-100 {
  border-left-color: rgb(var(--indigo-100));
}

.border-l-indigo-200 {
  border-left-color: rgb(var(--indigo-200));
}

.border-l-indigo-300 {
  border-left-color: rgb(var(--indigo-300));
}

.border-l-indigo-400 {
  border-left-color: rgb(var(--indigo-400));
}

.border-l-indigo-500 {
  border-left-color: rgb(var(--indigo-500));
}

.border-l-indigo-600 {
  border-left-color: rgb(var(--indigo-600));
}

.border-l-indigo-700 {
  border-left-color: rgb(var(--indigo-700));
}

.border-l-indigo-800 {
  border-left-color: rgb(var(--indigo-800));
}

.border-l-indigo-900 {
  border-left-color: rgb(var(--indigo-900));
}

.border-l-violet-50 {
  border-left-color: rgb(var(--violet-50));
}

.border-l-violet-100 {
  border-left-color: rgb(var(--violet-100));
}

.border-l-violet-200 {
  border-left-color: rgb(var(--violet-200));
}

.border-l-violet-300 {
  border-left-color: rgb(var(--violet-300));
}

.border-l-violet-400 {
  border-left-color: rgb(var(--violet-400));
}

.border-l-violet-500 {
  border-left-color: rgb(var(--violet-500));
}

.border-l-violet-600 {
  border-left-color: rgb(var(--violet-600));
}

.border-l-violet-700 {
  border-left-color: rgb(var(--violet-700));
}

.border-l-violet-800 {
  border-left-color: rgb(var(--violet-800));
}

.border-l-violet-900 {
  border-left-color: rgb(var(--violet-900));
}

.border-l-purple-50 {
  border-left-color: rgb(var(--purple-50));
}

.border-l-purple-100 {
  border-left-color: rgb(var(--purple-100));
}

.border-l-purple-200 {
  border-left-color: rgb(var(--purple-200));
}

.border-l-purple-300 {
  border-left-color: rgb(var(--purple-300));
}

.border-l-purple-400 {
  border-left-color: rgb(var(--purple-400));
}

.border-l-purple-500 {
  border-left-color: rgb(var(--purple-500));
}

.border-l-purple-600 {
  border-left-color: rgb(var(--purple-600));
}

.border-l-purple-700 {
  border-left-color: rgb(var(--purple-700));
}

.border-l-purple-800 {
  border-left-color: rgb(var(--purple-800));
}

.border-l-purple-900 {
  border-left-color: rgb(var(--purple-900));
}

.border-l-fuchsia-50 {
  border-left-color: rgb(var(--fuchsia-50));
}

.border-l-fuchsia-100 {
  border-left-color: rgb(var(--fuchsia-100));
}

.border-l-fuchsia-200 {
  border-left-color: rgb(var(--fuchsia-200));
}

.border-l-fuchsia-300 {
  border-left-color: rgb(var(--fuchsia-300));
}

.border-l-fuchsia-400 {
  border-left-color: rgb(var(--fuchsia-400));
}

.border-l-fuchsia-500 {
  border-left-color: rgb(var(--fuchsia-500));
}

.border-l-fuchsia-600 {
  border-left-color: rgb(var(--fuchsia-600));
}

.border-l-fuchsia-700 {
  border-left-color: rgb(var(--fuchsia-700));
}

.border-l-fuchsia-800 {
  border-left-color: rgb(var(--fuchsia-800));
}

.border-l-fuchsia-900 {
  border-left-color: rgb(var(--fuchsia-900));
}

.border-l-pink-50 {
  border-left-color: rgb(var(--pink-50));
}

.border-l-pink-100 {
  border-left-color: rgb(var(--pink-100));
}

.border-l-pink-200 {
  border-left-color: rgb(var(--pink-200));
}

.border-l-pink-300 {
  border-left-color: rgb(var(--pink-300));
}

.border-l-pink-400 {
  border-left-color: rgb(var(--pink-400));
}

.border-l-pink-500 {
  border-left-color: rgb(var(--pink-500));
}

.border-l-pink-600 {
  border-left-color: rgb(var(--pink-600));
}

.border-l-pink-700 {
  border-left-color: rgb(var(--pink-700));
}

.border-l-pink-800 {
  border-left-color: rgb(var(--pink-800));
}

.border-l-pink-900 {
  border-left-color: rgb(var(--pink-900));
}

.border-l-rose-50 {
  border-left-color: rgb(var(--rose-50));
}

.border-l-rose-100 {
  border-left-color: rgb(var(--rose-100));
}

.border-l-rose-200 {
  border-left-color: rgb(var(--rose-200));
}

.border-l-rose-300 {
  border-left-color: rgb(var(--rose-300));
}

.border-l-rose-400 {
  border-left-color: rgb(var(--rose-400));
}

.border-l-rose-500 {
  border-left-color: rgb(var(--rose-500));
}

.border-l-rose-600 {
  border-left-color: rgb(var(--rose-600));
}

.border-l-rose-700 {
  border-left-color: rgb(var(--rose-700));
}

.border-l-rose-800 {
  border-left-color: rgb(var(--rose-800));
}

.border-l-rose-900 {
  border-left-color: rgb(var(--rose-900));
}

.border-l-slate-50 {
  border-left-color: rgb(var(--slate-50));
}

.border-l-slate-100 {
  border-left-color: rgb(var(--slate-100));
}

.border-l-slate-200 {
  border-left-color: rgb(var(--slate-200));
}

.border-l-slate-300 {
  border-left-color: rgb(var(--slate-300));
}

.border-l-slate-400 {
  border-left-color: rgb(var(--slate-400));
}

.border-l-slate-500 {
  border-left-color: rgb(var(--slate-500));
}

.border-l-slate-600 {
  border-left-color: rgb(var(--slate-600));
}

.border-l-slate-700 {
  border-left-color: rgb(var(--slate-700));
}

.border-l-slate-800 {
  border-left-color: rgb(var(--slate-800));
}

.border-l-slate-900 {
  border-left-color: rgb(var(--slate-900));
}

.border-l-gray-50 {
  border-left-color: rgb(var(--gray-50));
}

.border-l-gray-100 {
  border-left-color: rgb(var(--gray-100));
}

.border-l-gray-200 {
  border-left-color: rgb(var(--gray-200));
}

.border-l-gray-300 {
  border-left-color: rgb(var(--gray-300));
}

.border-l-gray-400 {
  border-left-color: rgb(var(--gray-400));
}

.border-l-gray-500 {
  border-left-color: rgb(var(--gray-500));
}

.border-l-gray-600 {
  border-left-color: rgb(var(--gray-600));
}

.border-l-gray-700 {
  border-left-color: rgb(var(--gray-700));
}

.border-l-gray-800 {
  border-left-color: rgb(var(--gray-800));
}

.border-l-gray-900 {
  border-left-color: rgb(var(--gray-900));
}

.border-l-zinc-50 {
  border-left-color: rgb(var(--zinc-50));
}

.border-l-zinc-100 {
  border-left-color: rgb(var(--zinc-100));
}

.border-l-zinc-200 {
  border-left-color: rgb(var(--zinc-200));
}

.border-l-zinc-300 {
  border-left-color: rgb(var(--zinc-300));
}

.border-l-zinc-400 {
  border-left-color: rgb(var(--zinc-400));
}

.border-l-zinc-500 {
  border-left-color: rgb(var(--zinc-500));
}

.border-l-zinc-600 {
  border-left-color: rgb(var(--zinc-600));
}

.border-l-zinc-700 {
  border-left-color: rgb(var(--zinc-700));
}

.border-l-zinc-800 {
  border-left-color: rgb(var(--zinc-800));
}

.border-l-zinc-900 {
  border-left-color: rgb(var(--zinc-900));
}

.border-l-black-DEFAULT {
  border-left-color: rgb(var(--black-DEFAULT));
}

.border-l-white-DEFAULT {
  border-left-color: rgb(var(--white-DEFAULT));
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-hidden {
  border-style: hidden;
}

.border-none {
  border-style: none;
}

.border-x-0 {
  border-left-width: var(--border-width-0);
  border-right-width: var(--border-width-0);
}

.border-x-1 {
  border-left-width: var(--border-width-1);
  border-right-width: var(--border-width-1);
}

.border-x-2 {
  border-left-width: var(--border-width-2);
  border-right-width: var(--border-width-2);
}

.border-x-4 {
  border-left-width: var(--border-width-4);
  border-right-width: var(--border-width-4);
}

.border-x-8 {
  border-left-width: var(--border-width-8);
  border-right-width: var(--border-width-8);
}

.border-y-0 {
  border-top-width: var(--border-width-0);
  border-bottom-width: var(--border-width-0);
}

.border-y-1 {
  border-top-width: var(--border-width-1);
  border-bottom-width: var(--border-width-1);
}

.border-y-2 {
  border-top-width: var(--border-width-2);
  border-bottom-width: var(--border-width-2);
}

.border-y-4 {
  border-top-width: var(--border-width-4);
  border-bottom-width: var(--border-width-4);
}

.border-y-8 {
  border-top-width: var(--border-width-8);
  border-bottom-width: var(--border-width-8);
}

.border-s-0 {
  border-inline-start-width: var(--border-width-0);
}

.border-s-1 {
  border-inline-start-width: var(--border-width-1);
}

.border-s-2 {
  border-inline-start-width: var(--border-width-2);
}

.border-s-4 {
  border-inline-start-width: var(--border-width-4);
}

.border-s-8 {
  border-inline-start-width: var(--border-width-8);
}

.border-e-0 {
  border-inline-end-width: var(--border-width-0);
}

.border-e-1 {
  border-inline-end-width: var(--border-width-1);
}

.border-e-2 {
  border-inline-end-width: var(--border-width-2);
}

.border-e-4 {
  border-inline-end-width: var(--border-width-4);
}

.border-e-8 {
  border-inline-end-width: var(--border-width-8);
}
/* 圆角与阴影 */
/* 基础类 */
.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-DEFAULT {
  border-radius: 0.25rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded-t-DEFAULT {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-r-DEFAULT {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-none {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-b-sm {
  border-bottom-left-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-b-DEFAULT {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-b-md {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-b-lg {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-b-xl {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-b-2xl {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-b-3xl {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.rounded-b-full {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-l-DEFAULT {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-none {
  border-top-left-radius: 0px;
}

.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}

.rounded-tl-DEFAULT {
  border-top-left-radius: 0.25rem;
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-none {
  border-top-right-radius: 0px;
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}

.rounded-tr-DEFAULT {
  border-top-right-radius: 0.25rem;
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
}

.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-bl-none {
  border-bottom-left-radius: 0px;
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}

.rounded-bl-DEFAULT {
  border-bottom-left-radius: 0.25rem;
}

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.rounded-br-none {
  border-bottom-right-radius: 0px;
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}

.rounded-br-DEFAULT {
  border-bottom-right-radius: 0.25rem;
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}

.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.rounded-s-none {
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}

.rounded-s-sm {
  border-start-start-radius: 0.125rem;
  border-end-start-radius: 0.125rem;
}

.rounded-s-DEFAULT {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}

.rounded-s-md {
  border-start-start-radius: 0.375rem;
  border-end-start-radius: 0.375rem;
}

.rounded-s-lg {
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}

.rounded-s-xl {
  border-start-start-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
}

.rounded-s-2xl {
  border-start-start-radius: 1rem;
  border-end-start-radius: 1rem;
}

.rounded-s-3xl {
  border-start-start-radius: 1.5rem;
  border-end-start-radius: 1.5rem;
}

.rounded-s-full {
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}

.rounded-e-none {
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}

.rounded-e-sm {
  border-start-end-radius: 0.125rem;
  border-end-end-radius: 0.125rem;
}

.rounded-e-DEFAULT {
  border-start-end-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
}

.rounded-e-md {
  border-start-end-radius: 0.375rem;
  border-end-end-radius: 0.375rem;
}

.rounded-e-lg {
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}

.rounded-e-xl {
  border-start-end-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
}

.rounded-e-2xl {
  border-start-end-radius: 1rem;
  border-end-end-radius: 1rem;
}

.rounded-e-3xl {
  border-start-end-radius: 1.5rem;
  border-end-end-radius: 1.5rem;
}

.rounded-e-full {
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

/* 🚀 终极原子CSS生成器 PRO v4.2 - 史上最完整的原子类生成器 */
/* 生成时间: 2025/11/23 15:37:37 */
/* 主题: default | 属性数: 2 | 变体数: 3 | 断点数: 0 */
/* v4.2更新: 优化选项卡滚动，新增200+原子类属性，覆盖所有CSS属性 */

/* hover 变体 */
.hover-text-red-50:hover {
  color: rgb(var(--red-50));
}

.hover-text-red-100:hover {
  color: rgb(var(--red-100));
}

.hover-text-red-200:hover {
  color: rgb(var(--red-200));
}

.hover-text-red-300:hover {
  color: rgb(var(--red-300));
}

.hover-text-red-400:hover {
  color: rgb(var(--red-400));
}

.hover-text-red-500:hover {
  color: rgb(var(--red-500));
}

.hover-text-red-600:hover {
  color: rgb(var(--red-600));
}

.hover-text-red-700:hover {
  color: rgb(var(--red-700));
}

.hover-text-red-800:hover {
  color: rgb(var(--red-800));
}

.hover-text-red-900:hover {
  color: rgb(var(--red-900));
}

.hover-text-orange-50:hover {
  color: rgb(var(--orange-50));
}

.hover-text-orange-100:hover {
  color: rgb(var(--orange-100));
}

.hover-text-orange-200:hover {
  color: rgb(var(--orange-200));
}

.hover-text-orange-300:hover {
  color: rgb(var(--orange-300));
}

.hover-text-orange-400:hover {
  color: rgb(var(--orange-400));
}

.hover-text-orange-500:hover {
  color: rgb(var(--orange-500));
}

.hover-text-orange-600:hover {
  color: rgb(var(--orange-600));
}

.hover-text-orange-700:hover {
  color: rgb(var(--orange-700));
}

.hover-text-orange-800:hover {
  color: rgb(var(--orange-800));
}

.hover-text-orange-900:hover {
  color: rgb(var(--orange-900));
}

.hover-text-amber-50:hover {
  color: rgb(var(--amber-50));
}

.hover-text-amber-100:hover {
  color: rgb(var(--amber-100));
}

.hover-text-amber-200:hover {
  color: rgb(var(--amber-200));
}

.hover-text-amber-300:hover {
  color: rgb(var(--amber-300));
}

.hover-text-amber-400:hover {
  color: rgb(var(--amber-400));
}

.hover-text-amber-500:hover {
  color: rgb(var(--amber-500));
}

.hover-text-amber-600:hover {
  color: rgb(var(--amber-600));
}

.hover-text-amber-700:hover {
  color: rgb(var(--amber-700));
}

.hover-text-amber-800:hover {
  color: rgb(var(--amber-800));
}

.hover-text-amber-900:hover {
  color: rgb(var(--amber-900));
}

.hover-text-yellow-50:hover {
  color: rgb(var(--yellow-50));
}

.hover-text-yellow-100:hover {
  color: rgb(var(--yellow-100));
}

.hover-text-yellow-200:hover {
  color: rgb(var(--yellow-200));
}

.hover-text-yellow-300:hover {
  color: rgb(var(--yellow-300));
}

.hover-text-yellow-400:hover {
  color: rgb(var(--yellow-400));
}

.hover-text-yellow-500:hover {
  color: rgb(var(--yellow-500));
}

.hover-text-yellow-600:hover {
  color: rgb(var(--yellow-600));
}

.hover-text-yellow-700:hover {
  color: rgb(var(--yellow-700));
}

.hover-text-yellow-800:hover {
  color: rgb(var(--yellow-800));
}

.hover-text-yellow-900:hover {
  color: rgb(var(--yellow-900));
}

.hover-text-lime-50:hover {
  color: rgb(var(--lime-50));
}

.hover-text-lime-100:hover {
  color: rgb(var(--lime-100));
}

.hover-text-lime-200:hover {
  color: rgb(var(--lime-200));
}

.hover-text-lime-300:hover {
  color: rgb(var(--lime-300));
}

.hover-text-lime-400:hover {
  color: rgb(var(--lime-400));
}

.hover-text-lime-500:hover {
  color: rgb(var(--lime-500));
}

.hover-text-lime-600:hover {
  color: rgb(var(--lime-600));
}

.hover-text-lime-700:hover {
  color: rgb(var(--lime-700));
}

.hover-text-lime-800:hover {
  color: rgb(var(--lime-800));
}

.hover-text-lime-900:hover {
  color: rgb(var(--lime-900));
}

.hover-text-green-50:hover {
  color: rgb(var(--green-50));
}

.hover-text-green-100:hover {
  color: rgb(var(--green-100));
}

.hover-text-green-200:hover {
  color: rgb(var(--green-200));
}

.hover-text-green-300:hover {
  color: rgb(var(--green-300));
}

.hover-text-green-400:hover {
  color: rgb(var(--green-400));
}

.hover-text-green-500:hover {
  color: rgb(var(--green-500));
}

.hover-text-green-600:hover {
  color: rgb(var(--green-600));
}

.hover-text-green-700:hover {
  color: rgb(var(--green-700));
}

.hover-text-green-800:hover {
  color: rgb(var(--green-800));
}

.hover-text-green-900:hover {
  color: rgb(var(--green-900));
}

.hover-text-emerald-50:hover {
  color: rgb(var(--emerald-50));
}

.hover-text-emerald-100:hover {
  color: rgb(var(--emerald-100));
}

.hover-text-emerald-200:hover {
  color: rgb(var(--emerald-200));
}

.hover-text-emerald-300:hover {
  color: rgb(var(--emerald-300));
}

.hover-text-emerald-400:hover {
  color: rgb(var(--emerald-400));
}

.hover-text-emerald-500:hover {
  color: rgb(var(--emerald-500));
}

.hover-text-emerald-600:hover {
  color: rgb(var(--emerald-600));
}

.hover-text-emerald-700:hover {
  color: rgb(var(--emerald-700));
}

.hover-text-emerald-800:hover {
  color: rgb(var(--emerald-800));
}

.hover-text-emerald-900:hover {
  color: rgb(var(--emerald-900));
}

.hover-text-teal-50:hover {
  color: rgb(var(--teal-50));
}

.hover-text-teal-100:hover {
  color: rgb(var(--teal-100));
}

.hover-text-teal-200:hover {
  color: rgb(var(--teal-200));
}

.hover-text-teal-300:hover {
  color: rgb(var(--teal-300));
}

.hover-text-teal-400:hover {
  color: rgb(var(--teal-400));
}

.hover-text-teal-500:hover {
  color: rgb(var(--teal-500));
}

.hover-text-teal-600:hover {
  color: rgb(var(--teal-600));
}

.hover-text-teal-700:hover {
  color: rgb(var(--teal-700));
}

.hover-text-teal-800:hover {
  color: rgb(var(--teal-800));
}

.hover-text-teal-900:hover {
  color: rgb(var(--teal-900));
}

.hover-text-cyan-50:hover {
  color: rgb(var(--cyan-50));
}

.hover-text-cyan-100:hover {
  color: rgb(var(--cyan-100));
}

.hover-text-cyan-200:hover {
  color: rgb(var(--cyan-200));
}

.hover-text-cyan-300:hover {
  color: rgb(var(--cyan-300));
}

.hover-text-cyan-400:hover {
  color: rgb(var(--cyan-400));
}

.hover-text-cyan-500:hover {
  color: rgb(var(--cyan-500));
}

.hover-text-cyan-600:hover {
  color: rgb(var(--cyan-600));
}

.hover-text-cyan-700:hover {
  color: rgb(var(--cyan-700));
}

.hover-text-cyan-800:hover {
  color: rgb(var(--cyan-800));
}

.hover-text-cyan-900:hover {
  color: rgb(var(--cyan-900));
}

.hover-text-sky-50:hover {
  color: rgb(var(--sky-50));
}

.hover-text-sky-100:hover {
  color: rgb(var(--sky-100));
}

.hover-text-sky-200:hover {
  color: rgb(var(--sky-200));
}

.hover-text-sky-300:hover {
  color: rgb(var(--sky-300));
}

.hover-text-sky-400:hover {
  color: rgb(var(--sky-400));
}

.hover-text-sky-500:hover {
  color: rgb(var(--sky-500));
}

.hover-text-sky-600:hover {
  color: rgb(var(--sky-600));
}

.hover-text-sky-700:hover {
  color: rgb(var(--sky-700));
}

.hover-text-sky-800:hover {
  color: rgb(var(--sky-800));
}

.hover-text-sky-900:hover {
  color: rgb(var(--sky-900));
}

.hover-text-blue-50:hover {
  color: rgb(var(--blue-50));
}

.hover-text-blue-100:hover {
  color: rgb(var(--blue-100));
}

.hover-text-blue-200:hover {
  color: rgb(var(--blue-200));
}

.hover-text-blue-300:hover {
  color: rgb(var(--blue-300));
}

.hover-text-blue-400:hover {
  color: rgb(var(--blue-400));
}

.hover-text-blue-500:hover {
  color: rgb(var(--blue-500));
}

.hover-text-blue-600:hover {
  color: rgb(var(--blue-600));
}

.hover-text-blue-700:hover {
  color: rgb(var(--blue-700));
}

.hover-text-blue-800:hover {
  color: rgb(var(--blue-800));
}

.hover-text-blue-900:hover {
  color: rgb(var(--blue-900));
}

.hover-text-indigo-50:hover {
  color: rgb(var(--indigo-50));
}

.hover-text-indigo-100:hover {
  color: rgb(var(--indigo-100));
}

.hover-text-indigo-200:hover {
  color: rgb(var(--indigo-200));
}

.hover-text-indigo-300:hover {
  color: rgb(var(--indigo-300));
}

.hover-text-indigo-400:hover {
  color: rgb(var(--indigo-400));
}

.hover-text-indigo-500:hover {
  color: rgb(var(--indigo-500));
}

.hover-text-indigo-600:hover {
  color: rgb(var(--indigo-600));
}

.hover-text-indigo-700:hover {
  color: rgb(var(--indigo-700));
}

.hover-text-indigo-800:hover {
  color: rgb(var(--indigo-800));
}

.hover-text-indigo-900:hover {
  color: rgb(var(--indigo-900));
}

.hover-text-violet-50:hover {
  color: rgb(var(--violet-50));
}

.hover-text-violet-100:hover {
  color: rgb(var(--violet-100));
}

.hover-text-violet-200:hover {
  color: rgb(var(--violet-200));
}

.hover-text-violet-300:hover {
  color: rgb(var(--violet-300));
}

.hover-text-violet-400:hover {
  color: rgb(var(--violet-400));
}

.hover-text-violet-500:hover {
  color: rgb(var(--violet-500));
}

.hover-text-violet-600:hover {
  color: rgb(var(--violet-600));
}

.hover-text-violet-700:hover {
  color: rgb(var(--violet-700));
}

.hover-text-violet-800:hover {
  color: rgb(var(--violet-800));
}

.hover-text-violet-900:hover {
  color: rgb(var(--violet-900));
}

.hover-text-purple-50:hover {
  color: rgb(var(--purple-50));
}

.hover-text-purple-100:hover {
  color: rgb(var(--purple-100));
}

.hover-text-purple-200:hover {
  color: rgb(var(--purple-200));
}

.hover-text-purple-300:hover {
  color: rgb(var(--purple-300));
}

.hover-text-purple-400:hover {
  color: rgb(var(--purple-400));
}

.hover-text-purple-500:hover {
  color: rgb(var(--purple-500));
}

.hover-text-purple-600:hover {
  color: rgb(var(--purple-600));
}

.hover-text-purple-700:hover {
  color: rgb(var(--purple-700));
}

.hover-text-purple-800:hover {
  color: rgb(var(--purple-800));
}

.hover-text-purple-900:hover {
  color: rgb(var(--purple-900));
}

.hover-text-fuchsia-50:hover {
  color: rgb(var(--fuchsia-50));
}

.hover-text-fuchsia-100:hover {
  color: rgb(var(--fuchsia-100));
}

.hover-text-fuchsia-200:hover {
  color: rgb(var(--fuchsia-200));
}

.hover-text-fuchsia-300:hover {
  color: rgb(var(--fuchsia-300));
}

.hover-text-fuchsia-400:hover {
  color: rgb(var(--fuchsia-400));
}

.hover-text-fuchsia-500:hover {
  color: rgb(var(--fuchsia-500));
}

.hover-text-fuchsia-600:hover {
  color: rgb(var(--fuchsia-600));
}

.hover-text-fuchsia-700:hover {
  color: rgb(var(--fuchsia-700));
}

.hover-text-fuchsia-800:hover {
  color: rgb(var(--fuchsia-800));
}

.hover-text-fuchsia-900:hover {
  color: rgb(var(--fuchsia-900));
}

.hover-text-pink-50:hover {
  color: rgb(var(--pink-50));
}

.hover-text-pink-100:hover {
  color: rgb(var(--pink-100));
}

.hover-text-pink-200:hover {
  color: rgb(var(--pink-200));
}

.hover-text-pink-300:hover {
  color: rgb(var(--pink-300));
}

.hover-text-pink-400:hover {
  color: rgb(var(--pink-400));
}

.hover-text-pink-500:hover {
  color: rgb(var(--pink-500));
}

.hover-text-pink-600:hover {
  color: rgb(var(--pink-600));
}

.hover-text-pink-700:hover {
  color: rgb(var(--pink-700));
}

.hover-text-pink-800:hover {
  color: rgb(var(--pink-800));
}

.hover-text-pink-900:hover {
  color: rgb(var(--pink-900));
}

.hover-text-rose-50:hover {
  color: rgb(var(--rose-50));
}

.hover-text-rose-100:hover {
  color: rgb(var(--rose-100));
}

.hover-text-rose-200:hover {
  color: rgb(var(--rose-200));
}

.hover-text-rose-300:hover {
  color: rgb(var(--rose-300));
}

.hover-text-rose-400:hover {
  color: rgb(var(--rose-400));
}

.hover-text-rose-500:hover {
  color: rgb(var(--rose-500));
}

.hover-text-rose-600:hover {
  color: rgb(var(--rose-600));
}

.hover-text-rose-700:hover {
  color: rgb(var(--rose-700));
}

.hover-text-rose-800:hover {
  color: rgb(var(--rose-800));
}

.hover-text-rose-900:hover {
  color: rgb(var(--rose-900));
}

.hover-text-slate-50:hover {
  color: rgb(var(--slate-50));
}

.hover-text-slate-100:hover {
  color: rgb(var(--slate-100));
}

.hover-text-slate-200:hover {
  color: rgb(var(--slate-200));
}

.hover-text-slate-300:hover {
  color: rgb(var(--slate-300));
}

.hover-text-slate-400:hover {
  color: rgb(var(--slate-400));
}

.hover-text-slate-500:hover {
  color: rgb(var(--slate-500));
}

.hover-text-slate-600:hover {
  color: rgb(var(--slate-600));
}

.hover-text-slate-700:hover {
  color: rgb(var(--slate-700));
}

.hover-text-slate-800:hover {
  color: rgb(var(--slate-800));
}

.hover-text-slate-900:hover {
  color: rgb(var(--slate-900));
}

.hover-text-gray-50:hover {
  color: rgb(var(--gray-50));
}

.hover-text-gray-100:hover {
  color: rgb(var(--gray-100));
}

.hover-text-gray-200:hover {
  color: rgb(var(--gray-200));
}

.hover-text-gray-300:hover {
  color: rgb(var(--gray-300));
}

.hover-text-gray-400:hover {
  color: rgb(var(--gray-400));
}

.hover-text-gray-500:hover {
  color: rgb(var(--gray-500));
}

.hover-text-gray-600:hover {
  color: rgb(var(--gray-600));
}

.hover-text-gray-700:hover {
  color: rgb(var(--gray-700));
}

.hover-text-gray-800:hover {
  color: rgb(var(--gray-800));
}

.hover-text-gray-900:hover {
  color: rgb(var(--gray-900));
}

.hover-text-zinc-50:hover {
  color: rgb(var(--zinc-50));
}

.hover-text-zinc-100:hover {
  color: rgb(var(--zinc-100));
}

.hover-text-zinc-200:hover {
  color: rgb(var(--zinc-200));
}

.hover-text-zinc-300:hover {
  color: rgb(var(--zinc-300));
}

.hover-text-zinc-400:hover {
  color: rgb(var(--zinc-400));
}

.hover-text-zinc-500:hover {
  color: rgb(var(--zinc-500));
}

.hover-text-zinc-600:hover {
  color: rgb(var(--zinc-600));
}

.hover-text-zinc-700:hover {
  color: rgb(var(--zinc-700));
}

.hover-text-zinc-800:hover {
  color: rgb(var(--zinc-800));
}

.hover-text-zinc-900:hover {
  color: rgb(var(--zinc-900));
}

.hover-text-black-DEFAULT:hover {
  color: rgb(var(--black-DEFAULT));
}

.hover-text-white-DEFAULT:hover {
  color: rgb(var(--white-DEFAULT));
}

.hover-border-red-50:hover {
  border-color: rgb(var(--red-50));
}

.hover-border-red-100:hover {
  border-color: rgb(var(--red-100));
}

.hover-border-red-200:hover {
  border-color: rgb(var(--red-200));
}

.hover-border-red-300:hover {
  border-color: rgb(var(--red-300));
}

.hover-border-red-400:hover {
  border-color: rgb(var(--red-400));
}

.hover-border-red-500:hover {
  border-color: rgb(var(--red-500));
}

.hover-border-red-600:hover {
  border-color: rgb(var(--red-600));
}

.hover-border-red-700:hover {
  border-color: rgb(var(--red-700));
}

.hover-border-red-800:hover {
  border-color: rgb(var(--red-800));
}

.hover-border-red-900:hover {
  border-color: rgb(var(--red-900));
}

.hover-border-orange-50:hover {
  border-color: rgb(var(--orange-50));
}

.hover-border-orange-100:hover {
  border-color: rgb(var(--orange-100));
}

.hover-border-orange-200:hover {
  border-color: rgb(var(--orange-200));
}

.hover-border-orange-300:hover {
  border-color: rgb(var(--orange-300));
}

.hover-border-orange-400:hover {
  border-color: rgb(var(--orange-400));
}

.hover-border-orange-500:hover {
  border-color: rgb(var(--orange-500));
}

.hover-border-orange-600:hover {
  border-color: rgb(var(--orange-600));
}

.hover-border-orange-700:hover {
  border-color: rgb(var(--orange-700));
}

.hover-border-orange-800:hover {
  border-color: rgb(var(--orange-800));
}

.hover-border-orange-900:hover {
  border-color: rgb(var(--orange-900));
}

.hover-border-amber-50:hover {
  border-color: rgb(var(--amber-50));
}

.hover-border-amber-100:hover {
  border-color: rgb(var(--amber-100));
}

.hover-border-amber-200:hover {
  border-color: rgb(var(--amber-200));
}

.hover-border-amber-300:hover {
  border-color: rgb(var(--amber-300));
}

.hover-border-amber-400:hover {
  border-color: rgb(var(--amber-400));
}

.hover-border-amber-500:hover {
  border-color: rgb(var(--amber-500));
}

.hover-border-amber-600:hover {
  border-color: rgb(var(--amber-600));
}

.hover-border-amber-700:hover {
  border-color: rgb(var(--amber-700));
}

.hover-border-amber-800:hover {
  border-color: rgb(var(--amber-800));
}

.hover-border-amber-900:hover {
  border-color: rgb(var(--amber-900));
}

.hover-border-yellow-50:hover {
  border-color: rgb(var(--yellow-50));
}

.hover-border-yellow-100:hover {
  border-color: rgb(var(--yellow-100));
}

.hover-border-yellow-200:hover {
  border-color: rgb(var(--yellow-200));
}

.hover-border-yellow-300:hover {
  border-color: rgb(var(--yellow-300));
}

.hover-border-yellow-400:hover {
  border-color: rgb(var(--yellow-400));
}

.hover-border-yellow-500:hover {
  border-color: rgb(var(--yellow-500));
}

.hover-border-yellow-600:hover {
  border-color: rgb(var(--yellow-600));
}

.hover-border-yellow-700:hover {
  border-color: rgb(var(--yellow-700));
}

.hover-border-yellow-800:hover {
  border-color: rgb(var(--yellow-800));
}

.hover-border-yellow-900:hover {
  border-color: rgb(var(--yellow-900));
}

.hover-border-lime-50:hover {
  border-color: rgb(var(--lime-50));
}

.hover-border-lime-100:hover {
  border-color: rgb(var(--lime-100));
}

.hover-border-lime-200:hover {
  border-color: rgb(var(--lime-200));
}

.hover-border-lime-300:hover {
  border-color: rgb(var(--lime-300));
}

.hover-border-lime-400:hover {
  border-color: rgb(var(--lime-400));
}

.hover-border-lime-500:hover {
  border-color: rgb(var(--lime-500));
}

.hover-border-lime-600:hover {
  border-color: rgb(var(--lime-600));
}

.hover-border-lime-700:hover {
  border-color: rgb(var(--lime-700));
}

.hover-border-lime-800:hover {
  border-color: rgb(var(--lime-800));
}

.hover-border-lime-900:hover {
  border-color: rgb(var(--lime-900));
}

.hover-border-green-50:hover {
  border-color: rgb(var(--green-50));
}

.hover-border-green-100:hover {
  border-color: rgb(var(--green-100));
}

.hover-border-green-200:hover {
  border-color: rgb(var(--green-200));
}

.hover-border-green-300:hover {
  border-color: rgb(var(--green-300));
}

.hover-border-green-400:hover {
  border-color: rgb(var(--green-400));
}

.hover-border-green-500:hover {
  border-color: rgb(var(--green-500));
}

.hover-border-green-600:hover {
  border-color: rgb(var(--green-600));
}

.hover-border-green-700:hover {
  border-color: rgb(var(--green-700));
}

.hover-border-green-800:hover {
  border-color: rgb(var(--green-800));
}

.hover-border-green-900:hover {
  border-color: rgb(var(--green-900));
}

.hover-border-emerald-50:hover {
  border-color: rgb(var(--emerald-50));
}

.hover-border-emerald-100:hover {
  border-color: rgb(var(--emerald-100));
}

.hover-border-emerald-200:hover {
  border-color: rgb(var(--emerald-200));
}

.hover-border-emerald-300:hover {
  border-color: rgb(var(--emerald-300));
}

.hover-border-emerald-400:hover {
  border-color: rgb(var(--emerald-400));
}

.hover-border-emerald-500:hover {
  border-color: rgb(var(--emerald-500));
}

.hover-border-emerald-600:hover {
  border-color: rgb(var(--emerald-600));
}

.hover-border-emerald-700:hover {
  border-color: rgb(var(--emerald-700));
}

.hover-border-emerald-800:hover {
  border-color: rgb(var(--emerald-800));
}

.hover-border-emerald-900:hover {
  border-color: rgb(var(--emerald-900));
}

.hover-border-teal-50:hover {
  border-color: rgb(var(--teal-50));
}

.hover-border-teal-100:hover {
  border-color: rgb(var(--teal-100));
}

.hover-border-teal-200:hover {
  border-color: rgb(var(--teal-200));
}

.hover-border-teal-300:hover {
  border-color: rgb(var(--teal-300));
}

.hover-border-teal-400:hover {
  border-color: rgb(var(--teal-400));
}

.hover-border-teal-500:hover {
  border-color: rgb(var(--teal-500));
}

.hover-border-teal-600:hover {
  border-color: rgb(var(--teal-600));
}

.hover-border-teal-700:hover {
  border-color: rgb(var(--teal-700));
}

.hover-border-teal-800:hover {
  border-color: rgb(var(--teal-800));
}

.hover-border-teal-900:hover {
  border-color: rgb(var(--teal-900));
}

.hover-border-cyan-50:hover {
  border-color: rgb(var(--cyan-50));
}

.hover-border-cyan-100:hover {
  border-color: rgb(var(--cyan-100));
}

.hover-border-cyan-200:hover {
  border-color: rgb(var(--cyan-200));
}

.hover-border-cyan-300:hover {
  border-color: rgb(var(--cyan-300));
}

.hover-border-cyan-400:hover {
  border-color: rgb(var(--cyan-400));
}

.hover-border-cyan-500:hover {
  border-color: rgb(var(--cyan-500));
}

.hover-border-cyan-600:hover {
  border-color: rgb(var(--cyan-600));
}

.hover-border-cyan-700:hover {
  border-color: rgb(var(--cyan-700));
}

.hover-border-cyan-800:hover {
  border-color: rgb(var(--cyan-800));
}

.hover-border-cyan-900:hover {
  border-color: rgb(var(--cyan-900));
}

.hover-border-sky-50:hover {
  border-color: rgb(var(--sky-50));
}

.hover-border-sky-100:hover {
  border-color: rgb(var(--sky-100));
}

.hover-border-sky-200:hover {
  border-color: rgb(var(--sky-200));
}

.hover-border-sky-300:hover {
  border-color: rgb(var(--sky-300));
}

.hover-border-sky-400:hover {
  border-color: rgb(var(--sky-400));
}

.hover-border-sky-500:hover {
  border-color: rgb(var(--sky-500));
}

.hover-border-sky-600:hover {
  border-color: rgb(var(--sky-600));
}

.hover-border-sky-700:hover {
  border-color: rgb(var(--sky-700));
}

.hover-border-sky-800:hover {
  border-color: rgb(var(--sky-800));
}

.hover-border-sky-900:hover {
  border-color: rgb(var(--sky-900));
}

.hover-border-blue-50:hover {
  border-color: rgb(var(--blue-50));
}

.hover-border-blue-100:hover {
  border-color: rgb(var(--blue-100));
}

.hover-border-blue-200:hover {
  border-color: rgb(var(--blue-200));
}

.hover-border-blue-300:hover {
  border-color: rgb(var(--blue-300));
}

.hover-border-blue-400:hover {
  border-color: rgb(var(--blue-400));
}

.hover-border-blue-500:hover {
  border-color: rgb(var(--blue-500));
}

.hover-border-blue-600:hover {
  border-color: rgb(var(--blue-600));
}

.hover-border-blue-700:hover {
  border-color: rgb(var(--blue-700));
}

.hover-border-blue-800:hover {
  border-color: rgb(var(--blue-800));
}

.hover-border-blue-900:hover {
  border-color: rgb(var(--blue-900));
}

.hover-border-indigo-50:hover {
  border-color: rgb(var(--indigo-50));
}

.hover-border-indigo-100:hover {
  border-color: rgb(var(--indigo-100));
}

.hover-border-indigo-200:hover {
  border-color: rgb(var(--indigo-200));
}

.hover-border-indigo-300:hover {
  border-color: rgb(var(--indigo-300));
}

.hover-border-indigo-400:hover {
  border-color: rgb(var(--indigo-400));
}

.hover-border-indigo-500:hover {
  border-color: rgb(var(--indigo-500));
}

.hover-border-indigo-600:hover {
  border-color: rgb(var(--indigo-600));
}

.hover-border-indigo-700:hover {
  border-color: rgb(var(--indigo-700));
}

.hover-border-indigo-800:hover {
  border-color: rgb(var(--indigo-800));
}

.hover-border-indigo-900:hover {
  border-color: rgb(var(--indigo-900));
}

.hover-border-violet-50:hover {
  border-color: rgb(var(--violet-50));
}

.hover-border-violet-100:hover {
  border-color: rgb(var(--violet-100));
}

.hover-border-violet-200:hover {
  border-color: rgb(var(--violet-200));
}

.hover-border-violet-300:hover {
  border-color: rgb(var(--violet-300));
}

.hover-border-violet-400:hover {
  border-color: rgb(var(--violet-400));
}

.hover-border-violet-500:hover {
  border-color: rgb(var(--violet-500));
}

.hover-border-violet-600:hover {
  border-color: rgb(var(--violet-600));
}

.hover-border-violet-700:hover {
  border-color: rgb(var(--violet-700));
}

.hover-border-violet-800:hover {
  border-color: rgb(var(--violet-800));
}

.hover-border-violet-900:hover {
  border-color: rgb(var(--violet-900));
}

.hover-border-purple-50:hover {
  border-color: rgb(var(--purple-50));
}

.hover-border-purple-100:hover {
  border-color: rgb(var(--purple-100));
}

.hover-border-purple-200:hover {
  border-color: rgb(var(--purple-200));
}

.hover-border-purple-300:hover {
  border-color: rgb(var(--purple-300));
}

.hover-border-purple-400:hover {
  border-color: rgb(var(--purple-400));
}

.hover-border-purple-500:hover {
  border-color: rgb(var(--purple-500));
}

.hover-border-purple-600:hover {
  border-color: rgb(var(--purple-600));
}

.hover-border-purple-700:hover {
  border-color: rgb(var(--purple-700));
}

.hover-border-purple-800:hover {
  border-color: rgb(var(--purple-800));
}

.hover-border-purple-900:hover {
  border-color: rgb(var(--purple-900));
}

.hover-border-fuchsia-50:hover {
  border-color: rgb(var(--fuchsia-50));
}

.hover-border-fuchsia-100:hover {
  border-color: rgb(var(--fuchsia-100));
}

.hover-border-fuchsia-200:hover {
  border-color: rgb(var(--fuchsia-200));
}

.hover-border-fuchsia-300:hover {
  border-color: rgb(var(--fuchsia-300));
}

.hover-border-fuchsia-400:hover {
  border-color: rgb(var(--fuchsia-400));
}

.hover-border-fuchsia-500:hover {
  border-color: rgb(var(--fuchsia-500));
}

.hover-border-fuchsia-600:hover {
  border-color: rgb(var(--fuchsia-600));
}

.hover-border-fuchsia-700:hover {
  border-color: rgb(var(--fuchsia-700));
}

.hover-border-fuchsia-800:hover {
  border-color: rgb(var(--fuchsia-800));
}

.hover-border-fuchsia-900:hover {
  border-color: rgb(var(--fuchsia-900));
}

.hover-border-pink-50:hover {
  border-color: rgb(var(--pink-50));
}

.hover-border-pink-100:hover {
  border-color: rgb(var(--pink-100));
}

.hover-border-pink-200:hover {
  border-color: rgb(var(--pink-200));
}

.hover-border-pink-300:hover {
  border-color: rgb(var(--pink-300));
}

.hover-border-pink-400:hover {
  border-color: rgb(var(--pink-400));
}

.hover-border-pink-500:hover {
  border-color: rgb(var(--pink-500));
}

.hover-border-pink-600:hover {
  border-color: rgb(var(--pink-600));
}

.hover-border-pink-700:hover {
  border-color: rgb(var(--pink-700));
}

.hover-border-pink-800:hover {
  border-color: rgb(var(--pink-800));
}

.hover-border-pink-900:hover {
  border-color: rgb(var(--pink-900));
}

.hover-border-rose-50:hover {
  border-color: rgb(var(--rose-50));
}

.hover-border-rose-100:hover {
  border-color: rgb(var(--rose-100));
}

.hover-border-rose-200:hover {
  border-color: rgb(var(--rose-200));
}

.hover-border-rose-300:hover {
  border-color: rgb(var(--rose-300));
}

.hover-border-rose-400:hover {
  border-color: rgb(var(--rose-400));
}

.hover-border-rose-500:hover {
  border-color: rgb(var(--rose-500));
}

.hover-border-rose-600:hover {
  border-color: rgb(var(--rose-600));
}

.hover-border-rose-700:hover {
  border-color: rgb(var(--rose-700));
}

.hover-border-rose-800:hover {
  border-color: rgb(var(--rose-800));
}

.hover-border-rose-900:hover {
  border-color: rgb(var(--rose-900));
}

.hover-border-slate-50:hover {
  border-color: rgb(var(--slate-50));
}

.hover-border-slate-100:hover {
  border-color: rgb(var(--slate-100));
}

.hover-border-slate-200:hover {
  border-color: rgb(var(--slate-200));
}

.hover-border-slate-300:hover {
  border-color: rgb(var(--slate-300));
}

.hover-border-slate-400:hover {
  border-color: rgb(var(--slate-400));
}

.hover-border-slate-500:hover {
  border-color: rgb(var(--slate-500));
}

.hover-border-slate-600:hover {
  border-color: rgb(var(--slate-600));
}

.hover-border-slate-700:hover {
  border-color: rgb(var(--slate-700));
}

.hover-border-slate-800:hover {
  border-color: rgb(var(--slate-800));
}

.hover-border-slate-900:hover {
  border-color: rgb(var(--slate-900));
}

.hover-border-gray-50:hover {
  border-color: rgb(var(--gray-50));
}

.hover-border-gray-100:hover {
  border-color: rgb(var(--gray-100));
}

.hover-border-gray-200:hover {
  border-color: rgb(var(--gray-200));
}

.hover-border-gray-300:hover {
  border-color: rgb(var(--gray-300));
}

.hover-border-gray-400:hover {
  border-color: rgb(var(--gray-400));
}

.hover-border-gray-500:hover {
  border-color: rgb(var(--gray-500));
}

.hover-border-gray-600:hover {
  border-color: rgb(var(--gray-600));
}

.hover-border-gray-700:hover {
  border-color: rgb(var(--gray-700));
}

.hover-border-gray-800:hover {
  border-color: rgb(var(--gray-800));
}

.hover-border-gray-900:hover {
  border-color: rgb(var(--gray-900));
}

.hover-border-zinc-50:hover {
  border-color: rgb(var(--zinc-50));
}

.hover-border-zinc-100:hover {
  border-color: rgb(var(--zinc-100));
}

.hover-border-zinc-200:hover {
  border-color: rgb(var(--zinc-200));
}

.hover-border-zinc-300:hover {
  border-color: rgb(var(--zinc-300));
}

.hover-border-zinc-400:hover {
  border-color: rgb(var(--zinc-400));
}

.hover-border-zinc-500:hover {
  border-color: rgb(var(--zinc-500));
}

.hover-border-zinc-600:hover {
  border-color: rgb(var(--zinc-600));
}

.hover-border-zinc-700:hover {
  border-color: rgb(var(--zinc-700));
}

.hover-border-zinc-800:hover {
  border-color: rgb(var(--zinc-800));
}

.hover-border-zinc-900:hover {
  border-color: rgb(var(--zinc-900));
}

.hover-border-black-DEFAULT:hover {
  border-color: rgb(var(--black-DEFAULT));
}

.hover-border-white-DEFAULT:hover {
  border-color: rgb(var(--white-DEFAULT));
}

/* focus 变体 */
.\:focustext-red-50:focus {
  color: rgb(var(--red-50));
}

.\:focustext-red-100:focus {
  color: rgb(var(--red-100));
}

.\:focustext-red-200:focus {
  color: rgb(var(--red-200));
}

.\:focustext-red-300:focus {
  color: rgb(var(--red-300));
}

.\:focustext-red-400:focus {
  color: rgb(var(--red-400));
}

.\:focustext-red-500:focus {
  color: rgb(var(--red-500));
}

.\:focustext-red-600:focus {
  color: rgb(var(--red-600));
}

.\:focustext-red-700:focus {
  color: rgb(var(--red-700));
}

.\:focustext-red-800:focus {
  color: rgb(var(--red-800));
}

.\:focustext-red-900:focus {
  color: rgb(var(--red-900));
}

.\:focustext-orange-50:focus {
  color: rgb(var(--orange-50));
}

.\:focustext-orange-100:focus {
  color: rgb(var(--orange-100));
}

.\:focustext-orange-200:focus {
  color: rgb(var(--orange-200));
}

.\:focustext-orange-300:focus {
  color: rgb(var(--orange-300));
}

.\:focustext-orange-400:focus {
  color: rgb(var(--orange-400));
}

.\:focustext-orange-500:focus {
  color: rgb(var(--orange-500));
}

.\:focustext-orange-600:focus {
  color: rgb(var(--orange-600));
}

.\:focustext-orange-700:focus {
  color: rgb(var(--orange-700));
}

.\:focustext-orange-800:focus {
  color: rgb(var(--orange-800));
}

.\:focustext-orange-900:focus {
  color: rgb(var(--orange-900));
}

.\:focustext-amber-50:focus {
  color: rgb(var(--amber-50));
}

.\:focustext-amber-100:focus {
  color: rgb(var(--amber-100));
}

.\:focustext-amber-200:focus {
  color: rgb(var(--amber-200));
}

.\:focustext-amber-300:focus {
  color: rgb(var(--amber-300));
}

.\:focustext-amber-400:focus {
  color: rgb(var(--amber-400));
}

.\:focustext-amber-500:focus {
  color: rgb(var(--amber-500));
}

.\:focustext-amber-600:focus {
  color: rgb(var(--amber-600));
}

.\:focustext-amber-700:focus {
  color: rgb(var(--amber-700));
}

.\:focustext-amber-800:focus {
  color: rgb(var(--amber-800));
}

.\:focustext-amber-900:focus {
  color: rgb(var(--amber-900));
}

.\:focustext-yellow-50:focus {
  color: rgb(var(--yellow-50));
}

.\:focustext-yellow-100:focus {
  color: rgb(var(--yellow-100));
}

.\:focustext-yellow-200:focus {
  color: rgb(var(--yellow-200));
}

.\:focustext-yellow-300:focus {
  color: rgb(var(--yellow-300));
}

.\:focustext-yellow-400:focus {
  color: rgb(var(--yellow-400));
}

.\:focustext-yellow-500:focus {
  color: rgb(var(--yellow-500));
}

.\:focustext-yellow-600:focus {
  color: rgb(var(--yellow-600));
}

.\:focustext-yellow-700:focus {
  color: rgb(var(--yellow-700));
}

.\:focustext-yellow-800:focus {
  color: rgb(var(--yellow-800));
}

.\:focustext-yellow-900:focus {
  color: rgb(var(--yellow-900));
}

.\:focustext-lime-50:focus {
  color: rgb(var(--lime-50));
}

.\:focustext-lime-100:focus {
  color: rgb(var(--lime-100));
}

.\:focustext-lime-200:focus {
  color: rgb(var(--lime-200));
}

.\:focustext-lime-300:focus {
  color: rgb(var(--lime-300));
}

.\:focustext-lime-400:focus {
  color: rgb(var(--lime-400));
}

.\:focustext-lime-500:focus {
  color: rgb(var(--lime-500));
}

.\:focustext-lime-600:focus {
  color: rgb(var(--lime-600));
}

.\:focustext-lime-700:focus {
  color: rgb(var(--lime-700));
}

.\:focustext-lime-800:focus {
  color: rgb(var(--lime-800));
}

.\:focustext-lime-900:focus {
  color: rgb(var(--lime-900));
}

.\:focustext-green-50:focus {
  color: rgb(var(--green-50));
}

.\:focustext-green-100:focus {
  color: rgb(var(--green-100));
}

.\:focustext-green-200:focus {
  color: rgb(var(--green-200));
}

.\:focustext-green-300:focus {
  color: rgb(var(--green-300));
}

.\:focustext-green-400:focus {
  color: rgb(var(--green-400));
}

.\:focustext-green-500:focus {
  color: rgb(var(--green-500));
}

.\:focustext-green-600:focus {
  color: rgb(var(--green-600));
}

.\:focustext-green-700:focus {
  color: rgb(var(--green-700));
}

.\:focustext-green-800:focus {
  color: rgb(var(--green-800));
}

.\:focustext-green-900:focus {
  color: rgb(var(--green-900));
}

.\:focustext-emerald-50:focus {
  color: rgb(var(--emerald-50));
}

.\:focustext-emerald-100:focus {
  color: rgb(var(--emerald-100));
}

.\:focustext-emerald-200:focus {
  color: rgb(var(--emerald-200));
}

.\:focustext-emerald-300:focus {
  color: rgb(var(--emerald-300));
}

.\:focustext-emerald-400:focus {
  color: rgb(var(--emerald-400));
}

.\:focustext-emerald-500:focus {
  color: rgb(var(--emerald-500));
}

.\:focustext-emerald-600:focus {
  color: rgb(var(--emerald-600));
}

.\:focustext-emerald-700:focus {
  color: rgb(var(--emerald-700));
}

.\:focustext-emerald-800:focus {
  color: rgb(var(--emerald-800));
}

.\:focustext-emerald-900:focus {
  color: rgb(var(--emerald-900));
}

.\:focustext-teal-50:focus {
  color: rgb(var(--teal-50));
}

.\:focustext-teal-100:focus {
  color: rgb(var(--teal-100));
}

.\:focustext-teal-200:focus {
  color: rgb(var(--teal-200));
}

.\:focustext-teal-300:focus {
  color: rgb(var(--teal-300));
}

.\:focustext-teal-400:focus {
  color: rgb(var(--teal-400));
}

.\:focustext-teal-500:focus {
  color: rgb(var(--teal-500));
}

.\:focustext-teal-600:focus {
  color: rgb(var(--teal-600));
}

.\:focustext-teal-700:focus {
  color: rgb(var(--teal-700));
}

.\:focustext-teal-800:focus {
  color: rgb(var(--teal-800));
}

.\:focustext-teal-900:focus {
  color: rgb(var(--teal-900));
}

.\:focustext-cyan-50:focus {
  color: rgb(var(--cyan-50));
}

.\:focustext-cyan-100:focus {
  color: rgb(var(--cyan-100));
}

.\:focustext-cyan-200:focus {
  color: rgb(var(--cyan-200));
}

.\:focustext-cyan-300:focus {
  color: rgb(var(--cyan-300));
}

.\:focustext-cyan-400:focus {
  color: rgb(var(--cyan-400));
}

.\:focustext-cyan-500:focus {
  color: rgb(var(--cyan-500));
}

.\:focustext-cyan-600:focus {
  color: rgb(var(--cyan-600));
}

.\:focustext-cyan-700:focus {
  color: rgb(var(--cyan-700));
}

.\:focustext-cyan-800:focus {
  color: rgb(var(--cyan-800));
}

.\:focustext-cyan-900:focus {
  color: rgb(var(--cyan-900));
}

.\:focustext-sky-50:focus {
  color: rgb(var(--sky-50));
}

.\:focustext-sky-100:focus {
  color: rgb(var(--sky-100));
}

.\:focustext-sky-200:focus {
  color: rgb(var(--sky-200));
}

.\:focustext-sky-300:focus {
  color: rgb(var(--sky-300));
}

.\:focustext-sky-400:focus {
  color: rgb(var(--sky-400));
}

.\:focustext-sky-500:focus {
  color: rgb(var(--sky-500));
}

.\:focustext-sky-600:focus {
  color: rgb(var(--sky-600));
}

.\:focustext-sky-700:focus {
  color: rgb(var(--sky-700));
}

.\:focustext-sky-800:focus {
  color: rgb(var(--sky-800));
}

.\:focustext-sky-900:focus {
  color: rgb(var(--sky-900));
}

.\:focustext-blue-50:focus {
  color: rgb(var(--blue-50));
}

.\:focustext-blue-100:focus {
  color: rgb(var(--blue-100));
}

.\:focustext-blue-200:focus {
  color: rgb(var(--blue-200));
}

.\:focustext-blue-300:focus {
  color: rgb(var(--blue-300));
}

.\:focustext-blue-400:focus {
  color: rgb(var(--blue-400));
}

.\:focustext-blue-500:focus {
  color: rgb(var(--blue-500));
}

.\:focustext-blue-600:focus {
  color: rgb(var(--blue-600));
}

.\:focustext-blue-700:focus {
  color: rgb(var(--blue-700));
}

.\:focustext-blue-800:focus {
  color: rgb(var(--blue-800));
}

.\:focustext-blue-900:focus {
  color: rgb(var(--blue-900));
}

.\:focustext-indigo-50:focus {
  color: rgb(var(--indigo-50));
}

.\:focustext-indigo-100:focus {
  color: rgb(var(--indigo-100));
}

.\:focustext-indigo-200:focus {
  color: rgb(var(--indigo-200));
}

.\:focustext-indigo-300:focus {
  color: rgb(var(--indigo-300));
}

.\:focustext-indigo-400:focus {
  color: rgb(var(--indigo-400));
}

.\:focustext-indigo-500:focus {
  color: rgb(var(--indigo-500));
}

.\:focustext-indigo-600:focus {
  color: rgb(var(--indigo-600));
}

.\:focustext-indigo-700:focus {
  color: rgb(var(--indigo-700));
}

.\:focustext-indigo-800:focus {
  color: rgb(var(--indigo-800));
}

.\:focustext-indigo-900:focus {
  color: rgb(var(--indigo-900));
}

.\:focustext-violet-50:focus {
  color: rgb(var(--violet-50));
}

.\:focustext-violet-100:focus {
  color: rgb(var(--violet-100));
}

.\:focustext-violet-200:focus {
  color: rgb(var(--violet-200));
}

.\:focustext-violet-300:focus {
  color: rgb(var(--violet-300));
}

.\:focustext-violet-400:focus {
  color: rgb(var(--violet-400));
}

.\:focustext-violet-500:focus {
  color: rgb(var(--violet-500));
}

.\:focustext-violet-600:focus {
  color: rgb(var(--violet-600));
}

.\:focustext-violet-700:focus {
  color: rgb(var(--violet-700));
}

.\:focustext-violet-800:focus {
  color: rgb(var(--violet-800));
}

.\:focustext-violet-900:focus {
  color: rgb(var(--violet-900));
}

.\:focustext-purple-50:focus {
  color: rgb(var(--purple-50));
}

.\:focustext-purple-100:focus {
  color: rgb(var(--purple-100));
}

.\:focustext-purple-200:focus {
  color: rgb(var(--purple-200));
}

.\:focustext-purple-300:focus {
  color: rgb(var(--purple-300));
}

.\:focustext-purple-400:focus {
  color: rgb(var(--purple-400));
}

.\:focustext-purple-500:focus {
  color: rgb(var(--purple-500));
}

.\:focustext-purple-600:focus {
  color: rgb(var(--purple-600));
}

.\:focustext-purple-700:focus {
  color: rgb(var(--purple-700));
}

.\:focustext-purple-800:focus {
  color: rgb(var(--purple-800));
}

.\:focustext-purple-900:focus {
  color: rgb(var(--purple-900));
}

.\:focustext-fuchsia-50:focus {
  color: rgb(var(--fuchsia-50));
}

.\:focustext-fuchsia-100:focus {
  color: rgb(var(--fuchsia-100));
}

.\:focustext-fuchsia-200:focus {
  color: rgb(var(--fuchsia-200));
}

.\:focustext-fuchsia-300:focus {
  color: rgb(var(--fuchsia-300));
}

.\:focustext-fuchsia-400:focus {
  color: rgb(var(--fuchsia-400));
}

.\:focustext-fuchsia-500:focus {
  color: rgb(var(--fuchsia-500));
}

.\:focustext-fuchsia-600:focus {
  color: rgb(var(--fuchsia-600));
}

.\:focustext-fuchsia-700:focus {
  color: rgb(var(--fuchsia-700));
}

.\:focustext-fuchsia-800:focus {
  color: rgb(var(--fuchsia-800));
}

.\:focustext-fuchsia-900:focus {
  color: rgb(var(--fuchsia-900));
}

.\:focustext-pink-50:focus {
  color: rgb(var(--pink-50));
}

.\:focustext-pink-100:focus {
  color: rgb(var(--pink-100));
}

.\:focustext-pink-200:focus {
  color: rgb(var(--pink-200));
}

.\:focustext-pink-300:focus {
  color: rgb(var(--pink-300));
}

.\:focustext-pink-400:focus {
  color: rgb(var(--pink-400));
}

.\:focustext-pink-500:focus {
  color: rgb(var(--pink-500));
}

.\:focustext-pink-600:focus {
  color: rgb(var(--pink-600));
}

.\:focustext-pink-700:focus {
  color: rgb(var(--pink-700));
}

.\:focustext-pink-800:focus {
  color: rgb(var(--pink-800));
}

.\:focustext-pink-900:focus {
  color: rgb(var(--pink-900));
}

.\:focustext-rose-50:focus {
  color: rgb(var(--rose-50));
}

.\:focustext-rose-100:focus {
  color: rgb(var(--rose-100));
}

.\:focustext-rose-200:focus {
  color: rgb(var(--rose-200));
}

.\:focustext-rose-300:focus {
  color: rgb(var(--rose-300));
}

.\:focustext-rose-400:focus {
  color: rgb(var(--rose-400));
}

.\:focustext-rose-500:focus {
  color: rgb(var(--rose-500));
}

.\:focustext-rose-600:focus {
  color: rgb(var(--rose-600));
}

.\:focustext-rose-700:focus {
  color: rgb(var(--rose-700));
}

.\:focustext-rose-800:focus {
  color: rgb(var(--rose-800));
}

.\:focustext-rose-900:focus {
  color: rgb(var(--rose-900));
}

.\:focustext-slate-50:focus {
  color: rgb(var(--slate-50));
}

.\:focustext-slate-100:focus {
  color: rgb(var(--slate-100));
}

.\:focustext-slate-200:focus {
  color: rgb(var(--slate-200));
}

.\:focustext-slate-300:focus {
  color: rgb(var(--slate-300));
}

.\:focustext-slate-400:focus {
  color: rgb(var(--slate-400));
}

.\:focustext-slate-500:focus {
  color: rgb(var(--slate-500));
}

.\:focustext-slate-600:focus {
  color: rgb(var(--slate-600));
}

.\:focustext-slate-700:focus {
  color: rgb(var(--slate-700));
}

.\:focustext-slate-800:focus {
  color: rgb(var(--slate-800));
}

.\:focustext-slate-900:focus {
  color: rgb(var(--slate-900));
}

.\:focustext-gray-50:focus {
  color: rgb(var(--gray-50));
}

.\:focustext-gray-100:focus {
  color: rgb(var(--gray-100));
}

.\:focustext-gray-200:focus {
  color: rgb(var(--gray-200));
}

.\:focustext-gray-300:focus {
  color: rgb(var(--gray-300));
}

.\:focustext-gray-400:focus {
  color: rgb(var(--gray-400));
}

.\:focustext-gray-500:focus {
  color: rgb(var(--gray-500));
}

.\:focustext-gray-600:focus {
  color: rgb(var(--gray-600));
}

.\:focustext-gray-700:focus {
  color: rgb(var(--gray-700));
}

.\:focustext-gray-800:focus {
  color: rgb(var(--gray-800));
}

.\:focustext-gray-900:focus {
  color: rgb(var(--gray-900));
}

.\:focustext-zinc-50:focus {
  color: rgb(var(--zinc-50));
}

.\:focustext-zinc-100:focus {
  color: rgb(var(--zinc-100));
}

.\:focustext-zinc-200:focus {
  color: rgb(var(--zinc-200));
}

.\:focustext-zinc-300:focus {
  color: rgb(var(--zinc-300));
}

.\:focustext-zinc-400:focus {
  color: rgb(var(--zinc-400));
}

.\:focustext-zinc-500:focus {
  color: rgb(var(--zinc-500));
}

.\:focustext-zinc-600:focus {
  color: rgb(var(--zinc-600));
}

.\:focustext-zinc-700:focus {
  color: rgb(var(--zinc-700));
}

.\:focustext-zinc-800:focus {
  color: rgb(var(--zinc-800));
}

.\:focustext-zinc-900:focus {
  color: rgb(var(--zinc-900));
}

.\:focustext-black-DEFAULT:focus {
  color: rgb(var(--black-DEFAULT));
}

.\:focustext-white-DEFAULT:focus {
  color: rgb(var(--white-DEFAULT));
}

.\:focusborder-red-50:focus {
  border-color: rgb(var(--red-50));
}

.\:focusborder-red-100:focus {
  border-color: rgb(var(--red-100));
}

.\:focusborder-red-200:focus {
  border-color: rgb(var(--red-200));
}

.\:focusborder-red-300:focus {
  border-color: rgb(var(--red-300));
}

.\:focusborder-red-400:focus {
  border-color: rgb(var(--red-400));
}

.\:focusborder-red-500:focus {
  border-color: rgb(var(--red-500));
}

.\:focusborder-red-600:focus {
  border-color: rgb(var(--red-600));
}

.\:focusborder-red-700:focus {
  border-color: rgb(var(--red-700));
}

.\:focusborder-red-800:focus {
  border-color: rgb(var(--red-800));
}

.\:focusborder-red-900:focus {
  border-color: rgb(var(--red-900));
}

.\:focusborder-orange-50:focus {
  border-color: rgb(var(--orange-50));
}

.\:focusborder-orange-100:focus {
  border-color: rgb(var(--orange-100));
}

.\:focusborder-orange-200:focus {
  border-color: rgb(var(--orange-200));
}

.\:focusborder-orange-300:focus {
  border-color: rgb(var(--orange-300));
}

.\:focusborder-orange-400:focus {
  border-color: rgb(var(--orange-400));
}

.\:focusborder-orange-500:focus {
  border-color: rgb(var(--orange-500));
}

.\:focusborder-orange-600:focus {
  border-color: rgb(var(--orange-600));
}

.\:focusborder-orange-700:focus {
  border-color: rgb(var(--orange-700));
}

.\:focusborder-orange-800:focus {
  border-color: rgb(var(--orange-800));
}

.\:focusborder-orange-900:focus {
  border-color: rgb(var(--orange-900));
}

.\:focusborder-amber-50:focus {
  border-color: rgb(var(--amber-50));
}

.\:focusborder-amber-100:focus {
  border-color: rgb(var(--amber-100));
}

.\:focusborder-amber-200:focus {
  border-color: rgb(var(--amber-200));
}

.\:focusborder-amber-300:focus {
  border-color: rgb(var(--amber-300));
}

.\:focusborder-amber-400:focus {
  border-color: rgb(var(--amber-400));
}

.\:focusborder-amber-500:focus {
  border-color: rgb(var(--amber-500));
}

.\:focusborder-amber-600:focus {
  border-color: rgb(var(--amber-600));
}

.\:focusborder-amber-700:focus {
  border-color: rgb(var(--amber-700));
}

.\:focusborder-amber-800:focus {
  border-color: rgb(var(--amber-800));
}

.\:focusborder-amber-900:focus {
  border-color: rgb(var(--amber-900));
}

.\:focusborder-yellow-50:focus {
  border-color: rgb(var(--yellow-50));
}

.\:focusborder-yellow-100:focus {
  border-color: rgb(var(--yellow-100));
}

.\:focusborder-yellow-200:focus {
  border-color: rgb(var(--yellow-200));
}

.\:focusborder-yellow-300:focus {
  border-color: rgb(var(--yellow-300));
}

.\:focusborder-yellow-400:focus {
  border-color: rgb(var(--yellow-400));
}

.\:focusborder-yellow-500:focus {
  border-color: rgb(var(--yellow-500));
}

.\:focusborder-yellow-600:focus {
  border-color: rgb(var(--yellow-600));
}

.\:focusborder-yellow-700:focus {
  border-color: rgb(var(--yellow-700));
}

.\:focusborder-yellow-800:focus {
  border-color: rgb(var(--yellow-800));
}

.\:focusborder-yellow-900:focus {
  border-color: rgb(var(--yellow-900));
}

.\:focusborder-lime-50:focus {
  border-color: rgb(var(--lime-50));
}

.\:focusborder-lime-100:focus {
  border-color: rgb(var(--lime-100));
}

.\:focusborder-lime-200:focus {
  border-color: rgb(var(--lime-200));
}

.\:focusborder-lime-300:focus {
  border-color: rgb(var(--lime-300));
}

.\:focusborder-lime-400:focus {
  border-color: rgb(var(--lime-400));
}

.\:focusborder-lime-500:focus {
  border-color: rgb(var(--lime-500));
}

.\:focusborder-lime-600:focus {
  border-color: rgb(var(--lime-600));
}

.\:focusborder-lime-700:focus {
  border-color: rgb(var(--lime-700));
}

.\:focusborder-lime-800:focus {
  border-color: rgb(var(--lime-800));
}

.\:focusborder-lime-900:focus {
  border-color: rgb(var(--lime-900));
}

.\:focusborder-green-50:focus {
  border-color: rgb(var(--green-50));
}

.\:focusborder-green-100:focus {
  border-color: rgb(var(--green-100));
}

.\:focusborder-green-200:focus {
  border-color: rgb(var(--green-200));
}

.\:focusborder-green-300:focus {
  border-color: rgb(var(--green-300));
}

.\:focusborder-green-400:focus {
  border-color: rgb(var(--green-400));
}

.\:focusborder-green-500:focus {
  border-color: rgb(var(--green-500));
}

.\:focusborder-green-600:focus {
  border-color: rgb(var(--green-600));
}

.\:focusborder-green-700:focus {
  border-color: rgb(var(--green-700));
}

.\:focusborder-green-800:focus {
  border-color: rgb(var(--green-800));
}

.\:focusborder-green-900:focus {
  border-color: rgb(var(--green-900));
}

.\:focusborder-emerald-50:focus {
  border-color: rgb(var(--emerald-50));
}

.\:focusborder-emerald-100:focus {
  border-color: rgb(var(--emerald-100));
}

.\:focusborder-emerald-200:focus {
  border-color: rgb(var(--emerald-200));
}

.\:focusborder-emerald-300:focus {
  border-color: rgb(var(--emerald-300));
}

.\:focusborder-emerald-400:focus {
  border-color: rgb(var(--emerald-400));
}

.\:focusborder-emerald-500:focus {
  border-color: rgb(var(--emerald-500));
}

.\:focusborder-emerald-600:focus {
  border-color: rgb(var(--emerald-600));
}

.\:focusborder-emerald-700:focus {
  border-color: rgb(var(--emerald-700));
}

.\:focusborder-emerald-800:focus {
  border-color: rgb(var(--emerald-800));
}

.\:focusborder-emerald-900:focus {
  border-color: rgb(var(--emerald-900));
}

.\:focusborder-teal-50:focus {
  border-color: rgb(var(--teal-50));
}

.\:focusborder-teal-100:focus {
  border-color: rgb(var(--teal-100));
}

.\:focusborder-teal-200:focus {
  border-color: rgb(var(--teal-200));
}

.\:focusborder-teal-300:focus {
  border-color: rgb(var(--teal-300));
}

.\:focusborder-teal-400:focus {
  border-color: rgb(var(--teal-400));
}

.\:focusborder-teal-500:focus {
  border-color: rgb(var(--teal-500));
}

.\:focusborder-teal-600:focus {
  border-color: rgb(var(--teal-600));
}

.\:focusborder-teal-700:focus {
  border-color: rgb(var(--teal-700));
}

.\:focusborder-teal-800:focus {
  border-color: rgb(var(--teal-800));
}

.\:focusborder-teal-900:focus {
  border-color: rgb(var(--teal-900));
}

.\:focusborder-cyan-50:focus {
  border-color: rgb(var(--cyan-50));
}

.\:focusborder-cyan-100:focus {
  border-color: rgb(var(--cyan-100));
}

.\:focusborder-cyan-200:focus {
  border-color: rgb(var(--cyan-200));
}

.\:focusborder-cyan-300:focus {
  border-color: rgb(var(--cyan-300));
}

.\:focusborder-cyan-400:focus {
  border-color: rgb(var(--cyan-400));
}

.\:focusborder-cyan-500:focus {
  border-color: rgb(var(--cyan-500));
}

.\:focusborder-cyan-600:focus {
  border-color: rgb(var(--cyan-600));
}

.\:focusborder-cyan-700:focus {
  border-color: rgb(var(--cyan-700));
}

.\:focusborder-cyan-800:focus {
  border-color: rgb(var(--cyan-800));
}

.\:focusborder-cyan-900:focus {
  border-color: rgb(var(--cyan-900));
}

.\:focusborder-sky-50:focus {
  border-color: rgb(var(--sky-50));
}

.\:focusborder-sky-100:focus {
  border-color: rgb(var(--sky-100));
}

.\:focusborder-sky-200:focus {
  border-color: rgb(var(--sky-200));
}

.\:focusborder-sky-300:focus {
  border-color: rgb(var(--sky-300));
}

.\:focusborder-sky-400:focus {
  border-color: rgb(var(--sky-400));
}

.\:focusborder-sky-500:focus {
  border-color: rgb(var(--sky-500));
}

.\:focusborder-sky-600:focus {
  border-color: rgb(var(--sky-600));
}

.\:focusborder-sky-700:focus {
  border-color: rgb(var(--sky-700));
}

.\:focusborder-sky-800:focus {
  border-color: rgb(var(--sky-800));
}

.\:focusborder-sky-900:focus {
  border-color: rgb(var(--sky-900));
}

.\:focusborder-blue-50:focus {
  border-color: rgb(var(--blue-50));
}

.\:focusborder-blue-100:focus {
  border-color: rgb(var(--blue-100));
}

.\:focusborder-blue-200:focus {
  border-color: rgb(var(--blue-200));
}

.\:focusborder-blue-300:focus {
  border-color: rgb(var(--blue-300));
}

.\:focusborder-blue-400:focus {
  border-color: rgb(var(--blue-400));
}

.\:focusborder-blue-500:focus {
  border-color: rgb(var(--blue-500));
}

.\:focusborder-blue-600:focus {
  border-color: rgb(var(--blue-600));
}

.\:focusborder-blue-700:focus {
  border-color: rgb(var(--blue-700));
}

.\:focusborder-blue-800:focus {
  border-color: rgb(var(--blue-800));
}

.\:focusborder-blue-900:focus {
  border-color: rgb(var(--blue-900));
}

.\:focusborder-indigo-50:focus {
  border-color: rgb(var(--indigo-50));
}

.\:focusborder-indigo-100:focus {
  border-color: rgb(var(--indigo-100));
}

.\:focusborder-indigo-200:focus {
  border-color: rgb(var(--indigo-200));
}

.\:focusborder-indigo-300:focus {
  border-color: rgb(var(--indigo-300));
}

.\:focusborder-indigo-400:focus {
  border-color: rgb(var(--indigo-400));
}

.\:focusborder-indigo-500:focus {
  border-color: rgb(var(--indigo-500));
}

.\:focusborder-indigo-600:focus {
  border-color: rgb(var(--indigo-600));
}

.\:focusborder-indigo-700:focus {
  border-color: rgb(var(--indigo-700));
}

.\:focusborder-indigo-800:focus {
  border-color: rgb(var(--indigo-800));
}

.\:focusborder-indigo-900:focus {
  border-color: rgb(var(--indigo-900));
}

.\:focusborder-violet-50:focus {
  border-color: rgb(var(--violet-50));
}

.\:focusborder-violet-100:focus {
  border-color: rgb(var(--violet-100));
}

.\:focusborder-violet-200:focus {
  border-color: rgb(var(--violet-200));
}

.\:focusborder-violet-300:focus {
  border-color: rgb(var(--violet-300));
}

.\:focusborder-violet-400:focus {
  border-color: rgb(var(--violet-400));
}

.\:focusborder-violet-500:focus {
  border-color: rgb(var(--violet-500));
}

.\:focusborder-violet-600:focus {
  border-color: rgb(var(--violet-600));
}

.\:focusborder-violet-700:focus {
  border-color: rgb(var(--violet-700));
}

.\:focusborder-violet-800:focus {
  border-color: rgb(var(--violet-800));
}

.\:focusborder-violet-900:focus {
  border-color: rgb(var(--violet-900));
}

.\:focusborder-purple-50:focus {
  border-color: rgb(var(--purple-50));
}

.\:focusborder-purple-100:focus {
  border-color: rgb(var(--purple-100));
}

.\:focusborder-purple-200:focus {
  border-color: rgb(var(--purple-200));
}

.\:focusborder-purple-300:focus {
  border-color: rgb(var(--purple-300));
}

.\:focusborder-purple-400:focus {
  border-color: rgb(var(--purple-400));
}

.\:focusborder-purple-500:focus {
  border-color: rgb(var(--purple-500));
}

.\:focusborder-purple-600:focus {
  border-color: rgb(var(--purple-600));
}

.\:focusborder-purple-700:focus {
  border-color: rgb(var(--purple-700));
}

.\:focusborder-purple-800:focus {
  border-color: rgb(var(--purple-800));
}

.\:focusborder-purple-900:focus {
  border-color: rgb(var(--purple-900));
}

.\:focusborder-fuchsia-50:focus {
  border-color: rgb(var(--fuchsia-50));
}

.\:focusborder-fuchsia-100:focus {
  border-color: rgb(var(--fuchsia-100));
}

.\:focusborder-fuchsia-200:focus {
  border-color: rgb(var(--fuchsia-200));
}

.\:focusborder-fuchsia-300:focus {
  border-color: rgb(var(--fuchsia-300));
}

.\:focusborder-fuchsia-400:focus {
  border-color: rgb(var(--fuchsia-400));
}

.\:focusborder-fuchsia-500:focus {
  border-color: rgb(var(--fuchsia-500));
}

.\:focusborder-fuchsia-600:focus {
  border-color: rgb(var(--fuchsia-600));
}

.\:focusborder-fuchsia-700:focus {
  border-color: rgb(var(--fuchsia-700));
}

.\:focusborder-fuchsia-800:focus {
  border-color: rgb(var(--fuchsia-800));
}

.\:focusborder-fuchsia-900:focus {
  border-color: rgb(var(--fuchsia-900));
}

.\:focusborder-pink-50:focus {
  border-color: rgb(var(--pink-50));
}

.\:focusborder-pink-100:focus {
  border-color: rgb(var(--pink-100));
}

.\:focusborder-pink-200:focus {
  border-color: rgb(var(--pink-200));
}

.\:focusborder-pink-300:focus {
  border-color: rgb(var(--pink-300));
}

.\:focusborder-pink-400:focus {
  border-color: rgb(var(--pink-400));
}

.\:focusborder-pink-500:focus {
  border-color: rgb(var(--pink-500));
}

.\:focusborder-pink-600:focus {
  border-color: rgb(var(--pink-600));
}

.\:focusborder-pink-700:focus {
  border-color: rgb(var(--pink-700));
}

.\:focusborder-pink-800:focus {
  border-color: rgb(var(--pink-800));
}

.\:focusborder-pink-900:focus {
  border-color: rgb(var(--pink-900));
}

.\:focusborder-rose-50:focus {
  border-color: rgb(var(--rose-50));
}

.\:focusborder-rose-100:focus {
  border-color: rgb(var(--rose-100));
}

.\:focusborder-rose-200:focus {
  border-color: rgb(var(--rose-200));
}

.\:focusborder-rose-300:focus {
  border-color: rgb(var(--rose-300));
}

.\:focusborder-rose-400:focus {
  border-color: rgb(var(--rose-400));
}

.\:focusborder-rose-500:focus {
  border-color: rgb(var(--rose-500));
}

.\:focusborder-rose-600:focus {
  border-color: rgb(var(--rose-600));
}

.\:focusborder-rose-700:focus {
  border-color: rgb(var(--rose-700));
}

.\:focusborder-rose-800:focus {
  border-color: rgb(var(--rose-800));
}

.\:focusborder-rose-900:focus {
  border-color: rgb(var(--rose-900));
}

.\:focusborder-slate-50:focus {
  border-color: rgb(var(--slate-50));
}

.\:focusborder-slate-100:focus {
  border-color: rgb(var(--slate-100));
}

.\:focusborder-slate-200:focus {
  border-color: rgb(var(--slate-200));
}

.\:focusborder-slate-300:focus {
  border-color: rgb(var(--slate-300));
}

.\:focusborder-slate-400:focus {
  border-color: rgb(var(--slate-400));
}

.\:focusborder-slate-500:focus {
  border-color: rgb(var(--slate-500));
}

.\:focusborder-slate-600:focus {
  border-color: rgb(var(--slate-600));
}

.\:focusborder-slate-700:focus {
  border-color: rgb(var(--slate-700));
}

.\:focusborder-slate-800:focus {
  border-color: rgb(var(--slate-800));
}

.\:focusborder-slate-900:focus {
  border-color: rgb(var(--slate-900));
}

.\:focusborder-gray-50:focus {
  border-color: rgb(var(--gray-50));
}

.\:focusborder-gray-100:focus {
  border-color: rgb(var(--gray-100));
}

.\:focusborder-gray-200:focus {
  border-color: rgb(var(--gray-200));
}

.\:focusborder-gray-300:focus {
  border-color: rgb(var(--gray-300));
}

.\:focusborder-gray-400:focus {
  border-color: rgb(var(--gray-400));
}

.\:focusborder-gray-500:focus {
  border-color: rgb(var(--gray-500));
}

.\:focusborder-gray-600:focus {
  border-color: rgb(var(--gray-600));
}

.\:focusborder-gray-700:focus {
  border-color: rgb(var(--gray-700));
}

.\:focusborder-gray-800:focus {
  border-color: rgb(var(--gray-800));
}

.\:focusborder-gray-900:focus {
  border-color: rgb(var(--gray-900));
}

.\:focusborder-zinc-50:focus {
  border-color: rgb(var(--zinc-50));
}

.\:focusborder-zinc-100:focus {
  border-color: rgb(var(--zinc-100));
}

.\:focusborder-zinc-200:focus {
  border-color: rgb(var(--zinc-200));
}

.\:focusborder-zinc-300:focus {
  border-color: rgb(var(--zinc-300));
}

.\:focusborder-zinc-400:focus {
  border-color: rgb(var(--zinc-400));
}

.\:focusborder-zinc-500:focus {
  border-color: rgb(var(--zinc-500));
}

.\:focusborder-zinc-600:focus {
  border-color: rgb(var(--zinc-600));
}

.\:focusborder-zinc-700:focus {
  border-color: rgb(var(--zinc-700));
}

.\:focusborder-zinc-800:focus {
  border-color: rgb(var(--zinc-800));
}

.\:focusborder-zinc-900:focus {
  border-color: rgb(var(--zinc-900));
}

.\:focusborder-black-DEFAULT:focus {
  border-color: rgb(var(--black-DEFAULT));
}

.\:focusborder-white-DEFAULT:focus {
  border-color: rgb(var(--white-DEFAULT));
}

/* active 变体 */
.\:activetext-red-50:active {
  color: rgb(var(--red-50));
}

.\:activetext-red-100:active {
  color: rgb(var(--red-100));
}

.\:activetext-red-200:active {
  color: rgb(var(--red-200));
}

.\:activetext-red-300:active {
  color: rgb(var(--red-300));
}

.\:activetext-red-400:active {
  color: rgb(var(--red-400));
}

.\:activetext-red-500:active {
  color: rgb(var(--red-500));
}

.\:activetext-red-600:active {
  color: rgb(var(--red-600));
}

.\:activetext-red-700:active {
  color: rgb(var(--red-700));
}

.\:activetext-red-800:active {
  color: rgb(var(--red-800));
}

.\:activetext-red-900:active {
  color: rgb(var(--red-900));
}

.\:activetext-orange-50:active {
  color: rgb(var(--orange-50));
}

.\:activetext-orange-100:active {
  color: rgb(var(--orange-100));
}

.\:activetext-orange-200:active {
  color: rgb(var(--orange-200));
}

.\:activetext-orange-300:active {
  color: rgb(var(--orange-300));
}

.\:activetext-orange-400:active {
  color: rgb(var(--orange-400));
}

.\:activetext-orange-500:active {
  color: rgb(var(--orange-500));
}

.\:activetext-orange-600:active {
  color: rgb(var(--orange-600));
}

.\:activetext-orange-700:active {
  color: rgb(var(--orange-700));
}

.\:activetext-orange-800:active {
  color: rgb(var(--orange-800));
}

.\:activetext-orange-900:active {
  color: rgb(var(--orange-900));
}

.\:activetext-amber-50:active {
  color: rgb(var(--amber-50));
}

.\:activetext-amber-100:active {
  color: rgb(var(--amber-100));
}

.\:activetext-amber-200:active {
  color: rgb(var(--amber-200));
}

.\:activetext-amber-300:active {
  color: rgb(var(--amber-300));
}

.\:activetext-amber-400:active {
  color: rgb(var(--amber-400));
}

.\:activetext-amber-500:active {
  color: rgb(var(--amber-500));
}

.\:activetext-amber-600:active {
  color: rgb(var(--amber-600));
}

.\:activetext-amber-700:active {
  color: rgb(var(--amber-700));
}

.\:activetext-amber-800:active {
  color: rgb(var(--amber-800));
}

.\:activetext-amber-900:active {
  color: rgb(var(--amber-900));
}

.\:activetext-yellow-50:active {
  color: rgb(var(--yellow-50));
}

.\:activetext-yellow-100:active {
  color: rgb(var(--yellow-100));
}

.\:activetext-yellow-200:active {
  color: rgb(var(--yellow-200));
}

.\:activetext-yellow-300:active {
  color: rgb(var(--yellow-300));
}

.\:activetext-yellow-400:active {
  color: rgb(var(--yellow-400));
}

.\:activetext-yellow-500:active {
  color: rgb(var(--yellow-500));
}

.\:activetext-yellow-600:active {
  color: rgb(var(--yellow-600));
}

.\:activetext-yellow-700:active {
  color: rgb(var(--yellow-700));
}

.\:activetext-yellow-800:active {
  color: rgb(var(--yellow-800));
}

.\:activetext-yellow-900:active {
  color: rgb(var(--yellow-900));
}

.\:activetext-lime-50:active {
  color: rgb(var(--lime-50));
}

.\:activetext-lime-100:active {
  color: rgb(var(--lime-100));
}

.\:activetext-lime-200:active {
  color: rgb(var(--lime-200));
}

.\:activetext-lime-300:active {
  color: rgb(var(--lime-300));
}

.\:activetext-lime-400:active {
  color: rgb(var(--lime-400));
}

.\:activetext-lime-500:active {
  color: rgb(var(--lime-500));
}

.\:activetext-lime-600:active {
  color: rgb(var(--lime-600));
}

.\:activetext-lime-700:active {
  color: rgb(var(--lime-700));
}

.\:activetext-lime-800:active {
  color: rgb(var(--lime-800));
}

.\:activetext-lime-900:active {
  color: rgb(var(--lime-900));
}

.\:activetext-green-50:active {
  color: rgb(var(--green-50));
}

.\:activetext-green-100:active {
  color: rgb(var(--green-100));
}

.\:activetext-green-200:active {
  color: rgb(var(--green-200));
}

.\:activetext-green-300:active {
  color: rgb(var(--green-300));
}

.\:activetext-green-400:active {
  color: rgb(var(--green-400));
}

.\:activetext-green-500:active {
  color: rgb(var(--green-500));
}

.\:activetext-green-600:active {
  color: rgb(var(--green-600));
}

.\:activetext-green-700:active {
  color: rgb(var(--green-700));
}

.\:activetext-green-800:active {
  color: rgb(var(--green-800));
}

.\:activetext-green-900:active {
  color: rgb(var(--green-900));
}

.\:activetext-emerald-50:active {
  color: rgb(var(--emerald-50));
}

.\:activetext-emerald-100:active {
  color: rgb(var(--emerald-100));
}

.\:activetext-emerald-200:active {
  color: rgb(var(--emerald-200));
}

.\:activetext-emerald-300:active {
  color: rgb(var(--emerald-300));
}

.\:activetext-emerald-400:active {
  color: rgb(var(--emerald-400));
}

.\:activetext-emerald-500:active {
  color: rgb(var(--emerald-500));
}

.\:activetext-emerald-600:active {
  color: rgb(var(--emerald-600));
}

.\:activetext-emerald-700:active {
  color: rgb(var(--emerald-700));
}

.\:activetext-emerald-800:active {
  color: rgb(var(--emerald-800));
}

.\:activetext-emerald-900:active {
  color: rgb(var(--emerald-900));
}

.\:activetext-teal-50:active {
  color: rgb(var(--teal-50));
}

.\:activetext-teal-100:active {
  color: rgb(var(--teal-100));
}

.\:activetext-teal-200:active {
  color: rgb(var(--teal-200));
}

.\:activetext-teal-300:active {
  color: rgb(var(--teal-300));
}

.\:activetext-teal-400:active {
  color: rgb(var(--teal-400));
}

.\:activetext-teal-500:active {
  color: rgb(var(--teal-500));
}

.\:activetext-teal-600:active {
  color: rgb(var(--teal-600));
}

.\:activetext-teal-700:active {
  color: rgb(var(--teal-700));
}

.\:activetext-teal-800:active {
  color: rgb(var(--teal-800));
}

.\:activetext-teal-900:active {
  color: rgb(var(--teal-900));
}

.\:activetext-cyan-50:active {
  color: rgb(var(--cyan-50));
}

.\:activetext-cyan-100:active {
  color: rgb(var(--cyan-100));
}

.\:activetext-cyan-200:active {
  color: rgb(var(--cyan-200));
}

.\:activetext-cyan-300:active {
  color: rgb(var(--cyan-300));
}

.\:activetext-cyan-400:active {
  color: rgb(var(--cyan-400));
}

.\:activetext-cyan-500:active {
  color: rgb(var(--cyan-500));
}

.\:activetext-cyan-600:active {
  color: rgb(var(--cyan-600));
}

.\:activetext-cyan-700:active {
  color: rgb(var(--cyan-700));
}

.\:activetext-cyan-800:active {
  color: rgb(var(--cyan-800));
}

.\:activetext-cyan-900:active {
  color: rgb(var(--cyan-900));
}

.\:activetext-sky-50:active {
  color: rgb(var(--sky-50));
}

.\:activetext-sky-100:active {
  color: rgb(var(--sky-100));
}

.\:activetext-sky-200:active {
  color: rgb(var(--sky-200));
}

.\:activetext-sky-300:active {
  color: rgb(var(--sky-300));
}

.\:activetext-sky-400:active {
  color: rgb(var(--sky-400));
}

.\:activetext-sky-500:active {
  color: rgb(var(--sky-500));
}

.\:activetext-sky-600:active {
  color: rgb(var(--sky-600));
}

.\:activetext-sky-700:active {
  color: rgb(var(--sky-700));
}

.\:activetext-sky-800:active {
  color: rgb(var(--sky-800));
}

.\:activetext-sky-900:active {
  color: rgb(var(--sky-900));
}

.\:activetext-blue-50:active {
  color: rgb(var(--blue-50));
}

.\:activetext-blue-100:active {
  color: rgb(var(--blue-100));
}

.\:activetext-blue-200:active {
  color: rgb(var(--blue-200));
}

.\:activetext-blue-300:active {
  color: rgb(var(--blue-300));
}

.\:activetext-blue-400:active {
  color: rgb(var(--blue-400));
}

.\:activetext-blue-500:active {
  color: rgb(var(--blue-500));
}

.\:activetext-blue-600:active {
  color: rgb(var(--blue-600));
}

.\:activetext-blue-700:active {
  color: rgb(var(--blue-700));
}

.\:activetext-blue-800:active {
  color: rgb(var(--blue-800));
}

.\:activetext-blue-900:active {
  color: rgb(var(--blue-900));
}

.\:activetext-indigo-50:active {
  color: rgb(var(--indigo-50));
}

.\:activetext-indigo-100:active {
  color: rgb(var(--indigo-100));
}

.\:activetext-indigo-200:active {
  color: rgb(var(--indigo-200));
}

.\:activetext-indigo-300:active {
  color: rgb(var(--indigo-300));
}

.\:activetext-indigo-400:active {
  color: rgb(var(--indigo-400));
}

.\:activetext-indigo-500:active {
  color: rgb(var(--indigo-500));
}

.\:activetext-indigo-600:active {
  color: rgb(var(--indigo-600));
}

.\:activetext-indigo-700:active {
  color: rgb(var(--indigo-700));
}

.\:activetext-indigo-800:active {
  color: rgb(var(--indigo-800));
}

.\:activetext-indigo-900:active {
  color: rgb(var(--indigo-900));
}

.\:activetext-violet-50:active {
  color: rgb(var(--violet-50));
}

.\:activetext-violet-100:active {
  color: rgb(var(--violet-100));
}

.\:activetext-violet-200:active {
  color: rgb(var(--violet-200));
}

.\:activetext-violet-300:active {
  color: rgb(var(--violet-300));
}

.\:activetext-violet-400:active {
  color: rgb(var(--violet-400));
}

.\:activetext-violet-500:active {
  color: rgb(var(--violet-500));
}

.\:activetext-violet-600:active {
  color: rgb(var(--violet-600));
}

.\:activetext-violet-700:active {
  color: rgb(var(--violet-700));
}

.\:activetext-violet-800:active {
  color: rgb(var(--violet-800));
}

.\:activetext-violet-900:active {
  color: rgb(var(--violet-900));
}

.\:activetext-purple-50:active {
  color: rgb(var(--purple-50));
}

.\:activetext-purple-100:active {
  color: rgb(var(--purple-100));
}

.\:activetext-purple-200:active {
  color: rgb(var(--purple-200));
}

.\:activetext-purple-300:active {
  color: rgb(var(--purple-300));
}

.\:activetext-purple-400:active {
  color: rgb(var(--purple-400));
}

.\:activetext-purple-500:active {
  color: rgb(var(--purple-500));
}

.\:activetext-purple-600:active {
  color: rgb(var(--purple-600));
}

.\:activetext-purple-700:active {
  color: rgb(var(--purple-700));
}

.\:activetext-purple-800:active {
  color: rgb(var(--purple-800));
}

.\:activetext-purple-900:active {
  color: rgb(var(--purple-900));
}

.\:activetext-fuchsia-50:active {
  color: rgb(var(--fuchsia-50));
}

.\:activetext-fuchsia-100:active {
  color: rgb(var(--fuchsia-100));
}

.\:activetext-fuchsia-200:active {
  color: rgb(var(--fuchsia-200));
}

.\:activetext-fuchsia-300:active {
  color: rgb(var(--fuchsia-300));
}

.\:activetext-fuchsia-400:active {
  color: rgb(var(--fuchsia-400));
}

.\:activetext-fuchsia-500:active {
  color: rgb(var(--fuchsia-500));
}

.\:activetext-fuchsia-600:active {
  color: rgb(var(--fuchsia-600));
}

.\:activetext-fuchsia-700:active {
  color: rgb(var(--fuchsia-700));
}

.\:activetext-fuchsia-800:active {
  color: rgb(var(--fuchsia-800));
}

.\:activetext-fuchsia-900:active {
  color: rgb(var(--fuchsia-900));
}

.\:activetext-pink-50:active {
  color: rgb(var(--pink-50));
}

.\:activetext-pink-100:active {
  color: rgb(var(--pink-100));
}

.\:activetext-pink-200:active {
  color: rgb(var(--pink-200));
}

.\:activetext-pink-300:active {
  color: rgb(var(--pink-300));
}

.\:activetext-pink-400:active {
  color: rgb(var(--pink-400));
}

.\:activetext-pink-500:active {
  color: rgb(var(--pink-500));
}

.\:activetext-pink-600:active {
  color: rgb(var(--pink-600));
}

.\:activetext-pink-700:active {
  color: rgb(var(--pink-700));
}

.\:activetext-pink-800:active {
  color: rgb(var(--pink-800));
}

.\:activetext-pink-900:active {
  color: rgb(var(--pink-900));
}

.\:activetext-rose-50:active {
  color: rgb(var(--rose-50));
}

.\:activetext-rose-100:active {
  color: rgb(var(--rose-100));
}

.\:activetext-rose-200:active {
  color: rgb(var(--rose-200));
}

.\:activetext-rose-300:active {
  color: rgb(var(--rose-300));
}

.\:activetext-rose-400:active {
  color: rgb(var(--rose-400));
}

.\:activetext-rose-500:active {
  color: rgb(var(--rose-500));
}

.\:activetext-rose-600:active {
  color: rgb(var(--rose-600));
}

.\:activetext-rose-700:active {
  color: rgb(var(--rose-700));
}

.\:activetext-rose-800:active {
  color: rgb(var(--rose-800));
}

.\:activetext-rose-900:active {
  color: rgb(var(--rose-900));
}

.\:activetext-slate-50:active {
  color: rgb(var(--slate-50));
}

.\:activetext-slate-100:active {
  color: rgb(var(--slate-100));
}

.\:activetext-slate-200:active {
  color: rgb(var(--slate-200));
}

.\:activetext-slate-300:active {
  color: rgb(var(--slate-300));
}

.\:activetext-slate-400:active {
  color: rgb(var(--slate-400));
}

.\:activetext-slate-500:active {
  color: rgb(var(--slate-500));
}

.\:activetext-slate-600:active {
  color: rgb(var(--slate-600));
}

.\:activetext-slate-700:active {
  color: rgb(var(--slate-700));
}

.\:activetext-slate-800:active {
  color: rgb(var(--slate-800));
}

.\:activetext-slate-900:active {
  color: rgb(var(--slate-900));
}

.\:activetext-gray-50:active {
  color: rgb(var(--gray-50));
}

.\:activetext-gray-100:active {
  color: rgb(var(--gray-100));
}

.\:activetext-gray-200:active {
  color: rgb(var(--gray-200));
}

.\:activetext-gray-300:active {
  color: rgb(var(--gray-300));
}

.\:activetext-gray-400:active {
  color: rgb(var(--gray-400));
}

.\:activetext-gray-500:active {
  color: rgb(var(--gray-500));
}

.\:activetext-gray-600:active {
  color: rgb(var(--gray-600));
}

.\:activetext-gray-700:active {
  color: rgb(var(--gray-700));
}

.\:activetext-gray-800:active {
  color: rgb(var(--gray-800));
}

.\:activetext-gray-900:active {
  color: rgb(var(--gray-900));
}

.\:activetext-zinc-50:active {
  color: rgb(var(--zinc-50));
}

.\:activetext-zinc-100:active {
  color: rgb(var(--zinc-100));
}

.\:activetext-zinc-200:active {
  color: rgb(var(--zinc-200));
}

.\:activetext-zinc-300:active {
  color: rgb(var(--zinc-300));
}

.\:activetext-zinc-400:active {
  color: rgb(var(--zinc-400));
}

.\:activetext-zinc-500:active {
  color: rgb(var(--zinc-500));
}

.\:activetext-zinc-600:active {
  color: rgb(var(--zinc-600));
}

.\:activetext-zinc-700:active {
  color: rgb(var(--zinc-700));
}

.\:activetext-zinc-800:active {
  color: rgb(var(--zinc-800));
}

.\:activetext-zinc-900:active {
  color: rgb(var(--zinc-900));
}

.\:activetext-black-DEFAULT:active {
  color: rgb(var(--black-DEFAULT));
}

.\:activetext-white-DEFAULT:active {
  color: rgb(var(--white-DEFAULT));
}

.\:activeborder-red-50:active {
  border-color: rgb(var(--red-50));
}

.\:activeborder-red-100:active {
  border-color: rgb(var(--red-100));
}

.\:activeborder-red-200:active {
  border-color: rgb(var(--red-200));
}

.\:activeborder-red-300:active {
  border-color: rgb(var(--red-300));
}

.\:activeborder-red-400:active {
  border-color: rgb(var(--red-400));
}

.\:activeborder-red-500:active {
  border-color: rgb(var(--red-500));
}

.\:activeborder-red-600:active {
  border-color: rgb(var(--red-600));
}

.\:activeborder-red-700:active {
  border-color: rgb(var(--red-700));
}

.\:activeborder-red-800:active {
  border-color: rgb(var(--red-800));
}

.\:activeborder-red-900:active {
  border-color: rgb(var(--red-900));
}

.\:activeborder-orange-50:active {
  border-color: rgb(var(--orange-50));
}

.\:activeborder-orange-100:active {
  border-color: rgb(var(--orange-100));
}

.\:activeborder-orange-200:active {
  border-color: rgb(var(--orange-200));
}

.\:activeborder-orange-300:active {
  border-color: rgb(var(--orange-300));
}

.\:activeborder-orange-400:active {
  border-color: rgb(var(--orange-400));
}

.\:activeborder-orange-500:active {
  border-color: rgb(var(--orange-500));
}

.\:activeborder-orange-600:active {
  border-color: rgb(var(--orange-600));
}

.\:activeborder-orange-700:active {
  border-color: rgb(var(--orange-700));
}

.\:activeborder-orange-800:active {
  border-color: rgb(var(--orange-800));
}

.\:activeborder-orange-900:active {
  border-color: rgb(var(--orange-900));
}

.\:activeborder-amber-50:active {
  border-color: rgb(var(--amber-50));
}

.\:activeborder-amber-100:active {
  border-color: rgb(var(--amber-100));
}

.\:activeborder-amber-200:active {
  border-color: rgb(var(--amber-200));
}

.\:activeborder-amber-300:active {
  border-color: rgb(var(--amber-300));
}

.\:activeborder-amber-400:active {
  border-color: rgb(var(--amber-400));
}

.\:activeborder-amber-500:active {
  border-color: rgb(var(--amber-500));
}

.\:activeborder-amber-600:active {
  border-color: rgb(var(--amber-600));
}

.\:activeborder-amber-700:active {
  border-color: rgb(var(--amber-700));
}

.\:activeborder-amber-800:active {
  border-color: rgb(var(--amber-800));
}

.\:activeborder-amber-900:active {
  border-color: rgb(var(--amber-900));
}

.\:activeborder-yellow-50:active {
  border-color: rgb(var(--yellow-50));
}

.\:activeborder-yellow-100:active {
  border-color: rgb(var(--yellow-100));
}

.\:activeborder-yellow-200:active {
  border-color: rgb(var(--yellow-200));
}

.\:activeborder-yellow-300:active {
  border-color: rgb(var(--yellow-300));
}

.\:activeborder-yellow-400:active {
  border-color: rgb(var(--yellow-400));
}

.\:activeborder-yellow-500:active {
  border-color: rgb(var(--yellow-500));
}

.\:activeborder-yellow-600:active {
  border-color: rgb(var(--yellow-600));
}

.\:activeborder-yellow-700:active {
  border-color: rgb(var(--yellow-700));
}

.\:activeborder-yellow-800:active {
  border-color: rgb(var(--yellow-800));
}

.\:activeborder-yellow-900:active {
  border-color: rgb(var(--yellow-900));
}

.\:activeborder-lime-50:active {
  border-color: rgb(var(--lime-50));
}

.\:activeborder-lime-100:active {
  border-color: rgb(var(--lime-100));
}

.\:activeborder-lime-200:active {
  border-color: rgb(var(--lime-200));
}

.\:activeborder-lime-300:active {
  border-color: rgb(var(--lime-300));
}

.\:activeborder-lime-400:active {
  border-color: rgb(var(--lime-400));
}

.\:activeborder-lime-500:active {
  border-color: rgb(var(--lime-500));
}

.\:activeborder-lime-600:active {
  border-color: rgb(var(--lime-600));
}

.\:activeborder-lime-700:active {
  border-color: rgb(var(--lime-700));
}

.\:activeborder-lime-800:active {
  border-color: rgb(var(--lime-800));
}

.\:activeborder-lime-900:active {
  border-color: rgb(var(--lime-900));
}

.\:activeborder-green-50:active {
  border-color: rgb(var(--green-50));
}

.\:activeborder-green-100:active {
  border-color: rgb(var(--green-100));
}

.\:activeborder-green-200:active {
  border-color: rgb(var(--green-200));
}

.\:activeborder-green-300:active {
  border-color: rgb(var(--green-300));
}

.\:activeborder-green-400:active {
  border-color: rgb(var(--green-400));
}

.\:activeborder-green-500:active {
  border-color: rgb(var(--green-500));
}

.\:activeborder-green-600:active {
  border-color: rgb(var(--green-600));
}

.\:activeborder-green-700:active {
  border-color: rgb(var(--green-700));
}

.\:activeborder-green-800:active {
  border-color: rgb(var(--green-800));
}

.\:activeborder-green-900:active {
  border-color: rgb(var(--green-900));
}

.\:activeborder-emerald-50:active {
  border-color: rgb(var(--emerald-50));
}

.\:activeborder-emerald-100:active {
  border-color: rgb(var(--emerald-100));
}

.\:activeborder-emerald-200:active {
  border-color: rgb(var(--emerald-200));
}

.\:activeborder-emerald-300:active {
  border-color: rgb(var(--emerald-300));
}

.\:activeborder-emerald-400:active {
  border-color: rgb(var(--emerald-400));
}

.\:activeborder-emerald-500:active {
  border-color: rgb(var(--emerald-500));
}

.\:activeborder-emerald-600:active {
  border-color: rgb(var(--emerald-600));
}

.\:activeborder-emerald-700:active {
  border-color: rgb(var(--emerald-700));
}

.\:activeborder-emerald-800:active {
  border-color: rgb(var(--emerald-800));
}

.\:activeborder-emerald-900:active {
  border-color: rgb(var(--emerald-900));
}

.\:activeborder-teal-50:active {
  border-color: rgb(var(--teal-50));
}

.\:activeborder-teal-100:active {
  border-color: rgb(var(--teal-100));
}

.\:activeborder-teal-200:active {
  border-color: rgb(var(--teal-200));
}

.\:activeborder-teal-300:active {
  border-color: rgb(var(--teal-300));
}

.\:activeborder-teal-400:active {
  border-color: rgb(var(--teal-400));
}

.\:activeborder-teal-500:active {
  border-color: rgb(var(--teal-500));
}

.\:activeborder-teal-600:active {
  border-color: rgb(var(--teal-600));
}

.\:activeborder-teal-700:active {
  border-color: rgb(var(--teal-700));
}

.\:activeborder-teal-800:active {
  border-color: rgb(var(--teal-800));
}

.\:activeborder-teal-900:active {
  border-color: rgb(var(--teal-900));
}

.\:activeborder-cyan-50:active {
  border-color: rgb(var(--cyan-50));
}

.\:activeborder-cyan-100:active {
  border-color: rgb(var(--cyan-100));
}

.\:activeborder-cyan-200:active {
  border-color: rgb(var(--cyan-200));
}

.\:activeborder-cyan-300:active {
  border-color: rgb(var(--cyan-300));
}

.\:activeborder-cyan-400:active {
  border-color: rgb(var(--cyan-400));
}

.\:activeborder-cyan-500:active {
  border-color: rgb(var(--cyan-500));
}

.\:activeborder-cyan-600:active {
  border-color: rgb(var(--cyan-600));
}

.\:activeborder-cyan-700:active {
  border-color: rgb(var(--cyan-700));
}

.\:activeborder-cyan-800:active {
  border-color: rgb(var(--cyan-800));
}

.\:activeborder-cyan-900:active {
  border-color: rgb(var(--cyan-900));
}

.\:activeborder-sky-50:active {
  border-color: rgb(var(--sky-50));
}

.\:activeborder-sky-100:active {
  border-color: rgb(var(--sky-100));
}

.\:activeborder-sky-200:active {
  border-color: rgb(var(--sky-200));
}

.\:activeborder-sky-300:active {
  border-color: rgb(var(--sky-300));
}

.\:activeborder-sky-400:active {
  border-color: rgb(var(--sky-400));
}

.\:activeborder-sky-500:active {
  border-color: rgb(var(--sky-500));
}

.\:activeborder-sky-600:active {
  border-color: rgb(var(--sky-600));
}

.\:activeborder-sky-700:active {
  border-color: rgb(var(--sky-700));
}

.\:activeborder-sky-800:active {
  border-color: rgb(var(--sky-800));
}

.\:activeborder-sky-900:active {
  border-color: rgb(var(--sky-900));
}

.\:activeborder-blue-50:active {
  border-color: rgb(var(--blue-50));
}

.\:activeborder-blue-100:active {
  border-color: rgb(var(--blue-100));
}

.\:activeborder-blue-200:active {
  border-color: rgb(var(--blue-200));
}

.\:activeborder-blue-300:active {
  border-color: rgb(var(--blue-300));
}

.\:activeborder-blue-400:active {
  border-color: rgb(var(--blue-400));
}

.\:activeborder-blue-500:active {
  border-color: rgb(var(--blue-500));
}

.\:activeborder-blue-600:active {
  border-color: rgb(var(--blue-600));
}

.\:activeborder-blue-700:active {
  border-color: rgb(var(--blue-700));
}

.\:activeborder-blue-800:active {
  border-color: rgb(var(--blue-800));
}

.\:activeborder-blue-900:active {
  border-color: rgb(var(--blue-900));
}

.\:activeborder-indigo-50:active {
  border-color: rgb(var(--indigo-50));
}

.\:activeborder-indigo-100:active {
  border-color: rgb(var(--indigo-100));
}

.\:activeborder-indigo-200:active {
  border-color: rgb(var(--indigo-200));
}

.\:activeborder-indigo-300:active {
  border-color: rgb(var(--indigo-300));
}

.\:activeborder-indigo-400:active {
  border-color: rgb(var(--indigo-400));
}

.\:activeborder-indigo-500:active {
  border-color: rgb(var(--indigo-500));
}

.\:activeborder-indigo-600:active {
  border-color: rgb(var(--indigo-600));
}

.\:activeborder-indigo-700:active {
  border-color: rgb(var(--indigo-700));
}

.\:activeborder-indigo-800:active {
  border-color: rgb(var(--indigo-800));
}

.\:activeborder-indigo-900:active {
  border-color: rgb(var(--indigo-900));
}

.\:activeborder-violet-50:active {
  border-color: rgb(var(--violet-50));
}

.\:activeborder-violet-100:active {
  border-color: rgb(var(--violet-100));
}

.\:activeborder-violet-200:active {
  border-color: rgb(var(--violet-200));
}

.\:activeborder-violet-300:active {
  border-color: rgb(var(--violet-300));
}

.\:activeborder-violet-400:active {
  border-color: rgb(var(--violet-400));
}

.\:activeborder-violet-500:active {
  border-color: rgb(var(--violet-500));
}

.\:activeborder-violet-600:active {
  border-color: rgb(var(--violet-600));
}

.\:activeborder-violet-700:active {
  border-color: rgb(var(--violet-700));
}

.\:activeborder-violet-800:active {
  border-color: rgb(var(--violet-800));
}

.\:activeborder-violet-900:active {
  border-color: rgb(var(--violet-900));
}

.\:activeborder-purple-50:active {
  border-color: rgb(var(--purple-50));
}

.\:activeborder-purple-100:active {
  border-color: rgb(var(--purple-100));
}

.\:activeborder-purple-200:active {
  border-color: rgb(var(--purple-200));
}

.\:activeborder-purple-300:active {
  border-color: rgb(var(--purple-300));
}

.\:activeborder-purple-400:active {
  border-color: rgb(var(--purple-400));
}

.\:activeborder-purple-500:active {
  border-color: rgb(var(--purple-500));
}

.\:activeborder-purple-600:active {
  border-color: rgb(var(--purple-600));
}

.\:activeborder-purple-700:active {
  border-color: rgb(var(--purple-700));
}

.\:activeborder-purple-800:active {
  border-color: rgb(var(--purple-800));
}

.\:activeborder-purple-900:active {
  border-color: rgb(var(--purple-900));
}

.\:activeborder-fuchsia-50:active {
  border-color: rgb(var(--fuchsia-50));
}

.\:activeborder-fuchsia-100:active {
  border-color: rgb(var(--fuchsia-100));
}

.\:activeborder-fuchsia-200:active {
  border-color: rgb(var(--fuchsia-200));
}

.\:activeborder-fuchsia-300:active {
  border-color: rgb(var(--fuchsia-300));
}

.\:activeborder-fuchsia-400:active {
  border-color: rgb(var(--fuchsia-400));
}

.\:activeborder-fuchsia-500:active {
  border-color: rgb(var(--fuchsia-500));
}

.\:activeborder-fuchsia-600:active {
  border-color: rgb(var(--fuchsia-600));
}

.\:activeborder-fuchsia-700:active {
  border-color: rgb(var(--fuchsia-700));
}

.\:activeborder-fuchsia-800:active {
  border-color: rgb(var(--fuchsia-800));
}

.\:activeborder-fuchsia-900:active {
  border-color: rgb(var(--fuchsia-900));
}

.\:activeborder-pink-50:active {
  border-color: rgb(var(--pink-50));
}

.\:activeborder-pink-100:active {
  border-color: rgb(var(--pink-100));
}

.\:activeborder-pink-200:active {
  border-color: rgb(var(--pink-200));
}

.\:activeborder-pink-300:active {
  border-color: rgb(var(--pink-300));
}

.\:activeborder-pink-400:active {
  border-color: rgb(var(--pink-400));
}

.\:activeborder-pink-500:active {
  border-color: rgb(var(--pink-500));
}

.\:activeborder-pink-600:active {
  border-color: rgb(var(--pink-600));
}

.\:activeborder-pink-700:active {
  border-color: rgb(var(--pink-700));
}

.\:activeborder-pink-800:active {
  border-color: rgb(var(--pink-800));
}

.\:activeborder-pink-900:active {
  border-color: rgb(var(--pink-900));
}

.\:activeborder-rose-50:active {
  border-color: rgb(var(--rose-50));
}

.\:activeborder-rose-100:active {
  border-color: rgb(var(--rose-100));
}

.\:activeborder-rose-200:active {
  border-color: rgb(var(--rose-200));
}

.\:activeborder-rose-300:active {
  border-color: rgb(var(--rose-300));
}

.\:activeborder-rose-400:active {
  border-color: rgb(var(--rose-400));
}

.\:activeborder-rose-500:active {
  border-color: rgb(var(--rose-500));
}

.\:activeborder-rose-600:active {
  border-color: rgb(var(--rose-600));
}

.\:activeborder-rose-700:active {
  border-color: rgb(var(--rose-700));
}

.\:activeborder-rose-800:active {
  border-color: rgb(var(--rose-800));
}

.\:activeborder-rose-900:active {
  border-color: rgb(var(--rose-900));
}

.\:activeborder-slate-50:active {
  border-color: rgb(var(--slate-50));
}

.\:activeborder-slate-100:active {
  border-color: rgb(var(--slate-100));
}

.\:activeborder-slate-200:active {
  border-color: rgb(var(--slate-200));
}

.\:activeborder-slate-300:active {
  border-color: rgb(var(--slate-300));
}

.\:activeborder-slate-400:active {
  border-color: rgb(var(--slate-400));
}

.\:activeborder-slate-500:active {
  border-color: rgb(var(--slate-500));
}

.\:activeborder-slate-600:active {
  border-color: rgb(var(--slate-600));
}

.\:activeborder-slate-700:active {
  border-color: rgb(var(--slate-700));
}

.\:activeborder-slate-800:active {
  border-color: rgb(var(--slate-800));
}

.\:activeborder-slate-900:active {
  border-color: rgb(var(--slate-900));
}

.\:activeborder-gray-50:active {
  border-color: rgb(var(--gray-50));
}

.\:activeborder-gray-100:active {
  border-color: rgb(var(--gray-100));
}

.\:activeborder-gray-200:active {
  border-color: rgb(var(--gray-200));
}

.\:activeborder-gray-300:active {
  border-color: rgb(var(--gray-300));
}

.\:activeborder-gray-400:active {
  border-color: rgb(var(--gray-400));
}

.\:activeborder-gray-500:active {
  border-color: rgb(var(--gray-500));
}

.\:activeborder-gray-600:active {
  border-color: rgb(var(--gray-600));
}

.\:activeborder-gray-700:active {
  border-color: rgb(var(--gray-700));
}

.\:activeborder-gray-800:active {
  border-color: rgb(var(--gray-800));
}

.\:activeborder-gray-900:active {
  border-color: rgb(var(--gray-900));
}

.\:activeborder-zinc-50:active {
  border-color: rgb(var(--zinc-50));
}

.\:activeborder-zinc-100:active {
  border-color: rgb(var(--zinc-100));
}

.\:activeborder-zinc-200:active {
  border-color: rgb(var(--zinc-200));
}

.\:activeborder-zinc-300:active {
  border-color: rgb(var(--zinc-300));
}

.\:activeborder-zinc-400:active {
  border-color: rgb(var(--zinc-400));
}

.\:activeborder-zinc-500:active {
  border-color: rgb(var(--zinc-500));
}

.\:activeborder-zinc-600:active {
  border-color: rgb(var(--zinc-600));
}

.\:activeborder-zinc-700:active {
  border-color: rgb(var(--zinc-700));
}

.\:activeborder-zinc-800:active {
  border-color: rgb(var(--zinc-800));
}

.\:activeborder-zinc-900:active {
  border-color: rgb(var(--zinc-900));
}

.\:activeborder-black-DEFAULT:active {
  border-color: rgb(var(--black-DEFAULT));
}

.\:activeborder-white-DEFAULT:active {
  border-color: rgb(var(--white-DEFAULT));
}

/* 🚀 终极原子CSS生成器 PRO v4.2 - 史上最完整的原子类生成器 */
/* 生成时间: 2025/11/23 15:38:57 */
/* 主题: default | 属性数: 6 | 变体数: 3 | 断点数: 0 */
/* v4.2更新: 优化选项卡滚动，新增200+原子类属性，覆盖所有CSS属性 */

/* hover 变体 */
.hover-caret-red-50:hover {
  caret-color: rgb(var(--red-50));
}

.hover-caret-red-100:hover {
  caret-color: rgb(var(--red-100));
}

.hover-caret-red-200:hover {
  caret-color: rgb(var(--red-200));
}

.hover-caret-red-300:hover {
  caret-color: rgb(var(--red-300));
}

.hover-caret-red-400:hover {
  caret-color: rgb(var(--red-400));
}

.hover-caret-red-500:hover {
  caret-color: rgb(var(--red-500));
}

.hover-caret-red-600:hover {
  caret-color: rgb(var(--red-600));
}

.hover-caret-red-700:hover {
  caret-color: rgb(var(--red-700));
}

.hover-caret-red-800:hover {
  caret-color: rgb(var(--red-800));
}

.hover-caret-red-900:hover {
  caret-color: rgb(var(--red-900));
}

.hover-caret-orange-50:hover {
  caret-color: rgb(var(--orange-50));
}

.hover-caret-orange-100:hover {
  caret-color: rgb(var(--orange-100));
}

.hover-caret-orange-200:hover {
  caret-color: rgb(var(--orange-200));
}

.hover-caret-orange-300:hover {
  caret-color: rgb(var(--orange-300));
}

.hover-caret-orange-400:hover {
  caret-color: rgb(var(--orange-400));
}

.hover-caret-orange-500:hover {
  caret-color: rgb(var(--orange-500));
}

.hover-caret-orange-600:hover {
  caret-color: rgb(var(--orange-600));
}

.hover-caret-orange-700:hover {
  caret-color: rgb(var(--orange-700));
}

.hover-caret-orange-800:hover {
  caret-color: rgb(var(--orange-800));
}

.hover-caret-orange-900:hover {
  caret-color: rgb(var(--orange-900));
}

.hover-caret-amber-50:hover {
  caret-color: rgb(var(--amber-50));
}

.hover-caret-amber-100:hover {
  caret-color: rgb(var(--amber-100));
}

.hover-caret-amber-200:hover {
  caret-color: rgb(var(--amber-200));
}

.hover-caret-amber-300:hover {
  caret-color: rgb(var(--amber-300));
}

.hover-caret-amber-400:hover {
  caret-color: rgb(var(--amber-400));
}

.hover-caret-amber-500:hover {
  caret-color: rgb(var(--amber-500));
}

.hover-caret-amber-600:hover {
  caret-color: rgb(var(--amber-600));
}

.hover-caret-amber-700:hover {
  caret-color: rgb(var(--amber-700));
}

.hover-caret-amber-800:hover {
  caret-color: rgb(var(--amber-800));
}

.hover-caret-amber-900:hover {
  caret-color: rgb(var(--amber-900));
}

.hover-caret-yellow-50:hover {
  caret-color: rgb(var(--yellow-50));
}

.hover-caret-yellow-100:hover {
  caret-color: rgb(var(--yellow-100));
}

.hover-caret-yellow-200:hover {
  caret-color: rgb(var(--yellow-200));
}

.hover-caret-yellow-300:hover {
  caret-color: rgb(var(--yellow-300));
}

.hover-caret-yellow-400:hover {
  caret-color: rgb(var(--yellow-400));
}

.hover-caret-yellow-500:hover {
  caret-color: rgb(var(--yellow-500));
}

.hover-caret-yellow-600:hover {
  caret-color: rgb(var(--yellow-600));
}

.hover-caret-yellow-700:hover {
  caret-color: rgb(var(--yellow-700));
}

.hover-caret-yellow-800:hover {
  caret-color: rgb(var(--yellow-800));
}

.hover-caret-yellow-900:hover {
  caret-color: rgb(var(--yellow-900));
}

.hover-caret-lime-50:hover {
  caret-color: rgb(var(--lime-50));
}

.hover-caret-lime-100:hover {
  caret-color: rgb(var(--lime-100));
}

.hover-caret-lime-200:hover {
  caret-color: rgb(var(--lime-200));
}

.hover-caret-lime-300:hover {
  caret-color: rgb(var(--lime-300));
}

.hover-caret-lime-400:hover {
  caret-color: rgb(var(--lime-400));
}

.hover-caret-lime-500:hover {
  caret-color: rgb(var(--lime-500));
}

.hover-caret-lime-600:hover {
  caret-color: rgb(var(--lime-600));
}

.hover-caret-lime-700:hover {
  caret-color: rgb(var(--lime-700));
}

.hover-caret-lime-800:hover {
  caret-color: rgb(var(--lime-800));
}

.hover-caret-lime-900:hover {
  caret-color: rgb(var(--lime-900));
}

.hover-caret-green-50:hover {
  caret-color: rgb(var(--green-50));
}

.hover-caret-green-100:hover {
  caret-color: rgb(var(--green-100));
}

.hover-caret-green-200:hover {
  caret-color: rgb(var(--green-200));
}

.hover-caret-green-300:hover {
  caret-color: rgb(var(--green-300));
}

.hover-caret-green-400:hover {
  caret-color: rgb(var(--green-400));
}

.hover-caret-green-500:hover {
  caret-color: rgb(var(--green-500));
}

.hover-caret-green-600:hover {
  caret-color: rgb(var(--green-600));
}

.hover-caret-green-700:hover {
  caret-color: rgb(var(--green-700));
}

.hover-caret-green-800:hover {
  caret-color: rgb(var(--green-800));
}

.hover-caret-green-900:hover {
  caret-color: rgb(var(--green-900));
}

.hover-caret-emerald-50:hover {
  caret-color: rgb(var(--emerald-50));
}

.hover-caret-emerald-100:hover {
  caret-color: rgb(var(--emerald-100));
}

.hover-caret-emerald-200:hover {
  caret-color: rgb(var(--emerald-200));
}

.hover-caret-emerald-300:hover {
  caret-color: rgb(var(--emerald-300));
}

.hover-caret-emerald-400:hover {
  caret-color: rgb(var(--emerald-400));
}

.hover-caret-emerald-500:hover {
  caret-color: rgb(var(--emerald-500));
}

.hover-caret-emerald-600:hover {
  caret-color: rgb(var(--emerald-600));
}

.hover-caret-emerald-700:hover {
  caret-color: rgb(var(--emerald-700));
}

.hover-caret-emerald-800:hover {
  caret-color: rgb(var(--emerald-800));
}

.hover-caret-emerald-900:hover {
  caret-color: rgb(var(--emerald-900));
}

.hover-caret-teal-50:hover {
  caret-color: rgb(var(--teal-50));
}

.hover-caret-teal-100:hover {
  caret-color: rgb(var(--teal-100));
}

.hover-caret-teal-200:hover {
  caret-color: rgb(var(--teal-200));
}

.hover-caret-teal-300:hover {
  caret-color: rgb(var(--teal-300));
}

.hover-caret-teal-400:hover {
  caret-color: rgb(var(--teal-400));
}

.hover-caret-teal-500:hover {
  caret-color: rgb(var(--teal-500));
}

.hover-caret-teal-600:hover {
  caret-color: rgb(var(--teal-600));
}

.hover-caret-teal-700:hover {
  caret-color: rgb(var(--teal-700));
}

.hover-caret-teal-800:hover {
  caret-color: rgb(var(--teal-800));
}

.hover-caret-teal-900:hover {
  caret-color: rgb(var(--teal-900));
}

.hover-caret-cyan-50:hover {
  caret-color: rgb(var(--cyan-50));
}

.hover-caret-cyan-100:hover {
  caret-color: rgb(var(--cyan-100));
}

.hover-caret-cyan-200:hover {
  caret-color: rgb(var(--cyan-200));
}

.hover-caret-cyan-300:hover {
  caret-color: rgb(var(--cyan-300));
}

.hover-caret-cyan-400:hover {
  caret-color: rgb(var(--cyan-400));
}

.hover-caret-cyan-500:hover {
  caret-color: rgb(var(--cyan-500));
}

.hover-caret-cyan-600:hover {
  caret-color: rgb(var(--cyan-600));
}

.hover-caret-cyan-700:hover {
  caret-color: rgb(var(--cyan-700));
}

.hover-caret-cyan-800:hover {
  caret-color: rgb(var(--cyan-800));
}

.hover-caret-cyan-900:hover {
  caret-color: rgb(var(--cyan-900));
}

.hover-caret-sky-50:hover {
  caret-color: rgb(var(--sky-50));
}

.hover-caret-sky-100:hover {
  caret-color: rgb(var(--sky-100));
}

.hover-caret-sky-200:hover {
  caret-color: rgb(var(--sky-200));
}

.hover-caret-sky-300:hover {
  caret-color: rgb(var(--sky-300));
}

.hover-caret-sky-400:hover {
  caret-color: rgb(var(--sky-400));
}

.hover-caret-sky-500:hover {
  caret-color: rgb(var(--sky-500));
}

.hover-caret-sky-600:hover {
  caret-color: rgb(var(--sky-600));
}

.hover-caret-sky-700:hover {
  caret-color: rgb(var(--sky-700));
}

.hover-caret-sky-800:hover {
  caret-color: rgb(var(--sky-800));
}

.hover-caret-sky-900:hover {
  caret-color: rgb(var(--sky-900));
}

.hover-caret-blue-50:hover {
  caret-color: rgb(var(--blue-50));
}

.hover-caret-blue-100:hover {
  caret-color: rgb(var(--blue-100));
}

.hover-caret-blue-200:hover {
  caret-color: rgb(var(--blue-200));
}

.hover-caret-blue-300:hover {
  caret-color: rgb(var(--blue-300));
}

.hover-caret-blue-400:hover {
  caret-color: rgb(var(--blue-400));
}

.hover-caret-blue-500:hover {
  caret-color: rgb(var(--blue-500));
}

.hover-caret-blue-600:hover {
  caret-color: rgb(var(--blue-600));
}

.hover-caret-blue-700:hover {
  caret-color: rgb(var(--blue-700));
}

.hover-caret-blue-800:hover {
  caret-color: rgb(var(--blue-800));
}

.hover-caret-blue-900:hover {
  caret-color: rgb(var(--blue-900));
}

.hover-caret-indigo-50:hover {
  caret-color: rgb(var(--indigo-50));
}

.hover-caret-indigo-100:hover {
  caret-color: rgb(var(--indigo-100));
}

.hover-caret-indigo-200:hover {
  caret-color: rgb(var(--indigo-200));
}

.hover-caret-indigo-300:hover {
  caret-color: rgb(var(--indigo-300));
}

.hover-caret-indigo-400:hover {
  caret-color: rgb(var(--indigo-400));
}

.hover-caret-indigo-500:hover {
  caret-color: rgb(var(--indigo-500));
}

.hover-caret-indigo-600:hover {
  caret-color: rgb(var(--indigo-600));
}

.hover-caret-indigo-700:hover {
  caret-color: rgb(var(--indigo-700));
}

.hover-caret-indigo-800:hover {
  caret-color: rgb(var(--indigo-800));
}

.hover-caret-indigo-900:hover {
  caret-color: rgb(var(--indigo-900));
}

.hover-caret-violet-50:hover {
  caret-color: rgb(var(--violet-50));
}

.hover-caret-violet-100:hover {
  caret-color: rgb(var(--violet-100));
}

.hover-caret-violet-200:hover {
  caret-color: rgb(var(--violet-200));
}

.hover-caret-violet-300:hover {
  caret-color: rgb(var(--violet-300));
}

.hover-caret-violet-400:hover {
  caret-color: rgb(var(--violet-400));
}

.hover-caret-violet-500:hover {
  caret-color: rgb(var(--violet-500));
}

.hover-caret-violet-600:hover {
  caret-color: rgb(var(--violet-600));
}

.hover-caret-violet-700:hover {
  caret-color: rgb(var(--violet-700));
}

.hover-caret-violet-800:hover {
  caret-color: rgb(var(--violet-800));
}

.hover-caret-violet-900:hover {
  caret-color: rgb(var(--violet-900));
}

.hover-caret-purple-50:hover {
  caret-color: rgb(var(--purple-50));
}

.hover-caret-purple-100:hover {
  caret-color: rgb(var(--purple-100));
}

.hover-caret-purple-200:hover {
  caret-color: rgb(var(--purple-200));
}

.hover-caret-purple-300:hover {
  caret-color: rgb(var(--purple-300));
}

.hover-caret-purple-400:hover {
  caret-color: rgb(var(--purple-400));
}

.hover-caret-purple-500:hover {
  caret-color: rgb(var(--purple-500));
}

.hover-caret-purple-600:hover {
  caret-color: rgb(var(--purple-600));
}

.hover-caret-purple-700:hover {
  caret-color: rgb(var(--purple-700));
}

.hover-caret-purple-800:hover {
  caret-color: rgb(var(--purple-800));
}

.hover-caret-purple-900:hover {
  caret-color: rgb(var(--purple-900));
}

.hover-caret-fuchsia-50:hover {
  caret-color: rgb(var(--fuchsia-50));
}

.hover-caret-fuchsia-100:hover {
  caret-color: rgb(var(--fuchsia-100));
}

.hover-caret-fuchsia-200:hover {
  caret-color: rgb(var(--fuchsia-200));
}

.hover-caret-fuchsia-300:hover {
  caret-color: rgb(var(--fuchsia-300));
}

.hover-caret-fuchsia-400:hover {
  caret-color: rgb(var(--fuchsia-400));
}

.hover-caret-fuchsia-500:hover {
  caret-color: rgb(var(--fuchsia-500));
}

.hover-caret-fuchsia-600:hover {
  caret-color: rgb(var(--fuchsia-600));
}

.hover-caret-fuchsia-700:hover {
  caret-color: rgb(var(--fuchsia-700));
}

.hover-caret-fuchsia-800:hover {
  caret-color: rgb(var(--fuchsia-800));
}

.hover-caret-fuchsia-900:hover {
  caret-color: rgb(var(--fuchsia-900));
}

.hover-caret-pink-50:hover {
  caret-color: rgb(var(--pink-50));
}

.hover-caret-pink-100:hover {
  caret-color: rgb(var(--pink-100));
}

.hover-caret-pink-200:hover {
  caret-color: rgb(var(--pink-200));
}

.hover-caret-pink-300:hover {
  caret-color: rgb(var(--pink-300));
}

.hover-caret-pink-400:hover {
  caret-color: rgb(var(--pink-400));
}

.hover-caret-pink-500:hover {
  caret-color: rgb(var(--pink-500));
}

.hover-caret-pink-600:hover {
  caret-color: rgb(var(--pink-600));
}

.hover-caret-pink-700:hover {
  caret-color: rgb(var(--pink-700));
}

.hover-caret-pink-800:hover {
  caret-color: rgb(var(--pink-800));
}

.hover-caret-pink-900:hover {
  caret-color: rgb(var(--pink-900));
}

.hover-caret-rose-50:hover {
  caret-color: rgb(var(--rose-50));
}

.hover-caret-rose-100:hover {
  caret-color: rgb(var(--rose-100));
}

.hover-caret-rose-200:hover {
  caret-color: rgb(var(--rose-200));
}

.hover-caret-rose-300:hover {
  caret-color: rgb(var(--rose-300));
}

.hover-caret-rose-400:hover {
  caret-color: rgb(var(--rose-400));
}

.hover-caret-rose-500:hover {
  caret-color: rgb(var(--rose-500));
}

.hover-caret-rose-600:hover {
  caret-color: rgb(var(--rose-600));
}

.hover-caret-rose-700:hover {
  caret-color: rgb(var(--rose-700));
}

.hover-caret-rose-800:hover {
  caret-color: rgb(var(--rose-800));
}

.hover-caret-rose-900:hover {
  caret-color: rgb(var(--rose-900));
}

.hover-caret-slate-50:hover {
  caret-color: rgb(var(--slate-50));
}

.hover-caret-slate-100:hover {
  caret-color: rgb(var(--slate-100));
}

.hover-caret-slate-200:hover {
  caret-color: rgb(var(--slate-200));
}

.hover-caret-slate-300:hover {
  caret-color: rgb(var(--slate-300));
}

.hover-caret-slate-400:hover {
  caret-color: rgb(var(--slate-400));
}

.hover-caret-slate-500:hover {
  caret-color: rgb(var(--slate-500));
}

.hover-caret-slate-600:hover {
  caret-color: rgb(var(--slate-600));
}

.hover-caret-slate-700:hover {
  caret-color: rgb(var(--slate-700));
}

.hover-caret-slate-800:hover {
  caret-color: rgb(var(--slate-800));
}

.hover-caret-slate-900:hover {
  caret-color: rgb(var(--slate-900));
}

.hover-caret-gray-50:hover {
  caret-color: rgb(var(--gray-50));
}

.hover-caret-gray-100:hover {
  caret-color: rgb(var(--gray-100));
}

.hover-caret-gray-200:hover {
  caret-color: rgb(var(--gray-200));
}

.hover-caret-gray-300:hover {
  caret-color: rgb(var(--gray-300));
}

.hover-caret-gray-400:hover {
  caret-color: rgb(var(--gray-400));
}

.hover-caret-gray-500:hover {
  caret-color: rgb(var(--gray-500));
}

.hover-caret-gray-600:hover {
  caret-color: rgb(var(--gray-600));
}

.hover-caret-gray-700:hover {
  caret-color: rgb(var(--gray-700));
}

.hover-caret-gray-800:hover {
  caret-color: rgb(var(--gray-800));
}

.hover-caret-gray-900:hover {
  caret-color: rgb(var(--gray-900));
}

.hover-caret-zinc-50:hover {
  caret-color: rgb(var(--zinc-50));
}

.hover-caret-zinc-100:hover {
  caret-color: rgb(var(--zinc-100));
}

.hover-caret-zinc-200:hover {
  caret-color: rgb(var(--zinc-200));
}

.hover-caret-zinc-300:hover {
  caret-color: rgb(var(--zinc-300));
}

.hover-caret-zinc-400:hover {
  caret-color: rgb(var(--zinc-400));
}

.hover-caret-zinc-500:hover {
  caret-color: rgb(var(--zinc-500));
}

.hover-caret-zinc-600:hover {
  caret-color: rgb(var(--zinc-600));
}

.hover-caret-zinc-700:hover {
  caret-color: rgb(var(--zinc-700));
}

.hover-caret-zinc-800:hover {
  caret-color: rgb(var(--zinc-800));
}

.hover-caret-zinc-900:hover {
  caret-color: rgb(var(--zinc-900));
}

.hover-caret-black-DEFAULT:hover {
  caret-color: rgb(var(--black-DEFAULT));
}

.hover-caret-white-DEFAULT:hover {
  caret-color: rgb(var(--white-DEFAULT));
}

.hover-accent-red-50:hover {
  accent-color: rgb(var(--red-50));
}

.hover-accent-red-100:hover {
  accent-color: rgb(var(--red-100));
}

.hover-accent-red-200:hover {
  accent-color: rgb(var(--red-200));
}

.hover-accent-red-300:hover {
  accent-color: rgb(var(--red-300));
}

.hover-accent-red-400:hover {
  accent-color: rgb(var(--red-400));
}

.hover-accent-red-500:hover {
  accent-color: rgb(var(--red-500));
}

.hover-accent-red-600:hover {
  accent-color: rgb(var(--red-600));
}

.hover-accent-red-700:hover {
  accent-color: rgb(var(--red-700));
}

.hover-accent-red-800:hover {
  accent-color: rgb(var(--red-800));
}

.hover-accent-red-900:hover {
  accent-color: rgb(var(--red-900));
}

.hover-accent-orange-50:hover {
  accent-color: rgb(var(--orange-50));
}

.hover-accent-orange-100:hover {
  accent-color: rgb(var(--orange-100));
}

.hover-accent-orange-200:hover {
  accent-color: rgb(var(--orange-200));
}

.hover-accent-orange-300:hover {
  accent-color: rgb(var(--orange-300));
}

.hover-accent-orange-400:hover {
  accent-color: rgb(var(--orange-400));
}

.hover-accent-orange-500:hover {
  accent-color: rgb(var(--orange-500));
}

.hover-accent-orange-600:hover {
  accent-color: rgb(var(--orange-600));
}

.hover-accent-orange-700:hover {
  accent-color: rgb(var(--orange-700));
}

.hover-accent-orange-800:hover {
  accent-color: rgb(var(--orange-800));
}

.hover-accent-orange-900:hover {
  accent-color: rgb(var(--orange-900));
}

.hover-accent-amber-50:hover {
  accent-color: rgb(var(--amber-50));
}

.hover-accent-amber-100:hover {
  accent-color: rgb(var(--amber-100));
}

.hover-accent-amber-200:hover {
  accent-color: rgb(var(--amber-200));
}

.hover-accent-amber-300:hover {
  accent-color: rgb(var(--amber-300));
}

.hover-accent-amber-400:hover {
  accent-color: rgb(var(--amber-400));
}

.hover-accent-amber-500:hover {
  accent-color: rgb(var(--amber-500));
}

.hover-accent-amber-600:hover {
  accent-color: rgb(var(--amber-600));
}

.hover-accent-amber-700:hover {
  accent-color: rgb(var(--amber-700));
}

.hover-accent-amber-800:hover {
  accent-color: rgb(var(--amber-800));
}

.hover-accent-amber-900:hover {
  accent-color: rgb(var(--amber-900));
}

.hover-accent-yellow-50:hover {
  accent-color: rgb(var(--yellow-50));
}

.hover-accent-yellow-100:hover {
  accent-color: rgb(var(--yellow-100));
}

.hover-accent-yellow-200:hover {
  accent-color: rgb(var(--yellow-200));
}

.hover-accent-yellow-300:hover {
  accent-color: rgb(var(--yellow-300));
}

.hover-accent-yellow-400:hover {
  accent-color: rgb(var(--yellow-400));
}

.hover-accent-yellow-500:hover {
  accent-color: rgb(var(--yellow-500));
}

.hover-accent-yellow-600:hover {
  accent-color: rgb(var(--yellow-600));
}

.hover-accent-yellow-700:hover {
  accent-color: rgb(var(--yellow-700));
}

.hover-accent-yellow-800:hover {
  accent-color: rgb(var(--yellow-800));
}

.hover-accent-yellow-900:hover {
  accent-color: rgb(var(--yellow-900));
}

.hover-accent-lime-50:hover {
  accent-color: rgb(var(--lime-50));
}

.hover-accent-lime-100:hover {
  accent-color: rgb(var(--lime-100));
}

.hover-accent-lime-200:hover {
  accent-color: rgb(var(--lime-200));
}

.hover-accent-lime-300:hover {
  accent-color: rgb(var(--lime-300));
}

.hover-accent-lime-400:hover {
  accent-color: rgb(var(--lime-400));
}

.hover-accent-lime-500:hover {
  accent-color: rgb(var(--lime-500));
}

.hover-accent-lime-600:hover {
  accent-color: rgb(var(--lime-600));
}

.hover-accent-lime-700:hover {
  accent-color: rgb(var(--lime-700));
}

.hover-accent-lime-800:hover {
  accent-color: rgb(var(--lime-800));
}

.hover-accent-lime-900:hover {
  accent-color: rgb(var(--lime-900));
}

.hover-accent-green-50:hover {
  accent-color: rgb(var(--green-50));
}

.hover-accent-green-100:hover {
  accent-color: rgb(var(--green-100));
}

.hover-accent-green-200:hover {
  accent-color: rgb(var(--green-200));
}

.hover-accent-green-300:hover {
  accent-color: rgb(var(--green-300));
}

.hover-accent-green-400:hover {
  accent-color: rgb(var(--green-400));
}

.hover-accent-green-500:hover {
  accent-color: rgb(var(--green-500));
}

.hover-accent-green-600:hover {
  accent-color: rgb(var(--green-600));
}

.hover-accent-green-700:hover {
  accent-color: rgb(var(--green-700));
}

.hover-accent-green-800:hover {
  accent-color: rgb(var(--green-800));
}

.hover-accent-green-900:hover {
  accent-color: rgb(var(--green-900));
}

.hover-accent-emerald-50:hover {
  accent-color: rgb(var(--emerald-50));
}

.hover-accent-emerald-100:hover {
  accent-color: rgb(var(--emerald-100));
}

.hover-accent-emerald-200:hover {
  accent-color: rgb(var(--emerald-200));
}

.hover-accent-emerald-300:hover {
  accent-color: rgb(var(--emerald-300));
}

.hover-accent-emerald-400:hover {
  accent-color: rgb(var(--emerald-400));
}

.hover-accent-emerald-500:hover {
  accent-color: rgb(var(--emerald-500));
}

.hover-accent-emerald-600:hover {
  accent-color: rgb(var(--emerald-600));
}

.hover-accent-emerald-700:hover {
  accent-color: rgb(var(--emerald-700));
}

.hover-accent-emerald-800:hover {
  accent-color: rgb(var(--emerald-800));
}

.hover-accent-emerald-900:hover {
  accent-color: rgb(var(--emerald-900));
}

.hover-accent-teal-50:hover {
  accent-color: rgb(var(--teal-50));
}

.hover-accent-teal-100:hover {
  accent-color: rgb(var(--teal-100));
}

.hover-accent-teal-200:hover {
  accent-color: rgb(var(--teal-200));
}

.hover-accent-teal-300:hover {
  accent-color: rgb(var(--teal-300));
}

.hover-accent-teal-400:hover {
  accent-color: rgb(var(--teal-400));
}

.hover-accent-teal-500:hover {
  accent-color: rgb(var(--teal-500));
}

.hover-accent-teal-600:hover {
  accent-color: rgb(var(--teal-600));
}

.hover-accent-teal-700:hover {
  accent-color: rgb(var(--teal-700));
}

.hover-accent-teal-800:hover {
  accent-color: rgb(var(--teal-800));
}

.hover-accent-teal-900:hover {
  accent-color: rgb(var(--teal-900));
}

.hover-accent-cyan-50:hover {
  accent-color: rgb(var(--cyan-50));
}

.hover-accent-cyan-100:hover {
  accent-color: rgb(var(--cyan-100));
}

.hover-accent-cyan-200:hover {
  accent-color: rgb(var(--cyan-200));
}

.hover-accent-cyan-300:hover {
  accent-color: rgb(var(--cyan-300));
}

.hover-accent-cyan-400:hover {
  accent-color: rgb(var(--cyan-400));
}

.hover-accent-cyan-500:hover {
  accent-color: rgb(var(--cyan-500));
}

.hover-accent-cyan-600:hover {
  accent-color: rgb(var(--cyan-600));
}

.hover-accent-cyan-700:hover {
  accent-color: rgb(var(--cyan-700));
}

.hover-accent-cyan-800:hover {
  accent-color: rgb(var(--cyan-800));
}

.hover-accent-cyan-900:hover {
  accent-color: rgb(var(--cyan-900));
}

.hover-accent-sky-50:hover {
  accent-color: rgb(var(--sky-50));
}

.hover-accent-sky-100:hover {
  accent-color: rgb(var(--sky-100));
}

.hover-accent-sky-200:hover {
  accent-color: rgb(var(--sky-200));
}

.hover-accent-sky-300:hover {
  accent-color: rgb(var(--sky-300));
}

.hover-accent-sky-400:hover {
  accent-color: rgb(var(--sky-400));
}

.hover-accent-sky-500:hover {
  accent-color: rgb(var(--sky-500));
}

.hover-accent-sky-600:hover {
  accent-color: rgb(var(--sky-600));
}

.hover-accent-sky-700:hover {
  accent-color: rgb(var(--sky-700));
}

.hover-accent-sky-800:hover {
  accent-color: rgb(var(--sky-800));
}

.hover-accent-sky-900:hover {
  accent-color: rgb(var(--sky-900));
}

.hover-accent-blue-50:hover {
  accent-color: rgb(var(--blue-50));
}

.hover-accent-blue-100:hover {
  accent-color: rgb(var(--blue-100));
}

.hover-accent-blue-200:hover {
  accent-color: rgb(var(--blue-200));
}

.hover-accent-blue-300:hover {
  accent-color: rgb(var(--blue-300));
}

.hover-accent-blue-400:hover {
  accent-color: rgb(var(--blue-400));
}

.hover-accent-blue-500:hover {
  accent-color: rgb(var(--blue-500));
}

.hover-accent-blue-600:hover {
  accent-color: rgb(var(--blue-600));
}

.hover-accent-blue-700:hover {
  accent-color: rgb(var(--blue-700));
}

.hover-accent-blue-800:hover {
  accent-color: rgb(var(--blue-800));
}

.hover-accent-blue-900:hover {
  accent-color: rgb(var(--blue-900));
}

.hover-accent-indigo-50:hover {
  accent-color: rgb(var(--indigo-50));
}

.hover-accent-indigo-100:hover {
  accent-color: rgb(var(--indigo-100));
}

.hover-accent-indigo-200:hover {
  accent-color: rgb(var(--indigo-200));
}

.hover-accent-indigo-300:hover {
  accent-color: rgb(var(--indigo-300));
}

.hover-accent-indigo-400:hover {
  accent-color: rgb(var(--indigo-400));
}

.hover-accent-indigo-500:hover {
  accent-color: rgb(var(--indigo-500));
}

.hover-accent-indigo-600:hover {
  accent-color: rgb(var(--indigo-600));
}

.hover-accent-indigo-700:hover {
  accent-color: rgb(var(--indigo-700));
}

.hover-accent-indigo-800:hover {
  accent-color: rgb(var(--indigo-800));
}

.hover-accent-indigo-900:hover {
  accent-color: rgb(var(--indigo-900));
}

.hover-accent-violet-50:hover {
  accent-color: rgb(var(--violet-50));
}

.hover-accent-violet-100:hover {
  accent-color: rgb(var(--violet-100));
}

.hover-accent-violet-200:hover {
  accent-color: rgb(var(--violet-200));
}

.hover-accent-violet-300:hover {
  accent-color: rgb(var(--violet-300));
}

.hover-accent-violet-400:hover {
  accent-color: rgb(var(--violet-400));
}

.hover-accent-violet-500:hover {
  accent-color: rgb(var(--violet-500));
}

.hover-accent-violet-600:hover {
  accent-color: rgb(var(--violet-600));
}

.hover-accent-violet-700:hover {
  accent-color: rgb(var(--violet-700));
}

.hover-accent-violet-800:hover {
  accent-color: rgb(var(--violet-800));
}

.hover-accent-violet-900:hover {
  accent-color: rgb(var(--violet-900));
}

.hover-accent-purple-50:hover {
  accent-color: rgb(var(--purple-50));
}

.hover-accent-purple-100:hover {
  accent-color: rgb(var(--purple-100));
}

.hover-accent-purple-200:hover {
  accent-color: rgb(var(--purple-200));
}

.hover-accent-purple-300:hover {
  accent-color: rgb(var(--purple-300));
}

.hover-accent-purple-400:hover {
  accent-color: rgb(var(--purple-400));
}

.hover-accent-purple-500:hover {
  accent-color: rgb(var(--purple-500));
}

.hover-accent-purple-600:hover {
  accent-color: rgb(var(--purple-600));
}

.hover-accent-purple-700:hover {
  accent-color: rgb(var(--purple-700));
}

.hover-accent-purple-800:hover {
  accent-color: rgb(var(--purple-800));
}

.hover-accent-purple-900:hover {
  accent-color: rgb(var(--purple-900));
}

.hover-accent-fuchsia-50:hover {
  accent-color: rgb(var(--fuchsia-50));
}

.hover-accent-fuchsia-100:hover {
  accent-color: rgb(var(--fuchsia-100));
}

.hover-accent-fuchsia-200:hover {
  accent-color: rgb(var(--fuchsia-200));
}

.hover-accent-fuchsia-300:hover {
  accent-color: rgb(var(--fuchsia-300));
}

.hover-accent-fuchsia-400:hover {
  accent-color: rgb(var(--fuchsia-400));
}

.hover-accent-fuchsia-500:hover {
  accent-color: rgb(var(--fuchsia-500));
}

.hover-accent-fuchsia-600:hover {
  accent-color: rgb(var(--fuchsia-600));
}

.hover-accent-fuchsia-700:hover {
  accent-color: rgb(var(--fuchsia-700));
}

.hover-accent-fuchsia-800:hover {
  accent-color: rgb(var(--fuchsia-800));
}

.hover-accent-fuchsia-900:hover {
  accent-color: rgb(var(--fuchsia-900));
}

.hover-accent-pink-50:hover {
  accent-color: rgb(var(--pink-50));
}

.hover-accent-pink-100:hover {
  accent-color: rgb(var(--pink-100));
}

.hover-accent-pink-200:hover {
  accent-color: rgb(var(--pink-200));
}

.hover-accent-pink-300:hover {
  accent-color: rgb(var(--pink-300));
}

.hover-accent-pink-400:hover {
  accent-color: rgb(var(--pink-400));
}

.hover-accent-pink-500:hover {
  accent-color: rgb(var(--pink-500));
}

.hover-accent-pink-600:hover {
  accent-color: rgb(var(--pink-600));
}

.hover-accent-pink-700:hover {
  accent-color: rgb(var(--pink-700));
}

.hover-accent-pink-800:hover {
  accent-color: rgb(var(--pink-800));
}

.hover-accent-pink-900:hover {
  accent-color: rgb(var(--pink-900));
}

.hover-accent-rose-50:hover {
  accent-color: rgb(var(--rose-50));
}

.hover-accent-rose-100:hover {
  accent-color: rgb(var(--rose-100));
}

.hover-accent-rose-200:hover {
  accent-color: rgb(var(--rose-200));
}

.hover-accent-rose-300:hover {
  accent-color: rgb(var(--rose-300));
}

.hover-accent-rose-400:hover {
  accent-color: rgb(var(--rose-400));
}

.hover-accent-rose-500:hover {
  accent-color: rgb(var(--rose-500));
}

.hover-accent-rose-600:hover {
  accent-color: rgb(var(--rose-600));
}

.hover-accent-rose-700:hover {
  accent-color: rgb(var(--rose-700));
}

.hover-accent-rose-800:hover {
  accent-color: rgb(var(--rose-800));
}

.hover-accent-rose-900:hover {
  accent-color: rgb(var(--rose-900));
}

.hover-accent-slate-50:hover {
  accent-color: rgb(var(--slate-50));
}

.hover-accent-slate-100:hover {
  accent-color: rgb(var(--slate-100));
}

.hover-accent-slate-200:hover {
  accent-color: rgb(var(--slate-200));
}

.hover-accent-slate-300:hover {
  accent-color: rgb(var(--slate-300));
}

.hover-accent-slate-400:hover {
  accent-color: rgb(var(--slate-400));
}

.hover-accent-slate-500:hover {
  accent-color: rgb(var(--slate-500));
}

.hover-accent-slate-600:hover {
  accent-color: rgb(var(--slate-600));
}

.hover-accent-slate-700:hover {
  accent-color: rgb(var(--slate-700));
}

.hover-accent-slate-800:hover {
  accent-color: rgb(var(--slate-800));
}

.hover-accent-slate-900:hover {
  accent-color: rgb(var(--slate-900));
}

.hover-accent-gray-50:hover {
  accent-color: rgb(var(--gray-50));
}

.hover-accent-gray-100:hover {
  accent-color: rgb(var(--gray-100));
}

.hover-accent-gray-200:hover {
  accent-color: rgb(var(--gray-200));
}

.hover-accent-gray-300:hover {
  accent-color: rgb(var(--gray-300));
}

.hover-accent-gray-400:hover {
  accent-color: rgb(var(--gray-400));
}

.hover-accent-gray-500:hover {
  accent-color: rgb(var(--gray-500));
}

.hover-accent-gray-600:hover {
  accent-color: rgb(var(--gray-600));
}

.hover-accent-gray-700:hover {
  accent-color: rgb(var(--gray-700));
}

.hover-accent-gray-800:hover {
  accent-color: rgb(var(--gray-800));
}

.hover-accent-gray-900:hover {
  accent-color: rgb(var(--gray-900));
}

.hover-accent-zinc-50:hover {
  accent-color: rgb(var(--zinc-50));
}

.hover-accent-zinc-100:hover {
  accent-color: rgb(var(--zinc-100));
}

.hover-accent-zinc-200:hover {
  accent-color: rgb(var(--zinc-200));
}

.hover-accent-zinc-300:hover {
  accent-color: rgb(var(--zinc-300));
}

.hover-accent-zinc-400:hover {
  accent-color: rgb(var(--zinc-400));
}

.hover-accent-zinc-500:hover {
  accent-color: rgb(var(--zinc-500));
}

.hover-accent-zinc-600:hover {
  accent-color: rgb(var(--zinc-600));
}

.hover-accent-zinc-700:hover {
  accent-color: rgb(var(--zinc-700));
}

.hover-accent-zinc-800:hover {
  accent-color: rgb(var(--zinc-800));
}

.hover-accent-zinc-900:hover {
  accent-color: rgb(var(--zinc-900));
}

.hover-accent-black-DEFAULT:hover {
  accent-color: rgb(var(--black-DEFAULT));
}

.hover-accent-white-DEFAULT:hover {
  accent-color: rgb(var(--white-DEFAULT));
}

.hover-shadow-red-50:hover {
  --tw-shadow-color: rgb(var(--red-50));
}

.hover-shadow-red-100:hover {
  --tw-shadow-color: rgb(var(--red-100));
}

.hover-shadow-red-200:hover {
  --tw-shadow-color: rgb(var(--red-200));
}

.hover-shadow-red-300:hover {
  --tw-shadow-color: rgb(var(--red-300));
}

.hover-shadow-red-400:hover {
  --tw-shadow-color: rgb(var(--red-400));
}

.hover-shadow-red-500:hover {
  --tw-shadow-color: rgb(var(--red-500));
}

.hover-shadow-red-600:hover {
  --tw-shadow-color: rgb(var(--red-600));
}

.hover-shadow-red-700:hover {
  --tw-shadow-color: rgb(var(--red-700));
}

.hover-shadow-red-800:hover {
  --tw-shadow-color: rgb(var(--red-800));
}

.hover-shadow-red-900:hover {
  --tw-shadow-color: rgb(var(--red-900));
}

.hover-shadow-orange-50:hover {
  --tw-shadow-color: rgb(var(--orange-50));
}

.hover-shadow-orange-100:hover {
  --tw-shadow-color: rgb(var(--orange-100));
}

.hover-shadow-orange-200:hover {
  --tw-shadow-color: rgb(var(--orange-200));
}

.hover-shadow-orange-300:hover {
  --tw-shadow-color: rgb(var(--orange-300));
}

.hover-shadow-orange-400:hover {
  --tw-shadow-color: rgb(var(--orange-400));
}

.hover-shadow-orange-500:hover {
  --tw-shadow-color: rgb(var(--orange-500));
}

.hover-shadow-orange-600:hover {
  --tw-shadow-color: rgb(var(--orange-600));
}

.hover-shadow-orange-700:hover {
  --tw-shadow-color: rgb(var(--orange-700));
}

.hover-shadow-orange-800:hover {
  --tw-shadow-color: rgb(var(--orange-800));
}

.hover-shadow-orange-900:hover {
  --tw-shadow-color: rgb(var(--orange-900));
}

.hover-shadow-amber-50:hover {
  --tw-shadow-color: rgb(var(--amber-50));
}

.hover-shadow-amber-100:hover {
  --tw-shadow-color: rgb(var(--amber-100));
}

.hover-shadow-amber-200:hover {
  --tw-shadow-color: rgb(var(--amber-200));
}

.hover-shadow-amber-300:hover {
  --tw-shadow-color: rgb(var(--amber-300));
}

.hover-shadow-amber-400:hover {
  --tw-shadow-color: rgb(var(--amber-400));
}

.hover-shadow-amber-500:hover {
  --tw-shadow-color: rgb(var(--amber-500));
}

.hover-shadow-amber-600:hover {
  --tw-shadow-color: rgb(var(--amber-600));
}

.hover-shadow-amber-700:hover {
  --tw-shadow-color: rgb(var(--amber-700));
}

.hover-shadow-amber-800:hover {
  --tw-shadow-color: rgb(var(--amber-800));
}

.hover-shadow-amber-900:hover {
  --tw-shadow-color: rgb(var(--amber-900));
}

.hover-shadow-yellow-50:hover {
  --tw-shadow-color: rgb(var(--yellow-50));
}

.hover-shadow-yellow-100:hover {
  --tw-shadow-color: rgb(var(--yellow-100));
}

.hover-shadow-yellow-200:hover {
  --tw-shadow-color: rgb(var(--yellow-200));
}

.hover-shadow-yellow-300:hover {
  --tw-shadow-color: rgb(var(--yellow-300));
}

.hover-shadow-yellow-400:hover {
  --tw-shadow-color: rgb(var(--yellow-400));
}

.hover-shadow-yellow-500:hover {
  --tw-shadow-color: rgb(var(--yellow-500));
}

.hover-shadow-yellow-600:hover {
  --tw-shadow-color: rgb(var(--yellow-600));
}

.hover-shadow-yellow-700:hover {
  --tw-shadow-color: rgb(var(--yellow-700));
}

.hover-shadow-yellow-800:hover {
  --tw-shadow-color: rgb(var(--yellow-800));
}

.hover-shadow-yellow-900:hover {
  --tw-shadow-color: rgb(var(--yellow-900));
}

.hover-shadow-lime-50:hover {
  --tw-shadow-color: rgb(var(--lime-50));
}

.hover-shadow-lime-100:hover {
  --tw-shadow-color: rgb(var(--lime-100));
}

.hover-shadow-lime-200:hover {
  --tw-shadow-color: rgb(var(--lime-200));
}

.hover-shadow-lime-300:hover {
  --tw-shadow-color: rgb(var(--lime-300));
}

.hover-shadow-lime-400:hover {
  --tw-shadow-color: rgb(var(--lime-400));
}

.hover-shadow-lime-500:hover {
  --tw-shadow-color: rgb(var(--lime-500));
}

.hover-shadow-lime-600:hover {
  --tw-shadow-color: rgb(var(--lime-600));
}

.hover-shadow-lime-700:hover {
  --tw-shadow-color: rgb(var(--lime-700));
}

.hover-shadow-lime-800:hover {
  --tw-shadow-color: rgb(var(--lime-800));
}

.hover-shadow-lime-900:hover {
  --tw-shadow-color: rgb(var(--lime-900));
}

.hover-shadow-green-50:hover {
  --tw-shadow-color: rgb(var(--green-50));
}

.hover-shadow-green-100:hover {
  --tw-shadow-color: rgb(var(--green-100));
}

.hover-shadow-green-200:hover {
  --tw-shadow-color: rgb(var(--green-200));
}

.hover-shadow-green-300:hover {
  --tw-shadow-color: rgb(var(--green-300));
}

.hover-shadow-green-400:hover {
  --tw-shadow-color: rgb(var(--green-400));
}

.hover-shadow-green-500:hover {
  --tw-shadow-color: rgb(var(--green-500));
}

.hover-shadow-green-600:hover {
  --tw-shadow-color: rgb(var(--green-600));
}

.hover-shadow-green-700:hover {
  --tw-shadow-color: rgb(var(--green-700));
}

.hover-shadow-green-800:hover {
  --tw-shadow-color: rgb(var(--green-800));
}

.hover-shadow-green-900:hover {
  --tw-shadow-color: rgb(var(--green-900));
}

.hover-shadow-emerald-50:hover {
  --tw-shadow-color: rgb(var(--emerald-50));
}

.hover-shadow-emerald-100:hover {
  --tw-shadow-color: rgb(var(--emerald-100));
}

.hover-shadow-emerald-200:hover {
  --tw-shadow-color: rgb(var(--emerald-200));
}

.hover-shadow-emerald-300:hover {
  --tw-shadow-color: rgb(var(--emerald-300));
}

.hover-shadow-emerald-400:hover {
  --tw-shadow-color: rgb(var(--emerald-400));
}

.hover-shadow-emerald-500:hover {
  --tw-shadow-color: rgb(var(--emerald-500));
}

.hover-shadow-emerald-600:hover {
  --tw-shadow-color: rgb(var(--emerald-600));
}

.hover-shadow-emerald-700:hover {
  --tw-shadow-color: rgb(var(--emerald-700));
}

.hover-shadow-emerald-800:hover {
  --tw-shadow-color: rgb(var(--emerald-800));
}

.hover-shadow-emerald-900:hover {
  --tw-shadow-color: rgb(var(--emerald-900));
}

.hover-shadow-teal-50:hover {
  --tw-shadow-color: rgb(var(--teal-50));
}

.hover-shadow-teal-100:hover {
  --tw-shadow-color: rgb(var(--teal-100));
}

.hover-shadow-teal-200:hover {
  --tw-shadow-color: rgb(var(--teal-200));
}

.hover-shadow-teal-300:hover {
  --tw-shadow-color: rgb(var(--teal-300));
}

.hover-shadow-teal-400:hover {
  --tw-shadow-color: rgb(var(--teal-400));
}

.hover-shadow-teal-500:hover {
  --tw-shadow-color: rgb(var(--teal-500));
}

.hover-shadow-teal-600:hover {
  --tw-shadow-color: rgb(var(--teal-600));
}

.hover-shadow-teal-700:hover {
  --tw-shadow-color: rgb(var(--teal-700));
}

.hover-shadow-teal-800:hover {
  --tw-shadow-color: rgb(var(--teal-800));
}

.hover-shadow-teal-900:hover {
  --tw-shadow-color: rgb(var(--teal-900));
}

.hover-shadow-cyan-50:hover {
  --tw-shadow-color: rgb(var(--cyan-50));
}

.hover-shadow-cyan-100:hover {
  --tw-shadow-color: rgb(var(--cyan-100));
}

.hover-shadow-cyan-200:hover {
  --tw-shadow-color: rgb(var(--cyan-200));
}

.hover-shadow-cyan-300:hover {
  --tw-shadow-color: rgb(var(--cyan-300));
}

.hover-shadow-cyan-400:hover {
  --tw-shadow-color: rgb(var(--cyan-400));
}

.hover-shadow-cyan-500:hover {
  --tw-shadow-color: rgb(var(--cyan-500));
}

.hover-shadow-cyan-600:hover {
  --tw-shadow-color: rgb(var(--cyan-600));
}

.hover-shadow-cyan-700:hover {
  --tw-shadow-color: rgb(var(--cyan-700));
}

.hover-shadow-cyan-800:hover {
  --tw-shadow-color: rgb(var(--cyan-800));
}

.hover-shadow-cyan-900:hover {
  --tw-shadow-color: rgb(var(--cyan-900));
}

.hover-shadow-sky-50:hover {
  --tw-shadow-color: rgb(var(--sky-50));
}

.hover-shadow-sky-100:hover {
  --tw-shadow-color: rgb(var(--sky-100));
}

.hover-shadow-sky-200:hover {
  --tw-shadow-color: rgb(var(--sky-200));
}

.hover-shadow-sky-300:hover {
  --tw-shadow-color: rgb(var(--sky-300));
}

.hover-shadow-sky-400:hover {
  --tw-shadow-color: rgb(var(--sky-400));
}

.hover-shadow-sky-500:hover {
  --tw-shadow-color: rgb(var(--sky-500));
}

.hover-shadow-sky-600:hover {
  --tw-shadow-color: rgb(var(--sky-600));
}

.hover-shadow-sky-700:hover {
  --tw-shadow-color: rgb(var(--sky-700));
}

.hover-shadow-sky-800:hover {
  --tw-shadow-color: rgb(var(--sky-800));
}

.hover-shadow-sky-900:hover {
  --tw-shadow-color: rgb(var(--sky-900));
}

.hover-shadow-blue-50:hover {
  --tw-shadow-color: rgb(var(--blue-50));
}

.hover-shadow-blue-100:hover {
  --tw-shadow-color: rgb(var(--blue-100));
}

.hover-shadow-blue-200:hover {
  --tw-shadow-color: rgb(var(--blue-200));
}

.hover-shadow-blue-300:hover {
  --tw-shadow-color: rgb(var(--blue-300));
}

.hover-shadow-blue-400:hover {
  --tw-shadow-color: rgb(var(--blue-400));
}

.hover-shadow-blue-500:hover {
  --tw-shadow-color: rgb(var(--blue-500));
}

.hover-shadow-blue-600:hover {
  --tw-shadow-color: rgb(var(--blue-600));
}

.hover-shadow-blue-700:hover {
  --tw-shadow-color: rgb(var(--blue-700));
}

.hover-shadow-blue-800:hover {
  --tw-shadow-color: rgb(var(--blue-800));
}

.hover-shadow-blue-900:hover {
  --tw-shadow-color: rgb(var(--blue-900));
}

.hover-shadow-indigo-50:hover {
  --tw-shadow-color: rgb(var(--indigo-50));
}

.hover-shadow-indigo-100:hover {
  --tw-shadow-color: rgb(var(--indigo-100));
}

.hover-shadow-indigo-200:hover {
  --tw-shadow-color: rgb(var(--indigo-200));
}

.hover-shadow-indigo-300:hover {
  --tw-shadow-color: rgb(var(--indigo-300));
}

.hover-shadow-indigo-400:hover {
  --tw-shadow-color: rgb(var(--indigo-400));
}

.hover-shadow-indigo-500:hover {
  --tw-shadow-color: rgb(var(--indigo-500));
}

.hover-shadow-indigo-600:hover {
  --tw-shadow-color: rgb(var(--indigo-600));
}

.hover-shadow-indigo-700:hover {
  --tw-shadow-color: rgb(var(--indigo-700));
}

.hover-shadow-indigo-800:hover {
  --tw-shadow-color: rgb(var(--indigo-800));
}

.hover-shadow-indigo-900:hover {
  --tw-shadow-color: rgb(var(--indigo-900));
}

.hover-shadow-violet-50:hover {
  --tw-shadow-color: rgb(var(--violet-50));
}

.hover-shadow-violet-100:hover {
  --tw-shadow-color: rgb(var(--violet-100));
}

.hover-shadow-violet-200:hover {
  --tw-shadow-color: rgb(var(--violet-200));
}

.hover-shadow-violet-300:hover {
  --tw-shadow-color: rgb(var(--violet-300));
}

.hover-shadow-violet-400:hover {
  --tw-shadow-color: rgb(var(--violet-400));
}

.hover-shadow-violet-500:hover {
  --tw-shadow-color: rgb(var(--violet-500));
}

.hover-shadow-violet-600:hover {
  --tw-shadow-color: rgb(var(--violet-600));
}

.hover-shadow-violet-700:hover {
  --tw-shadow-color: rgb(var(--violet-700));
}

.hover-shadow-violet-800:hover {
  --tw-shadow-color: rgb(var(--violet-800));
}

.hover-shadow-violet-900:hover {
  --tw-shadow-color: rgb(var(--violet-900));
}

.hover-shadow-purple-50:hover {
  --tw-shadow-color: rgb(var(--purple-50));
}

.hover-shadow-purple-100:hover {
  --tw-shadow-color: rgb(var(--purple-100));
}

.hover-shadow-purple-200:hover {
  --tw-shadow-color: rgb(var(--purple-200));
}

.hover-shadow-purple-300:hover {
  --tw-shadow-color: rgb(var(--purple-300));
}

.hover-shadow-purple-400:hover {
  --tw-shadow-color: rgb(var(--purple-400));
}

.hover-shadow-purple-500:hover {
  --tw-shadow-color: rgb(var(--purple-500));
}

.hover-shadow-purple-600:hover {
  --tw-shadow-color: rgb(var(--purple-600));
}

.hover-shadow-purple-700:hover {
  --tw-shadow-color: rgb(var(--purple-700));
}

.hover-shadow-purple-800:hover {
  --tw-shadow-color: rgb(var(--purple-800));
}

.hover-shadow-purple-900:hover {
  --tw-shadow-color: rgb(var(--purple-900));
}

.hover-shadow-fuchsia-50:hover {
  --tw-shadow-color: rgb(var(--fuchsia-50));
}

.hover-shadow-fuchsia-100:hover {
  --tw-shadow-color: rgb(var(--fuchsia-100));
}

.hover-shadow-fuchsia-200:hover {
  --tw-shadow-color: rgb(var(--fuchsia-200));
}

.hover-shadow-fuchsia-300:hover {
  --tw-shadow-color: rgb(var(--fuchsia-300));
}

.hover-shadow-fuchsia-400:hover {
  --tw-shadow-color: rgb(var(--fuchsia-400));
}

.hover-shadow-fuchsia-500:hover {
  --tw-shadow-color: rgb(var(--fuchsia-500));
}

.hover-shadow-fuchsia-600:hover {
  --tw-shadow-color: rgb(var(--fuchsia-600));
}

.hover-shadow-fuchsia-700:hover {
  --tw-shadow-color: rgb(var(--fuchsia-700));
}

.hover-shadow-fuchsia-800:hover {
  --tw-shadow-color: rgb(var(--fuchsia-800));
}

.hover-shadow-fuchsia-900:hover {
  --tw-shadow-color: rgb(var(--fuchsia-900));
}

.hover-shadow-pink-50:hover {
  --tw-shadow-color: rgb(var(--pink-50));
}

.hover-shadow-pink-100:hover {
  --tw-shadow-color: rgb(var(--pink-100));
}

.hover-shadow-pink-200:hover {
  --tw-shadow-color: rgb(var(--pink-200));
}

.hover-shadow-pink-300:hover {
  --tw-shadow-color: rgb(var(--pink-300));
}

.hover-shadow-pink-400:hover {
  --tw-shadow-color: rgb(var(--pink-400));
}

.hover-shadow-pink-500:hover {
  --tw-shadow-color: rgb(var(--pink-500));
}

.hover-shadow-pink-600:hover {
  --tw-shadow-color: rgb(var(--pink-600));
}

.hover-shadow-pink-700:hover {
  --tw-shadow-color: rgb(var(--pink-700));
}

.hover-shadow-pink-800:hover {
  --tw-shadow-color: rgb(var(--pink-800));
}

.hover-shadow-pink-900:hover {
  --tw-shadow-color: rgb(var(--pink-900));
}

.hover-shadow-rose-50:hover {
  --tw-shadow-color: rgb(var(--rose-50));
}

.hover-shadow-rose-100:hover {
  --tw-shadow-color: rgb(var(--rose-100));
}

.hover-shadow-rose-200:hover {
  --tw-shadow-color: rgb(var(--rose-200));
}

.hover-shadow-rose-300:hover {
  --tw-shadow-color: rgb(var(--rose-300));
}

.hover-shadow-rose-400:hover {
  --tw-shadow-color: rgb(var(--rose-400));
}

.hover-shadow-rose-500:hover {
  --tw-shadow-color: rgb(var(--rose-500));
}

.hover-shadow-rose-600:hover {
  --tw-shadow-color: rgb(var(--rose-600));
}

.hover-shadow-rose-700:hover {
  --tw-shadow-color: rgb(var(--rose-700));
}

.hover-shadow-rose-800:hover {
  --tw-shadow-color: rgb(var(--rose-800));
}

.hover-shadow-rose-900:hover {
  --tw-shadow-color: rgb(var(--rose-900));
}

.hover-shadow-slate-50:hover {
  --tw-shadow-color: rgb(var(--slate-50));
}

.hover-shadow-slate-100:hover {
  --tw-shadow-color: rgb(var(--slate-100));
}

.hover-shadow-slate-200:hover {
  --tw-shadow-color: rgb(var(--slate-200));
}

.hover-shadow-slate-300:hover {
  --tw-shadow-color: rgb(var(--slate-300));
}

.hover-shadow-slate-400:hover {
  --tw-shadow-color: rgb(var(--slate-400));
}

.hover-shadow-slate-500:hover {
  --tw-shadow-color: rgb(var(--slate-500));
}

.hover-shadow-slate-600:hover {
  --tw-shadow-color: rgb(var(--slate-600));
}

.hover-shadow-slate-700:hover {
  --tw-shadow-color: rgb(var(--slate-700));
}

.hover-shadow-slate-800:hover {
  --tw-shadow-color: rgb(var(--slate-800));
}

.hover-shadow-slate-900:hover {
  --tw-shadow-color: rgb(var(--slate-900));
}

.hover-shadow-gray-50:hover {
  --tw-shadow-color: rgb(var(--gray-50));
}

.hover-shadow-gray-100:hover {
  --tw-shadow-color: rgb(var(--gray-100));
}

.hover-shadow-gray-200:hover {
  --tw-shadow-color: rgb(var(--gray-200));
}

.hover-shadow-gray-300:hover {
  --tw-shadow-color: rgb(var(--gray-300));
}

.hover-shadow-gray-400:hover {
  --tw-shadow-color: rgb(var(--gray-400));
}

.hover-shadow-gray-500:hover {
  --tw-shadow-color: rgb(var(--gray-500));
}

.hover-shadow-gray-600:hover {
  --tw-shadow-color: rgb(var(--gray-600));
}

.hover-shadow-gray-700:hover {
  --tw-shadow-color: rgb(var(--gray-700));
}

.hover-shadow-gray-800:hover {
  --tw-shadow-color: rgb(var(--gray-800));
}

.hover-shadow-gray-900:hover {
  --tw-shadow-color: rgb(var(--gray-900));
}

.hover-shadow-zinc-50:hover {
  --tw-shadow-color: rgb(var(--zinc-50));
}

.hover-shadow-zinc-100:hover {
  --tw-shadow-color: rgb(var(--zinc-100));
}

.hover-shadow-zinc-200:hover {
  --tw-shadow-color: rgb(var(--zinc-200));
}

.hover-shadow-zinc-300:hover {
  --tw-shadow-color: rgb(var(--zinc-300));
}

.hover-shadow-zinc-400:hover {
  --tw-shadow-color: rgb(var(--zinc-400));
}

.hover-shadow-zinc-500:hover {
  --tw-shadow-color: rgb(var(--zinc-500));
}

.hover-shadow-zinc-600:hover {
  --tw-shadow-color: rgb(var(--zinc-600));
}

.hover-shadow-zinc-700:hover {
  --tw-shadow-color: rgb(var(--zinc-700));
}

.hover-shadow-zinc-800:hover {
  --tw-shadow-color: rgb(var(--zinc-800));
}

.hover-shadow-zinc-900:hover {
  --tw-shadow-color: rgb(var(--zinc-900));
}

.hover-shadow-black-DEFAULT:hover {
  --tw-shadow-color: rgb(var(--black-DEFAULT));
}

.hover-shadow-white-DEFAULT:hover {
  --tw-shadow-color: rgb(var(--white-DEFAULT));
}

.hover-ring-red-50:hover {
  --tw-ring-color: rgb(var(--red-50));
}

.hover-ring-red-100:hover {
  --tw-ring-color: rgb(var(--red-100));
}

.hover-ring-red-200:hover {
  --tw-ring-color: rgb(var(--red-200));
}

.hover-ring-red-300:hover {
  --tw-ring-color: rgb(var(--red-300));
}

.hover-ring-red-400:hover {
  --tw-ring-color: rgb(var(--red-400));
}

.hover-ring-red-500:hover {
  --tw-ring-color: rgb(var(--red-500));
}

.hover-ring-red-600:hover {
  --tw-ring-color: rgb(var(--red-600));
}

.hover-ring-red-700:hover {
  --tw-ring-color: rgb(var(--red-700));
}

.hover-ring-red-800:hover {
  --tw-ring-color: rgb(var(--red-800));
}

.hover-ring-red-900:hover {
  --tw-ring-color: rgb(var(--red-900));
}

.hover-ring-orange-50:hover {
  --tw-ring-color: rgb(var(--orange-50));
}

.hover-ring-orange-100:hover {
  --tw-ring-color: rgb(var(--orange-100));
}

.hover-ring-orange-200:hover {
  --tw-ring-color: rgb(var(--orange-200));
}

.hover-ring-orange-300:hover {
  --tw-ring-color: rgb(var(--orange-300));
}

.hover-ring-orange-400:hover {
  --tw-ring-color: rgb(var(--orange-400));
}

.hover-ring-orange-500:hover {
  --tw-ring-color: rgb(var(--orange-500));
}

.hover-ring-orange-600:hover {
  --tw-ring-color: rgb(var(--orange-600));
}

.hover-ring-orange-700:hover {
  --tw-ring-color: rgb(var(--orange-700));
}

.hover-ring-orange-800:hover {
  --tw-ring-color: rgb(var(--orange-800));
}

.hover-ring-orange-900:hover {
  --tw-ring-color: rgb(var(--orange-900));
}

.hover-ring-amber-50:hover {
  --tw-ring-color: rgb(var(--amber-50));
}

.hover-ring-amber-100:hover {
  --tw-ring-color: rgb(var(--amber-100));
}

.hover-ring-amber-200:hover {
  --tw-ring-color: rgb(var(--amber-200));
}

.hover-ring-amber-300:hover {
  --tw-ring-color: rgb(var(--amber-300));
}

.hover-ring-amber-400:hover {
  --tw-ring-color: rgb(var(--amber-400));
}

.hover-ring-amber-500:hover {
  --tw-ring-color: rgb(var(--amber-500));
}

.hover-ring-amber-600:hover {
  --tw-ring-color: rgb(var(--amber-600));
}

.hover-ring-amber-700:hover {
  --tw-ring-color: rgb(var(--amber-700));
}

.hover-ring-amber-800:hover {
  --tw-ring-color: rgb(var(--amber-800));
}

.hover-ring-amber-900:hover {
  --tw-ring-color: rgb(var(--amber-900));
}

.hover-ring-yellow-50:hover {
  --tw-ring-color: rgb(var(--yellow-50));
}

.hover-ring-yellow-100:hover {
  --tw-ring-color: rgb(var(--yellow-100));
}

.hover-ring-yellow-200:hover {
  --tw-ring-color: rgb(var(--yellow-200));
}

.hover-ring-yellow-300:hover {
  --tw-ring-color: rgb(var(--yellow-300));
}

.hover-ring-yellow-400:hover {
  --tw-ring-color: rgb(var(--yellow-400));
}

.hover-ring-yellow-500:hover {
  --tw-ring-color: rgb(var(--yellow-500));
}

.hover-ring-yellow-600:hover {
  --tw-ring-color: rgb(var(--yellow-600));
}

.hover-ring-yellow-700:hover {
  --tw-ring-color: rgb(var(--yellow-700));
}

.hover-ring-yellow-800:hover {
  --tw-ring-color: rgb(var(--yellow-800));
}

.hover-ring-yellow-900:hover {
  --tw-ring-color: rgb(var(--yellow-900));
}

.hover-ring-lime-50:hover {
  --tw-ring-color: rgb(var(--lime-50));
}

.hover-ring-lime-100:hover {
  --tw-ring-color: rgb(var(--lime-100));
}

.hover-ring-lime-200:hover {
  --tw-ring-color: rgb(var(--lime-200));
}

.hover-ring-lime-300:hover {
  --tw-ring-color: rgb(var(--lime-300));
}

.hover-ring-lime-400:hover {
  --tw-ring-color: rgb(var(--lime-400));
}

.hover-ring-lime-500:hover {
  --tw-ring-color: rgb(var(--lime-500));
}

.hover-ring-lime-600:hover {
  --tw-ring-color: rgb(var(--lime-600));
}

.hover-ring-lime-700:hover {
  --tw-ring-color: rgb(var(--lime-700));
}

.hover-ring-lime-800:hover {
  --tw-ring-color: rgb(var(--lime-800));
}

.hover-ring-lime-900:hover {
  --tw-ring-color: rgb(var(--lime-900));
}

.hover-ring-green-50:hover {
  --tw-ring-color: rgb(var(--green-50));
}

.hover-ring-green-100:hover {
  --tw-ring-color: rgb(var(--green-100));
}

.hover-ring-green-200:hover {
  --tw-ring-color: rgb(var(--green-200));
}

.hover-ring-green-300:hover {
  --tw-ring-color: rgb(var(--green-300));
}

.hover-ring-green-400:hover {
  --tw-ring-color: rgb(var(--green-400));
}

.hover-ring-green-500:hover {
  --tw-ring-color: rgb(var(--green-500));
}

.hover-ring-green-600:hover {
  --tw-ring-color: rgb(var(--green-600));
}

.hover-ring-green-700:hover {
  --tw-ring-color: rgb(var(--green-700));
}

.hover-ring-green-800:hover {
  --tw-ring-color: rgb(var(--green-800));
}

.hover-ring-green-900:hover {
  --tw-ring-color: rgb(var(--green-900));
}

.hover-ring-emerald-50:hover {
  --tw-ring-color: rgb(var(--emerald-50));
}

.hover-ring-emerald-100:hover {
  --tw-ring-color: rgb(var(--emerald-100));
}

.hover-ring-emerald-200:hover {
  --tw-ring-color: rgb(var(--emerald-200));
}

.hover-ring-emerald-300:hover {
  --tw-ring-color: rgb(var(--emerald-300));
}

.hover-ring-emerald-400:hover {
  --tw-ring-color: rgb(var(--emerald-400));
}

.hover-ring-emerald-500:hover {
  --tw-ring-color: rgb(var(--emerald-500));
}

.hover-ring-emerald-600:hover {
  --tw-ring-color: rgb(var(--emerald-600));
}

.hover-ring-emerald-700:hover {
  --tw-ring-color: rgb(var(--emerald-700));
}

.hover-ring-emerald-800:hover {
  --tw-ring-color: rgb(var(--emerald-800));
}

.hover-ring-emerald-900:hover {
  --tw-ring-color: rgb(var(--emerald-900));
}

.hover-ring-teal-50:hover {
  --tw-ring-color: rgb(var(--teal-50));
}

.hover-ring-teal-100:hover {
  --tw-ring-color: rgb(var(--teal-100));
}

.hover-ring-teal-200:hover {
  --tw-ring-color: rgb(var(--teal-200));
}

.hover-ring-teal-300:hover {
  --tw-ring-color: rgb(var(--teal-300));
}

.hover-ring-teal-400:hover {
  --tw-ring-color: rgb(var(--teal-400));
}

.hover-ring-teal-500:hover {
  --tw-ring-color: rgb(var(--teal-500));
}

.hover-ring-teal-600:hover {
  --tw-ring-color: rgb(var(--teal-600));
}

.hover-ring-teal-700:hover {
  --tw-ring-color: rgb(var(--teal-700));
}

.hover-ring-teal-800:hover {
  --tw-ring-color: rgb(var(--teal-800));
}

.hover-ring-teal-900:hover {
  --tw-ring-color: rgb(var(--teal-900));
}

.hover-ring-cyan-50:hover {
  --tw-ring-color: rgb(var(--cyan-50));
}

.hover-ring-cyan-100:hover {
  --tw-ring-color: rgb(var(--cyan-100));
}

.hover-ring-cyan-200:hover {
  --tw-ring-color: rgb(var(--cyan-200));
}

.hover-ring-cyan-300:hover {
  --tw-ring-color: rgb(var(--cyan-300));
}

.hover-ring-cyan-400:hover {
  --tw-ring-color: rgb(var(--cyan-400));
}

.hover-ring-cyan-500:hover {
  --tw-ring-color: rgb(var(--cyan-500));
}

.hover-ring-cyan-600:hover {
  --tw-ring-color: rgb(var(--cyan-600));
}

.hover-ring-cyan-700:hover {
  --tw-ring-color: rgb(var(--cyan-700));
}

.hover-ring-cyan-800:hover {
  --tw-ring-color: rgb(var(--cyan-800));
}

.hover-ring-cyan-900:hover {
  --tw-ring-color: rgb(var(--cyan-900));
}

.hover-ring-sky-50:hover {
  --tw-ring-color: rgb(var(--sky-50));
}

.hover-ring-sky-100:hover {
  --tw-ring-color: rgb(var(--sky-100));
}

.hover-ring-sky-200:hover {
  --tw-ring-color: rgb(var(--sky-200));
}

.hover-ring-sky-300:hover {
  --tw-ring-color: rgb(var(--sky-300));
}

.hover-ring-sky-400:hover {
  --tw-ring-color: rgb(var(--sky-400));
}

.hover-ring-sky-500:hover {
  --tw-ring-color: rgb(var(--sky-500));
}

.hover-ring-sky-600:hover {
  --tw-ring-color: rgb(var(--sky-600));
}

.hover-ring-sky-700:hover {
  --tw-ring-color: rgb(var(--sky-700));
}

.hover-ring-sky-800:hover {
  --tw-ring-color: rgb(var(--sky-800));
}

.hover-ring-sky-900:hover {
  --tw-ring-color: rgb(var(--sky-900));
}

.hover-ring-blue-50:hover {
  --tw-ring-color: rgb(var(--blue-50));
}

.hover-ring-blue-100:hover {
  --tw-ring-color: rgb(var(--blue-100));
}

.hover-ring-blue-200:hover {
  --tw-ring-color: rgb(var(--blue-200));
}

.hover-ring-blue-300:hover {
  --tw-ring-color: rgb(var(--blue-300));
}

.hover-ring-blue-400:hover {
  --tw-ring-color: rgb(var(--blue-400));
}

.hover-ring-blue-500:hover {
  --tw-ring-color: rgb(var(--blue-500));
}

.hover-ring-blue-600:hover {
  --tw-ring-color: rgb(var(--blue-600));
}

.hover-ring-blue-700:hover {
  --tw-ring-color: rgb(var(--blue-700));
}

.hover-ring-blue-800:hover {
  --tw-ring-color: rgb(var(--blue-800));
}

.hover-ring-blue-900:hover {
  --tw-ring-color: rgb(var(--blue-900));
}

.hover-ring-indigo-50:hover {
  --tw-ring-color: rgb(var(--indigo-50));
}

.hover-ring-indigo-100:hover {
  --tw-ring-color: rgb(var(--indigo-100));
}

.hover-ring-indigo-200:hover {
  --tw-ring-color: rgb(var(--indigo-200));
}

.hover-ring-indigo-300:hover {
  --tw-ring-color: rgb(var(--indigo-300));
}

.hover-ring-indigo-400:hover {
  --tw-ring-color: rgb(var(--indigo-400));
}

.hover-ring-indigo-500:hover {
  --tw-ring-color: rgb(var(--indigo-500));
}

.hover-ring-indigo-600:hover {
  --tw-ring-color: rgb(var(--indigo-600));
}

.hover-ring-indigo-700:hover {
  --tw-ring-color: rgb(var(--indigo-700));
}

.hover-ring-indigo-800:hover {
  --tw-ring-color: rgb(var(--indigo-800));
}

.hover-ring-indigo-900:hover {
  --tw-ring-color: rgb(var(--indigo-900));
}

.hover-ring-violet-50:hover {
  --tw-ring-color: rgb(var(--violet-50));
}

.hover-ring-violet-100:hover {
  --tw-ring-color: rgb(var(--violet-100));
}

.hover-ring-violet-200:hover {
  --tw-ring-color: rgb(var(--violet-200));
}

.hover-ring-violet-300:hover {
  --tw-ring-color: rgb(var(--violet-300));
}

.hover-ring-violet-400:hover {
  --tw-ring-color: rgb(var(--violet-400));
}

.hover-ring-violet-500:hover {
  --tw-ring-color: rgb(var(--violet-500));
}

.hover-ring-violet-600:hover {
  --tw-ring-color: rgb(var(--violet-600));
}

.hover-ring-violet-700:hover {
  --tw-ring-color: rgb(var(--violet-700));
}

.hover-ring-violet-800:hover {
  --tw-ring-color: rgb(var(--violet-800));
}

.hover-ring-violet-900:hover {
  --tw-ring-color: rgb(var(--violet-900));
}

.hover-ring-purple-50:hover {
  --tw-ring-color: rgb(var(--purple-50));
}

.hover-ring-purple-100:hover {
  --tw-ring-color: rgb(var(--purple-100));
}

.hover-ring-purple-200:hover {
  --tw-ring-color: rgb(var(--purple-200));
}

.hover-ring-purple-300:hover {
  --tw-ring-color: rgb(var(--purple-300));
}

.hover-ring-purple-400:hover {
  --tw-ring-color: rgb(var(--purple-400));
}

.hover-ring-purple-500:hover {
  --tw-ring-color: rgb(var(--purple-500));
}

.hover-ring-purple-600:hover {
  --tw-ring-color: rgb(var(--purple-600));
}

.hover-ring-purple-700:hover {
  --tw-ring-color: rgb(var(--purple-700));
}

.hover-ring-purple-800:hover {
  --tw-ring-color: rgb(var(--purple-800));
}

.hover-ring-purple-900:hover {
  --tw-ring-color: rgb(var(--purple-900));
}

.hover-ring-fuchsia-50:hover {
  --tw-ring-color: rgb(var(--fuchsia-50));
}

.hover-ring-fuchsia-100:hover {
  --tw-ring-color: rgb(var(--fuchsia-100));
}

.hover-ring-fuchsia-200:hover {
  --tw-ring-color: rgb(var(--fuchsia-200));
}

.hover-ring-fuchsia-300:hover {
  --tw-ring-color: rgb(var(--fuchsia-300));
}

.hover-ring-fuchsia-400:hover {
  --tw-ring-color: rgb(var(--fuchsia-400));
}

.hover-ring-fuchsia-500:hover {
  --tw-ring-color: rgb(var(--fuchsia-500));
}

.hover-ring-fuchsia-600:hover {
  --tw-ring-color: rgb(var(--fuchsia-600));
}

.hover-ring-fuchsia-700:hover {
  --tw-ring-color: rgb(var(--fuchsia-700));
}

.hover-ring-fuchsia-800:hover {
  --tw-ring-color: rgb(var(--fuchsia-800));
}

.hover-ring-fuchsia-900:hover {
  --tw-ring-color: rgb(var(--fuchsia-900));
}

.hover-ring-pink-50:hover {
  --tw-ring-color: rgb(var(--pink-50));
}

.hover-ring-pink-100:hover {
  --tw-ring-color: rgb(var(--pink-100));
}

.hover-ring-pink-200:hover {
  --tw-ring-color: rgb(var(--pink-200));
}

.hover-ring-pink-300:hover {
  --tw-ring-color: rgb(var(--pink-300));
}

.hover-ring-pink-400:hover {
  --tw-ring-color: rgb(var(--pink-400));
}

.hover-ring-pink-500:hover {
  --tw-ring-color: rgb(var(--pink-500));
}

.hover-ring-pink-600:hover {
  --tw-ring-color: rgb(var(--pink-600));
}

.hover-ring-pink-700:hover {
  --tw-ring-color: rgb(var(--pink-700));
}

.hover-ring-pink-800:hover {
  --tw-ring-color: rgb(var(--pink-800));
}

.hover-ring-pink-900:hover {
  --tw-ring-color: rgb(var(--pink-900));
}

.hover-ring-rose-50:hover {
  --tw-ring-color: rgb(var(--rose-50));
}

.hover-ring-rose-100:hover {
  --tw-ring-color: rgb(var(--rose-100));
}

.hover-ring-rose-200:hover {
  --tw-ring-color: rgb(var(--rose-200));
}

.hover-ring-rose-300:hover {
  --tw-ring-color: rgb(var(--rose-300));
}

.hover-ring-rose-400:hover {
  --tw-ring-color: rgb(var(--rose-400));
}

.hover-ring-rose-500:hover {
  --tw-ring-color: rgb(var(--rose-500));
}

.hover-ring-rose-600:hover {
  --tw-ring-color: rgb(var(--rose-600));
}

.hover-ring-rose-700:hover {
  --tw-ring-color: rgb(var(--rose-700));
}

.hover-ring-rose-800:hover {
  --tw-ring-color: rgb(var(--rose-800));
}

.hover-ring-rose-900:hover {
  --tw-ring-color: rgb(var(--rose-900));
}

.hover-ring-slate-50:hover {
  --tw-ring-color: rgb(var(--slate-50));
}

.hover-ring-slate-100:hover {
  --tw-ring-color: rgb(var(--slate-100));
}

.hover-ring-slate-200:hover {
  --tw-ring-color: rgb(var(--slate-200));
}

.hover-ring-slate-300:hover {
  --tw-ring-color: rgb(var(--slate-300));
}

.hover-ring-slate-400:hover {
  --tw-ring-color: rgb(var(--slate-400));
}

.hover-ring-slate-500:hover {
  --tw-ring-color: rgb(var(--slate-500));
}

.hover-ring-slate-600:hover {
  --tw-ring-color: rgb(var(--slate-600));
}

.hover-ring-slate-700:hover {
  --tw-ring-color: rgb(var(--slate-700));
}

.hover-ring-slate-800:hover {
  --tw-ring-color: rgb(var(--slate-800));
}

.hover-ring-slate-900:hover {
  --tw-ring-color: rgb(var(--slate-900));
}

.hover-ring-gray-50:hover {
  --tw-ring-color: rgb(var(--gray-50));
}

.hover-ring-gray-100:hover {
  --tw-ring-color: rgb(var(--gray-100));
}

.hover-ring-gray-200:hover {
  --tw-ring-color: rgb(var(--gray-200));
}

.hover-ring-gray-300:hover {
  --tw-ring-color: rgb(var(--gray-300));
}

.hover-ring-gray-400:hover {
  --tw-ring-color: rgb(var(--gray-400));
}

.hover-ring-gray-500:hover {
  --tw-ring-color: rgb(var(--gray-500));
}

.hover-ring-gray-600:hover {
  --tw-ring-color: rgb(var(--gray-600));
}

.hover-ring-gray-700:hover {
  --tw-ring-color: rgb(var(--gray-700));
}

.hover-ring-gray-800:hover {
  --tw-ring-color: rgb(var(--gray-800));
}

.hover-ring-gray-900:hover {
  --tw-ring-color: rgb(var(--gray-900));
}

.hover-ring-zinc-50:hover {
  --tw-ring-color: rgb(var(--zinc-50));
}

.hover-ring-zinc-100:hover {
  --tw-ring-color: rgb(var(--zinc-100));
}

.hover-ring-zinc-200:hover {
  --tw-ring-color: rgb(var(--zinc-200));
}

.hover-ring-zinc-300:hover {
  --tw-ring-color: rgb(var(--zinc-300));
}

.hover-ring-zinc-400:hover {
  --tw-ring-color: rgb(var(--zinc-400));
}

.hover-ring-zinc-500:hover {
  --tw-ring-color: rgb(var(--zinc-500));
}

.hover-ring-zinc-600:hover {
  --tw-ring-color: rgb(var(--zinc-600));
}

.hover-ring-zinc-700:hover {
  --tw-ring-color: rgb(var(--zinc-700));
}

.hover-ring-zinc-800:hover {
  --tw-ring-color: rgb(var(--zinc-800));
}

.hover-ring-zinc-900:hover {
  --tw-ring-color: rgb(var(--zinc-900));
}

.hover-ring-black-DEFAULT:hover {
  --tw-ring-color: rgb(var(--black-DEFAULT));
}

.hover-ring-white-DEFAULT:hover {
  --tw-ring-color: rgb(var(--white-DEFAULT));
}

.hover-ring-offset-red-50:hover {
  --tw-ring-offset-color: rgb(var(--red-50));
}

.hover-ring-offset-red-100:hover {
  --tw-ring-offset-color: rgb(var(--red-100));
}

.hover-ring-offset-red-200:hover {
  --tw-ring-offset-color: rgb(var(--red-200));
}

.hover-ring-offset-red-300:hover {
  --tw-ring-offset-color: rgb(var(--red-300));
}

.hover-ring-offset-red-400:hover {
  --tw-ring-offset-color: rgb(var(--red-400));
}

.hover-ring-offset-red-500:hover {
  --tw-ring-offset-color: rgb(var(--red-500));
}

.hover-ring-offset-red-600:hover {
  --tw-ring-offset-color: rgb(var(--red-600));
}

.hover-ring-offset-red-700:hover {
  --tw-ring-offset-color: rgb(var(--red-700));
}

.hover-ring-offset-red-800:hover {
  --tw-ring-offset-color: rgb(var(--red-800));
}

.hover-ring-offset-red-900:hover {
  --tw-ring-offset-color: rgb(var(--red-900));
}

.hover-ring-offset-orange-50:hover {
  --tw-ring-offset-color: rgb(var(--orange-50));
}

.hover-ring-offset-orange-100:hover {
  --tw-ring-offset-color: rgb(var(--orange-100));
}

.hover-ring-offset-orange-200:hover {
  --tw-ring-offset-color: rgb(var(--orange-200));
}

.hover-ring-offset-orange-300:hover {
  --tw-ring-offset-color: rgb(var(--orange-300));
}

.hover-ring-offset-orange-400:hover {
  --tw-ring-offset-color: rgb(var(--orange-400));
}

.hover-ring-offset-orange-500:hover {
  --tw-ring-offset-color: rgb(var(--orange-500));
}

.hover-ring-offset-orange-600:hover {
  --tw-ring-offset-color: rgb(var(--orange-600));
}

.hover-ring-offset-orange-700:hover {
  --tw-ring-offset-color: rgb(var(--orange-700));
}

.hover-ring-offset-orange-800:hover {
  --tw-ring-offset-color: rgb(var(--orange-800));
}

.hover-ring-offset-orange-900:hover {
  --tw-ring-offset-color: rgb(var(--orange-900));
}

.hover-ring-offset-amber-50:hover {
  --tw-ring-offset-color: rgb(var(--amber-50));
}

.hover-ring-offset-amber-100:hover {
  --tw-ring-offset-color: rgb(var(--amber-100));
}

.hover-ring-offset-amber-200:hover {
  --tw-ring-offset-color: rgb(var(--amber-200));
}

.hover-ring-offset-amber-300:hover {
  --tw-ring-offset-color: rgb(var(--amber-300));
}

.hover-ring-offset-amber-400:hover {
  --tw-ring-offset-color: rgb(var(--amber-400));
}

.hover-ring-offset-amber-500:hover {
  --tw-ring-offset-color: rgb(var(--amber-500));
}

.hover-ring-offset-amber-600:hover {
  --tw-ring-offset-color: rgb(var(--amber-600));
}

.hover-ring-offset-amber-700:hover {
  --tw-ring-offset-color: rgb(var(--amber-700));
}

.hover-ring-offset-amber-800:hover {
  --tw-ring-offset-color: rgb(var(--amber-800));
}

.hover-ring-offset-amber-900:hover {
  --tw-ring-offset-color: rgb(var(--amber-900));
}

.hover-ring-offset-yellow-50:hover {
  --tw-ring-offset-color: rgb(var(--yellow-50));
}

.hover-ring-offset-yellow-100:hover {
  --tw-ring-offset-color: rgb(var(--yellow-100));
}

.hover-ring-offset-yellow-200:hover {
  --tw-ring-offset-color: rgb(var(--yellow-200));
}

.hover-ring-offset-yellow-300:hover {
  --tw-ring-offset-color: rgb(var(--yellow-300));
}

.hover-ring-offset-yellow-400:hover {
  --tw-ring-offset-color: rgb(var(--yellow-400));
}

.hover-ring-offset-yellow-500:hover {
  --tw-ring-offset-color: rgb(var(--yellow-500));
}

.hover-ring-offset-yellow-600:hover {
  --tw-ring-offset-color: rgb(var(--yellow-600));
}

.hover-ring-offset-yellow-700:hover {
  --tw-ring-offset-color: rgb(var(--yellow-700));
}

.hover-ring-offset-yellow-800:hover {
  --tw-ring-offset-color: rgb(var(--yellow-800));
}

.hover-ring-offset-yellow-900:hover {
  --tw-ring-offset-color: rgb(var(--yellow-900));
}

.hover-ring-offset-lime-50:hover {
  --tw-ring-offset-color: rgb(var(--lime-50));
}

.hover-ring-offset-lime-100:hover {
  --tw-ring-offset-color: rgb(var(--lime-100));
}

.hover-ring-offset-lime-200:hover {
  --tw-ring-offset-color: rgb(var(--lime-200));
}

.hover-ring-offset-lime-300:hover {
  --tw-ring-offset-color: rgb(var(--lime-300));
}

.hover-ring-offset-lime-400:hover {
  --tw-ring-offset-color: rgb(var(--lime-400));
}

.hover-ring-offset-lime-500:hover {
  --tw-ring-offset-color: rgb(var(--lime-500));
}

.hover-ring-offset-lime-600:hover {
  --tw-ring-offset-color: rgb(var(--lime-600));
}

.hover-ring-offset-lime-700:hover {
  --tw-ring-offset-color: rgb(var(--lime-700));
}

.hover-ring-offset-lime-800:hover {
  --tw-ring-offset-color: rgb(var(--lime-800));
}

.hover-ring-offset-lime-900:hover {
  --tw-ring-offset-color: rgb(var(--lime-900));
}

.hover-ring-offset-green-50:hover {
  --tw-ring-offset-color: rgb(var(--green-50));
}

.hover-ring-offset-green-100:hover {
  --tw-ring-offset-color: rgb(var(--green-100));
}

.hover-ring-offset-green-200:hover {
  --tw-ring-offset-color: rgb(var(--green-200));
}

.hover-ring-offset-green-300:hover {
  --tw-ring-offset-color: rgb(var(--green-300));
}

.hover-ring-offset-green-400:hover {
  --tw-ring-offset-color: rgb(var(--green-400));
}

.hover-ring-offset-green-500:hover {
  --tw-ring-offset-color: rgb(var(--green-500));
}

.hover-ring-offset-green-600:hover {
  --tw-ring-offset-color: rgb(var(--green-600));
}

.hover-ring-offset-green-700:hover {
  --tw-ring-offset-color: rgb(var(--green-700));
}

.hover-ring-offset-green-800:hover {
  --tw-ring-offset-color: rgb(var(--green-800));
}

.hover-ring-offset-green-900:hover {
  --tw-ring-offset-color: rgb(var(--green-900));
}

.hover-ring-offset-emerald-50:hover {
  --tw-ring-offset-color: rgb(var(--emerald-50));
}

.hover-ring-offset-emerald-100:hover {
  --tw-ring-offset-color: rgb(var(--emerald-100));
}

.hover-ring-offset-emerald-200:hover {
  --tw-ring-offset-color: rgb(var(--emerald-200));
}

.hover-ring-offset-emerald-300:hover {
  --tw-ring-offset-color: rgb(var(--emerald-300));
}

.hover-ring-offset-emerald-400:hover {
  --tw-ring-offset-color: rgb(var(--emerald-400));
}

.hover-ring-offset-emerald-500:hover {
  --tw-ring-offset-color: rgb(var(--emerald-500));
}

.hover-ring-offset-emerald-600:hover {
  --tw-ring-offset-color: rgb(var(--emerald-600));
}

.hover-ring-offset-emerald-700:hover {
  --tw-ring-offset-color: rgb(var(--emerald-700));
}

.hover-ring-offset-emerald-800:hover {
  --tw-ring-offset-color: rgb(var(--emerald-800));
}

.hover-ring-offset-emerald-900:hover {
  --tw-ring-offset-color: rgb(var(--emerald-900));
}

.hover-ring-offset-teal-50:hover {
  --tw-ring-offset-color: rgb(var(--teal-50));
}

.hover-ring-offset-teal-100:hover {
  --tw-ring-offset-color: rgb(var(--teal-100));
}

.hover-ring-offset-teal-200:hover {
  --tw-ring-offset-color: rgb(var(--teal-200));
}

.hover-ring-offset-teal-300:hover {
  --tw-ring-offset-color: rgb(var(--teal-300));
}

.hover-ring-offset-teal-400:hover {
  --tw-ring-offset-color: rgb(var(--teal-400));
}

.hover-ring-offset-teal-500:hover {
  --tw-ring-offset-color: rgb(var(--teal-500));
}

.hover-ring-offset-teal-600:hover {
  --tw-ring-offset-color: rgb(var(--teal-600));
}

.hover-ring-offset-teal-700:hover {
  --tw-ring-offset-color: rgb(var(--teal-700));
}

.hover-ring-offset-teal-800:hover {
  --tw-ring-offset-color: rgb(var(--teal-800));
}

.hover-ring-offset-teal-900:hover {
  --tw-ring-offset-color: rgb(var(--teal-900));
}

.hover-ring-offset-cyan-50:hover {
  --tw-ring-offset-color: rgb(var(--cyan-50));
}

.hover-ring-offset-cyan-100:hover {
  --tw-ring-offset-color: rgb(var(--cyan-100));
}

.hover-ring-offset-cyan-200:hover {
  --tw-ring-offset-color: rgb(var(--cyan-200));
}

.hover-ring-offset-cyan-300:hover {
  --tw-ring-offset-color: rgb(var(--cyan-300));
}

.hover-ring-offset-cyan-400:hover {
  --tw-ring-offset-color: rgb(var(--cyan-400));
}

.hover-ring-offset-cyan-500:hover {
  --tw-ring-offset-color: rgb(var(--cyan-500));
}

.hover-ring-offset-cyan-600:hover {
  --tw-ring-offset-color: rgb(var(--cyan-600));
}

.hover-ring-offset-cyan-700:hover {
  --tw-ring-offset-color: rgb(var(--cyan-700));
}

.hover-ring-offset-cyan-800:hover {
  --tw-ring-offset-color: rgb(var(--cyan-800));
}

.hover-ring-offset-cyan-900:hover {
  --tw-ring-offset-color: rgb(var(--cyan-900));
}

.hover-ring-offset-sky-50:hover {
  --tw-ring-offset-color: rgb(var(--sky-50));
}

.hover-ring-offset-sky-100:hover {
  --tw-ring-offset-color: rgb(var(--sky-100));
}

.hover-ring-offset-sky-200:hover {
  --tw-ring-offset-color: rgb(var(--sky-200));
}

.hover-ring-offset-sky-300:hover {
  --tw-ring-offset-color: rgb(var(--sky-300));
}

.hover-ring-offset-sky-400:hover {
  --tw-ring-offset-color: rgb(var(--sky-400));
}

.hover-ring-offset-sky-500:hover {
  --tw-ring-offset-color: rgb(var(--sky-500));
}

.hover-ring-offset-sky-600:hover {
  --tw-ring-offset-color: rgb(var(--sky-600));
}

.hover-ring-offset-sky-700:hover {
  --tw-ring-offset-color: rgb(var(--sky-700));
}

.hover-ring-offset-sky-800:hover {
  --tw-ring-offset-color: rgb(var(--sky-800));
}

.hover-ring-offset-sky-900:hover {
  --tw-ring-offset-color: rgb(var(--sky-900));
}

.hover-ring-offset-blue-50:hover {
  --tw-ring-offset-color: rgb(var(--blue-50));
}

.hover-ring-offset-blue-100:hover {
  --tw-ring-offset-color: rgb(var(--blue-100));
}

.hover-ring-offset-blue-200:hover {
  --tw-ring-offset-color: rgb(var(--blue-200));
}

.hover-ring-offset-blue-300:hover {
  --tw-ring-offset-color: rgb(var(--blue-300));
}

.hover-ring-offset-blue-400:hover {
  --tw-ring-offset-color: rgb(var(--blue-400));
}

.hover-ring-offset-blue-500:hover {
  --tw-ring-offset-color: rgb(var(--blue-500));
}

.hover-ring-offset-blue-600:hover {
  --tw-ring-offset-color: rgb(var(--blue-600));
}

.hover-ring-offset-blue-700:hover {
  --tw-ring-offset-color: rgb(var(--blue-700));
}

.hover-ring-offset-blue-800:hover {
  --tw-ring-offset-color: rgb(var(--blue-800));
}

.hover-ring-offset-blue-900:hover {
  --tw-ring-offset-color: rgb(var(--blue-900));
}

.hover-ring-offset-indigo-50:hover {
  --tw-ring-offset-color: rgb(var(--indigo-50));
}

.hover-ring-offset-indigo-100:hover {
  --tw-ring-offset-color: rgb(var(--indigo-100));
}

.hover-ring-offset-indigo-200:hover {
  --tw-ring-offset-color: rgb(var(--indigo-200));
}

.hover-ring-offset-indigo-300:hover {
  --tw-ring-offset-color: rgb(var(--indigo-300));
}

.hover-ring-offset-indigo-400:hover {
  --tw-ring-offset-color: rgb(var(--indigo-400));
}

.hover-ring-offset-indigo-500:hover {
  --tw-ring-offset-color: rgb(var(--indigo-500));
}

.hover-ring-offset-indigo-600:hover {
  --tw-ring-offset-color: rgb(var(--indigo-600));
}

.hover-ring-offset-indigo-700:hover {
  --tw-ring-offset-color: rgb(var(--indigo-700));
}

.hover-ring-offset-indigo-800:hover {
  --tw-ring-offset-color: rgb(var(--indigo-800));
}

.hover-ring-offset-indigo-900:hover {
  --tw-ring-offset-color: rgb(var(--indigo-900));
}

.hover-ring-offset-violet-50:hover {
  --tw-ring-offset-color: rgb(var(--violet-50));
}

.hover-ring-offset-violet-100:hover {
  --tw-ring-offset-color: rgb(var(--violet-100));
}

.hover-ring-offset-violet-200:hover {
  --tw-ring-offset-color: rgb(var(--violet-200));
}

.hover-ring-offset-violet-300:hover {
  --tw-ring-offset-color: rgb(var(--violet-300));
}

.hover-ring-offset-violet-400:hover {
  --tw-ring-offset-color: rgb(var(--violet-400));
}

.hover-ring-offset-violet-500:hover {
  --tw-ring-offset-color: rgb(var(--violet-500));
}

.hover-ring-offset-violet-600:hover {
  --tw-ring-offset-color: rgb(var(--violet-600));
}

.hover-ring-offset-violet-700:hover {
  --tw-ring-offset-color: rgb(var(--violet-700));
}

.hover-ring-offset-violet-800:hover {
  --tw-ring-offset-color: rgb(var(--violet-800));
}

.hover-ring-offset-violet-900:hover {
  --tw-ring-offset-color: rgb(var(--violet-900));
}

.hover-ring-offset-purple-50:hover {
  --tw-ring-offset-color: rgb(var(--purple-50));
}

.hover-ring-offset-purple-100:hover {
  --tw-ring-offset-color: rgb(var(--purple-100));
}

.hover-ring-offset-purple-200:hover {
  --tw-ring-offset-color: rgb(var(--purple-200));
}

.hover-ring-offset-purple-300:hover {
  --tw-ring-offset-color: rgb(var(--purple-300));
}

.hover-ring-offset-purple-400:hover {
  --tw-ring-offset-color: rgb(var(--purple-400));
}

.hover-ring-offset-purple-500:hover {
  --tw-ring-offset-color: rgb(var(--purple-500));
}

.hover-ring-offset-purple-600:hover {
  --tw-ring-offset-color: rgb(var(--purple-600));
}

.hover-ring-offset-purple-700:hover {
  --tw-ring-offset-color: rgb(var(--purple-700));
}

.hover-ring-offset-purple-800:hover {
  --tw-ring-offset-color: rgb(var(--purple-800));
}

.hover-ring-offset-purple-900:hover {
  --tw-ring-offset-color: rgb(var(--purple-900));
}

.hover-ring-offset-fuchsia-50:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-50));
}

.hover-ring-offset-fuchsia-100:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-100));
}

.hover-ring-offset-fuchsia-200:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-200));
}

.hover-ring-offset-fuchsia-300:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-300));
}

.hover-ring-offset-fuchsia-400:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-400));
}

.hover-ring-offset-fuchsia-500:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-500));
}

.hover-ring-offset-fuchsia-600:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-600));
}

.hover-ring-offset-fuchsia-700:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-700));
}

.hover-ring-offset-fuchsia-800:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-800));
}

.hover-ring-offset-fuchsia-900:hover {
  --tw-ring-offset-color: rgb(var(--fuchsia-900));
}

.hover-ring-offset-pink-50:hover {
  --tw-ring-offset-color: rgb(var(--pink-50));
}

.hover-ring-offset-pink-100:hover {
  --tw-ring-offset-color: rgb(var(--pink-100));
}

.hover-ring-offset-pink-200:hover {
  --tw-ring-offset-color: rgb(var(--pink-200));
}

.hover-ring-offset-pink-300:hover {
  --tw-ring-offset-color: rgb(var(--pink-300));
}

.hover-ring-offset-pink-400:hover {
  --tw-ring-offset-color: rgb(var(--pink-400));
}

.hover-ring-offset-pink-500:hover {
  --tw-ring-offset-color: rgb(var(--pink-500));
}

.hover-ring-offset-pink-600:hover {
  --tw-ring-offset-color: rgb(var(--pink-600));
}

.hover-ring-offset-pink-700:hover {
  --tw-ring-offset-color: rgb(var(--pink-700));
}

.hover-ring-offset-pink-800:hover {
  --tw-ring-offset-color: rgb(var(--pink-800));
}

.hover-ring-offset-pink-900:hover {
  --tw-ring-offset-color: rgb(var(--pink-900));
}

.hover-ring-offset-rose-50:hover {
  --tw-ring-offset-color: rgb(var(--rose-50));
}

.hover-ring-offset-rose-100:hover {
  --tw-ring-offset-color: rgb(var(--rose-100));
}

.hover-ring-offset-rose-200:hover {
  --tw-ring-offset-color: rgb(var(--rose-200));
}

.hover-ring-offset-rose-300:hover {
  --tw-ring-offset-color: rgb(var(--rose-300));
}

.hover-ring-offset-rose-400:hover {
  --tw-ring-offset-color: rgb(var(--rose-400));
}

.hover-ring-offset-rose-500:hover {
  --tw-ring-offset-color: rgb(var(--rose-500));
}

.hover-ring-offset-rose-600:hover {
  --tw-ring-offset-color: rgb(var(--rose-600));
}

.hover-ring-offset-rose-700:hover {
  --tw-ring-offset-color: rgb(var(--rose-700));
}

.hover-ring-offset-rose-800:hover {
  --tw-ring-offset-color: rgb(var(--rose-800));
}

.hover-ring-offset-rose-900:hover {
  --tw-ring-offset-color: rgb(var(--rose-900));
}

.hover-ring-offset-slate-50:hover {
  --tw-ring-offset-color: rgb(var(--slate-50));
}

.hover-ring-offset-slate-100:hover {
  --tw-ring-offset-color: rgb(var(--slate-100));
}

.hover-ring-offset-slate-200:hover {
  --tw-ring-offset-color: rgb(var(--slate-200));
}

.hover-ring-offset-slate-300:hover {
  --tw-ring-offset-color: rgb(var(--slate-300));
}

.hover-ring-offset-slate-400:hover {
  --tw-ring-offset-color: rgb(var(--slate-400));
}

.hover-ring-offset-slate-500:hover {
  --tw-ring-offset-color: rgb(var(--slate-500));
}

.hover-ring-offset-slate-600:hover {
  --tw-ring-offset-color: rgb(var(--slate-600));
}

.hover-ring-offset-slate-700:hover {
  --tw-ring-offset-color: rgb(var(--slate-700));
}

.hover-ring-offset-slate-800:hover {
  --tw-ring-offset-color: rgb(var(--slate-800));
}

.hover-ring-offset-slate-900:hover {
  --tw-ring-offset-color: rgb(var(--slate-900));
}

.hover-ring-offset-gray-50:hover {
  --tw-ring-offset-color: rgb(var(--gray-50));
}

.hover-ring-offset-gray-100:hover {
  --tw-ring-offset-color: rgb(var(--gray-100));
}

.hover-ring-offset-gray-200:hover {
  --tw-ring-offset-color: rgb(var(--gray-200));
}

.hover-ring-offset-gray-300:hover {
  --tw-ring-offset-color: rgb(var(--gray-300));
}

.hover-ring-offset-gray-400:hover {
  --tw-ring-offset-color: rgb(var(--gray-400));
}

.hover-ring-offset-gray-500:hover {
  --tw-ring-offset-color: rgb(var(--gray-500));
}

.hover-ring-offset-gray-600:hover {
  --tw-ring-offset-color: rgb(var(--gray-600));
}

.hover-ring-offset-gray-700:hover {
  --tw-ring-offset-color: rgb(var(--gray-700));
}

.hover-ring-offset-gray-800:hover {
  --tw-ring-offset-color: rgb(var(--gray-800));
}

.hover-ring-offset-gray-900:hover {
  --tw-ring-offset-color: rgb(var(--gray-900));
}

.hover-ring-offset-zinc-50:hover {
  --tw-ring-offset-color: rgb(var(--zinc-50));
}

.hover-ring-offset-zinc-100:hover {
  --tw-ring-offset-color: rgb(var(--zinc-100));
}

.hover-ring-offset-zinc-200:hover {
  --tw-ring-offset-color: rgb(var(--zinc-200));
}

.hover-ring-offset-zinc-300:hover {
  --tw-ring-offset-color: rgb(var(--zinc-300));
}

.hover-ring-offset-zinc-400:hover {
  --tw-ring-offset-color: rgb(var(--zinc-400));
}

.hover-ring-offset-zinc-500:hover {
  --tw-ring-offset-color: rgb(var(--zinc-500));
}

.hover-ring-offset-zinc-600:hover {
  --tw-ring-offset-color: rgb(var(--zinc-600));
}

.hover-ring-offset-zinc-700:hover {
  --tw-ring-offset-color: rgb(var(--zinc-700));
}

.hover-ring-offset-zinc-800:hover {
  --tw-ring-offset-color: rgb(var(--zinc-800));
}

.hover-ring-offset-zinc-900:hover {
  --tw-ring-offset-color: rgb(var(--zinc-900));
}

.hover-ring-offset-black-DEFAULT:hover {
  --tw-ring-offset-color: rgb(var(--black-DEFAULT));
}

.hover-ring-offset-white-DEFAULT:hover {
  --tw-ring-offset-color: rgb(var(--white-DEFAULT));
}

.hover-bg-blend-normal:hover {
  background-blend-mode: normal;
}

.hover-bg-blend-multiply:hover {
  background-blend-mode: multiply;
}

.hover-bg-blend-screen:hover {
  background-blend-mode: screen;
}

.hover-bg-blend-overlay:hover {
  background-blend-mode: overlay;
}

.hover-bg-blend-darken:hover {
  background-blend-mode: darken;
}

.hover-bg-blend-lighten:hover {
  background-blend-mode: lighten;
}

.hover-bg-blend-color-dodge:hover {
  background-blend-mode: color-dodge;
}

.hover-bg-blend-color-burn:hover {
  background-blend-mode: color-burn;
}

.hover-bg-blend-hard-light:hover {
  background-blend-mode: hard-light;
}

.hover-bg-blend-soft-light:hover {
  background-blend-mode: soft-light;
}

.hover-bg-blend-difference:hover {
  background-blend-mode: difference;
}

.hover-bg-blend-exclusion:hover {
  background-blend-mode: exclusion;
}

.hover-bg-blend-hue:hover {
  background-blend-mode: hue;
}

.hover-bg-blend-saturation:hover {
  background-blend-mode: saturation;
}

.hover-bg-blend-color:hover {
  background-blend-mode: color;
}

.hover-bg-blend-luminosity:hover {
  background-blend-mode: luminosity;
}

/* focus 变体 */
.\:focuscaret-red-50:focus {
  caret-color: rgb(var(--red-50));
}

.\:focuscaret-red-100:focus {
  caret-color: rgb(var(--red-100));
}

.\:focuscaret-red-200:focus {
  caret-color: rgb(var(--red-200));
}

.\:focuscaret-red-300:focus {
  caret-color: rgb(var(--red-300));
}

.\:focuscaret-red-400:focus {
  caret-color: rgb(var(--red-400));
}

.\:focuscaret-red-500:focus {
  caret-color: rgb(var(--red-500));
}

.\:focuscaret-red-600:focus {
  caret-color: rgb(var(--red-600));
}

.\:focuscaret-red-700:focus {
  caret-color: rgb(var(--red-700));
}

.\:focuscaret-red-800:focus {
  caret-color: rgb(var(--red-800));
}

.\:focuscaret-red-900:focus {
  caret-color: rgb(var(--red-900));
}

.\:focuscaret-orange-50:focus {
  caret-color: rgb(var(--orange-50));
}

.\:focuscaret-orange-100:focus {
  caret-color: rgb(var(--orange-100));
}

.\:focuscaret-orange-200:focus {
  caret-color: rgb(var(--orange-200));
}

.\:focuscaret-orange-300:focus {
  caret-color: rgb(var(--orange-300));
}

.\:focuscaret-orange-400:focus {
  caret-color: rgb(var(--orange-400));
}

.\:focuscaret-orange-500:focus {
  caret-color: rgb(var(--orange-500));
}

.\:focuscaret-orange-600:focus {
  caret-color: rgb(var(--orange-600));
}

.\:focuscaret-orange-700:focus {
  caret-color: rgb(var(--orange-700));
}

.\:focuscaret-orange-800:focus {
  caret-color: rgb(var(--orange-800));
}

.\:focuscaret-orange-900:focus {
  caret-color: rgb(var(--orange-900));
}

.\:focuscaret-amber-50:focus {
  caret-color: rgb(var(--amber-50));
}

.\:focuscaret-amber-100:focus {
  caret-color: rgb(var(--amber-100));
}

.\:focuscaret-amber-200:focus {
  caret-color: rgb(var(--amber-200));
}

.\:focuscaret-amber-300:focus {
  caret-color: rgb(var(--amber-300));
}

.\:focuscaret-amber-400:focus {
  caret-color: rgb(var(--amber-400));
}

.\:focuscaret-amber-500:focus {
  caret-color: rgb(var(--amber-500));
}

.\:focuscaret-amber-600:focus {
  caret-color: rgb(var(--amber-600));
}

.\:focuscaret-amber-700:focus {
  caret-color: rgb(var(--amber-700));
}

.\:focuscaret-amber-800:focus {
  caret-color: rgb(var(--amber-800));
}

.\:focuscaret-amber-900:focus {
  caret-color: rgb(var(--amber-900));
}

.\:focuscaret-yellow-50:focus {
  caret-color: rgb(var(--yellow-50));
}

.\:focuscaret-yellow-100:focus {
  caret-color: rgb(var(--yellow-100));
}

.\:focuscaret-yellow-200:focus {
  caret-color: rgb(var(--yellow-200));
}

.\:focuscaret-yellow-300:focus {
  caret-color: rgb(var(--yellow-300));
}

.\:focuscaret-yellow-400:focus {
  caret-color: rgb(var(--yellow-400));
}

.\:focuscaret-yellow-500:focus {
  caret-color: rgb(var(--yellow-500));
}

.\:focuscaret-yellow-600:focus {
  caret-color: rgb(var(--yellow-600));
}

.\:focuscaret-yellow-700:focus {
  caret-color: rgb(var(--yellow-700));
}

.\:focuscaret-yellow-800:focus {
  caret-color: rgb(var(--yellow-800));
}

.\:focuscaret-yellow-900:focus {
  caret-color: rgb(var(--yellow-900));
}

.\:focuscaret-lime-50:focus {
  caret-color: rgb(var(--lime-50));
}

.\:focuscaret-lime-100:focus {
  caret-color: rgb(var(--lime-100));
}

.\:focuscaret-lime-200:focus {
  caret-color: rgb(var(--lime-200));
}

.\:focuscaret-lime-300:focus {
  caret-color: rgb(var(--lime-300));
}

.\:focuscaret-lime-400:focus {
  caret-color: rgb(var(--lime-400));
}

.\:focuscaret-lime-500:focus {
  caret-color: rgb(var(--lime-500));
}

.\:focuscaret-lime-600:focus {
  caret-color: rgb(var(--lime-600));
}

.\:focuscaret-lime-700:focus {
  caret-color: rgb(var(--lime-700));
}

.\:focuscaret-lime-800:focus {
  caret-color: rgb(var(--lime-800));
}

.\:focuscaret-lime-900:focus {
  caret-color: rgb(var(--lime-900));
}

.\:focuscaret-green-50:focus {
  caret-color: rgb(var(--green-50));
}

.\:focuscaret-green-100:focus {
  caret-color: rgb(var(--green-100));
}

.\:focuscaret-green-200:focus {
  caret-color: rgb(var(--green-200));
}

.\:focuscaret-green-300:focus {
  caret-color: rgb(var(--green-300));
}

.\:focuscaret-green-400:focus {
  caret-color: rgb(var(--green-400));
}

.\:focuscaret-green-500:focus {
  caret-color: rgb(var(--green-500));
}

.\:focuscaret-green-600:focus {
  caret-color: rgb(var(--green-600));
}

.\:focuscaret-green-700:focus {
  caret-color: rgb(var(--green-700));
}

.\:focuscaret-green-800:focus {
  caret-color: rgb(var(--green-800));
}

.\:focuscaret-green-900:focus {
  caret-color: rgb(var(--green-900));
}

.\:focuscaret-emerald-50:focus {
  caret-color: rgb(var(--emerald-50));
}

.\:focuscaret-emerald-100:focus {
  caret-color: rgb(var(--emerald-100));
}

.\:focuscaret-emerald-200:focus {
  caret-color: rgb(var(--emerald-200));
}

.\:focuscaret-emerald-300:focus {
  caret-color: rgb(var(--emerald-300));
}

.\:focuscaret-emerald-400:focus {
  caret-color: rgb(var(--emerald-400));
}

.\:focuscaret-emerald-500:focus {
  caret-color: rgb(var(--emerald-500));
}

.\:focuscaret-emerald-600:focus {
  caret-color: rgb(var(--emerald-600));
}

.\:focuscaret-emerald-700:focus {
  caret-color: rgb(var(--emerald-700));
}

.\:focuscaret-emerald-800:focus {
  caret-color: rgb(var(--emerald-800));
}

.\:focuscaret-emerald-900:focus {
  caret-color: rgb(var(--emerald-900));
}

.\:focuscaret-teal-50:focus {
  caret-color: rgb(var(--teal-50));
}

.\:focuscaret-teal-100:focus {
  caret-color: rgb(var(--teal-100));
}

.\:focuscaret-teal-200:focus {
  caret-color: rgb(var(--teal-200));
}

.\:focuscaret-teal-300:focus {
  caret-color: rgb(var(--teal-300));
}

.\:focuscaret-teal-400:focus {
  caret-color: rgb(var(--teal-400));
}

.\:focuscaret-teal-500:focus {
  caret-color: rgb(var(--teal-500));
}

.\:focuscaret-teal-600:focus {
  caret-color: rgb(var(--teal-600));
}

.\:focuscaret-teal-700:focus {
  caret-color: rgb(var(--teal-700));
}

.\:focuscaret-teal-800:focus {
  caret-color: rgb(var(--teal-800));
}

.\:focuscaret-teal-900:focus {
  caret-color: rgb(var(--teal-900));
}

.\:focuscaret-cyan-50:focus {
  caret-color: rgb(var(--cyan-50));
}

.\:focuscaret-cyan-100:focus {
  caret-color: rgb(var(--cyan-100));
}

.\:focuscaret-cyan-200:focus {
  caret-color: rgb(var(--cyan-200));
}

.\:focuscaret-cyan-300:focus {
  caret-color: rgb(var(--cyan-300));
}

.\:focuscaret-cyan-400:focus {
  caret-color: rgb(var(--cyan-400));
}

.\:focuscaret-cyan-500:focus {
  caret-color: rgb(var(--cyan-500));
}

.\:focuscaret-cyan-600:focus {
  caret-color: rgb(var(--cyan-600));
}

.\:focuscaret-cyan-700:focus {
  caret-color: rgb(var(--cyan-700));
}

.\:focuscaret-cyan-800:focus {
  caret-color: rgb(var(--cyan-800));
}

.\:focuscaret-cyan-900:focus {
  caret-color: rgb(var(--cyan-900));
}

.\:focuscaret-sky-50:focus {
  caret-color: rgb(var(--sky-50));
}

.\:focuscaret-sky-100:focus {
  caret-color: rgb(var(--sky-100));
}

.\:focuscaret-sky-200:focus {
  caret-color: rgb(var(--sky-200));
}

.\:focuscaret-sky-300:focus {
  caret-color: rgb(var(--sky-300));
}

.\:focuscaret-sky-400:focus {
  caret-color: rgb(var(--sky-400));
}

.\:focuscaret-sky-500:focus {
  caret-color: rgb(var(--sky-500));
}

.\:focuscaret-sky-600:focus {
  caret-color: rgb(var(--sky-600));
}

.\:focuscaret-sky-700:focus {
  caret-color: rgb(var(--sky-700));
}

.\:focuscaret-sky-800:focus {
  caret-color: rgb(var(--sky-800));
}

.\:focuscaret-sky-900:focus {
  caret-color: rgb(var(--sky-900));
}

.\:focuscaret-blue-50:focus {
  caret-color: rgb(var(--blue-50));
}

.\:focuscaret-blue-100:focus {
  caret-color: rgb(var(--blue-100));
}

.\:focuscaret-blue-200:focus {
  caret-color: rgb(var(--blue-200));
}

.\:focuscaret-blue-300:focus {
  caret-color: rgb(var(--blue-300));
}

.\:focuscaret-blue-400:focus {
  caret-color: rgb(var(--blue-400));
}

.\:focuscaret-blue-500:focus {
  caret-color: rgb(var(--blue-500));
}

.\:focuscaret-blue-600:focus {
  caret-color: rgb(var(--blue-600));
}

.\:focuscaret-blue-700:focus {
  caret-color: rgb(var(--blue-700));
}

.\:focuscaret-blue-800:focus {
  caret-color: rgb(var(--blue-800));
}

.\:focuscaret-blue-900:focus {
  caret-color: rgb(var(--blue-900));
}

.\:focuscaret-indigo-50:focus {
  caret-color: rgb(var(--indigo-50));
}

.\:focuscaret-indigo-100:focus {
  caret-color: rgb(var(--indigo-100));
}

.\:focuscaret-indigo-200:focus {
  caret-color: rgb(var(--indigo-200));
}

.\:focuscaret-indigo-300:focus {
  caret-color: rgb(var(--indigo-300));
}

.\:focuscaret-indigo-400:focus {
  caret-color: rgb(var(--indigo-400));
}

.\:focuscaret-indigo-500:focus {
  caret-color: rgb(var(--indigo-500));
}

.\:focuscaret-indigo-600:focus {
  caret-color: rgb(var(--indigo-600));
}

.\:focuscaret-indigo-700:focus {
  caret-color: rgb(var(--indigo-700));
}

.\:focuscaret-indigo-800:focus {
  caret-color: rgb(var(--indigo-800));
}

.\:focuscaret-indigo-900:focus {
  caret-color: rgb(var(--indigo-900));
}

.\:focuscaret-violet-50:focus {
  caret-color: rgb(var(--violet-50));
}

.\:focuscaret-violet-100:focus {
  caret-color: rgb(var(--violet-100));
}

.\:focuscaret-violet-200:focus {
  caret-color: rgb(var(--violet-200));
}

.\:focuscaret-violet-300:focus {
  caret-color: rgb(var(--violet-300));
}

.\:focuscaret-violet-400:focus {
  caret-color: rgb(var(--violet-400));
}

.\:focuscaret-violet-500:focus {
  caret-color: rgb(var(--violet-500));
}

.\:focuscaret-violet-600:focus {
  caret-color: rgb(var(--violet-600));
}

.\:focuscaret-violet-700:focus {
  caret-color: rgb(var(--violet-700));
}

.\:focuscaret-violet-800:focus {
  caret-color: rgb(var(--violet-800));
}

.\:focuscaret-violet-900:focus {
  caret-color: rgb(var(--violet-900));
}

.\:focuscaret-purple-50:focus {
  caret-color: rgb(var(--purple-50));
}

.\:focuscaret-purple-100:focus {
  caret-color: rgb(var(--purple-100));
}

.\:focuscaret-purple-200:focus {
  caret-color: rgb(var(--purple-200));
}

.\:focuscaret-purple-300:focus {
  caret-color: rgb(var(--purple-300));
}

.\:focuscaret-purple-400:focus {
  caret-color: rgb(var(--purple-400));
}

.\:focuscaret-purple-500:focus {
  caret-color: rgb(var(--purple-500));
}

.\:focuscaret-purple-600:focus {
  caret-color: rgb(var(--purple-600));
}

.\:focuscaret-purple-700:focus {
  caret-color: rgb(var(--purple-700));
}

.\:focuscaret-purple-800:focus {
  caret-color: rgb(var(--purple-800));
}

.\:focuscaret-purple-900:focus {
  caret-color: rgb(var(--purple-900));
}

.\:focuscaret-fuchsia-50:focus {
  caret-color: rgb(var(--fuchsia-50));
}

.\:focuscaret-fuchsia-100:focus {
  caret-color: rgb(var(--fuchsia-100));
}

.\:focuscaret-fuchsia-200:focus {
  caret-color: rgb(var(--fuchsia-200));
}

.\:focuscaret-fuchsia-300:focus {
  caret-color: rgb(var(--fuchsia-300));
}

.\:focuscaret-fuchsia-400:focus {
  caret-color: rgb(var(--fuchsia-400));
}

.\:focuscaret-fuchsia-500:focus {
  caret-color: rgb(var(--fuchsia-500));
}

.\:focuscaret-fuchsia-600:focus {
  caret-color: rgb(var(--fuchsia-600));
}

.\:focuscaret-fuchsia-700:focus {
  caret-color: rgb(var(--fuchsia-700));
}

.\:focuscaret-fuchsia-800:focus {
  caret-color: rgb(var(--fuchsia-800));
}

.\:focuscaret-fuchsia-900:focus {
  caret-color: rgb(var(--fuchsia-900));
}

.\:focuscaret-pink-50:focus {
  caret-color: rgb(var(--pink-50));
}

.\:focuscaret-pink-100:focus {
  caret-color: rgb(var(--pink-100));
}

.\:focuscaret-pink-200:focus {
  caret-color: rgb(var(--pink-200));
}

.\:focuscaret-pink-300:focus {
  caret-color: rgb(var(--pink-300));
}

.\:focuscaret-pink-400:focus {
  caret-color: rgb(var(--pink-400));
}

.\:focuscaret-pink-500:focus {
  caret-color: rgb(var(--pink-500));
}

.\:focuscaret-pink-600:focus {
  caret-color: rgb(var(--pink-600));
}

.\:focuscaret-pink-700:focus {
  caret-color: rgb(var(--pink-700));
}

.\:focuscaret-pink-800:focus {
  caret-color: rgb(var(--pink-800));
}

.\:focuscaret-pink-900:focus {
  caret-color: rgb(var(--pink-900));
}

.\:focuscaret-rose-50:focus {
  caret-color: rgb(var(--rose-50));
}

.\:focuscaret-rose-100:focus {
  caret-color: rgb(var(--rose-100));
}

.\:focuscaret-rose-200:focus {
  caret-color: rgb(var(--rose-200));
}

.\:focuscaret-rose-300:focus {
  caret-color: rgb(var(--rose-300));
}

.\:focuscaret-rose-400:focus {
  caret-color: rgb(var(--rose-400));
}

.\:focuscaret-rose-500:focus {
  caret-color: rgb(var(--rose-500));
}

.\:focuscaret-rose-600:focus {
  caret-color: rgb(var(--rose-600));
}

.\:focuscaret-rose-700:focus {
  caret-color: rgb(var(--rose-700));
}

.\:focuscaret-rose-800:focus {
  caret-color: rgb(var(--rose-800));
}

.\:focuscaret-rose-900:focus {
  caret-color: rgb(var(--rose-900));
}

.\:focuscaret-slate-50:focus {
  caret-color: rgb(var(--slate-50));
}

.\:focuscaret-slate-100:focus {
  caret-color: rgb(var(--slate-100));
}

.\:focuscaret-slate-200:focus {
  caret-color: rgb(var(--slate-200));
}

.\:focuscaret-slate-300:focus {
  caret-color: rgb(var(--slate-300));
}

.\:focuscaret-slate-400:focus {
  caret-color: rgb(var(--slate-400));
}

.\:focuscaret-slate-500:focus {
  caret-color: rgb(var(--slate-500));
}

.\:focuscaret-slate-600:focus {
  caret-color: rgb(var(--slate-600));
}

.\:focuscaret-slate-700:focus {
  caret-color: rgb(var(--slate-700));
}

.\:focuscaret-slate-800:focus {
  caret-color: rgb(var(--slate-800));
}

.\:focuscaret-slate-900:focus {
  caret-color: rgb(var(--slate-900));
}

.\:focuscaret-gray-50:focus {
  caret-color: rgb(var(--gray-50));
}

.\:focuscaret-gray-100:focus {
  caret-color: rgb(var(--gray-100));
}

.\:focuscaret-gray-200:focus {
  caret-color: rgb(var(--gray-200));
}

.\:focuscaret-gray-300:focus {
  caret-color: rgb(var(--gray-300));
}

.\:focuscaret-gray-400:focus {
  caret-color: rgb(var(--gray-400));
}

.\:focuscaret-gray-500:focus {
  caret-color: rgb(var(--gray-500));
}

.\:focuscaret-gray-600:focus {
  caret-color: rgb(var(--gray-600));
}

.\:focuscaret-gray-700:focus {
  caret-color: rgb(var(--gray-700));
}

.\:focuscaret-gray-800:focus {
  caret-color: rgb(var(--gray-800));
}

.\:focuscaret-gray-900:focus {
  caret-color: rgb(var(--gray-900));
}

.\:focuscaret-zinc-50:focus {
  caret-color: rgb(var(--zinc-50));
}

.\:focuscaret-zinc-100:focus {
  caret-color: rgb(var(--zinc-100));
}

.\:focuscaret-zinc-200:focus {
  caret-color: rgb(var(--zinc-200));
}

.\:focuscaret-zinc-300:focus {
  caret-color: rgb(var(--zinc-300));
}

.\:focuscaret-zinc-400:focus {
  caret-color: rgb(var(--zinc-400));
}

.\:focuscaret-zinc-500:focus {
  caret-color: rgb(var(--zinc-500));
}

.\:focuscaret-zinc-600:focus {
  caret-color: rgb(var(--zinc-600));
}

.\:focuscaret-zinc-700:focus {
  caret-color: rgb(var(--zinc-700));
}

.\:focuscaret-zinc-800:focus {
  caret-color: rgb(var(--zinc-800));
}

.\:focuscaret-zinc-900:focus {
  caret-color: rgb(var(--zinc-900));
}

.\:focuscaret-black-DEFAULT:focus {
  caret-color: rgb(var(--black-DEFAULT));
}

.\:focuscaret-white-DEFAULT:focus {
  caret-color: rgb(var(--white-DEFAULT));
}

.\:focusaccent-red-50:focus {
  accent-color: rgb(var(--red-50));
}

.\:focusaccent-red-100:focus {
  accent-color: rgb(var(--red-100));
}

.\:focusaccent-red-200:focus {
  accent-color: rgb(var(--red-200));
}

.\:focusaccent-red-300:focus {
  accent-color: rgb(var(--red-300));
}

.\:focusaccent-red-400:focus {
  accent-color: rgb(var(--red-400));
}

.\:focusaccent-red-500:focus {
  accent-color: rgb(var(--red-500));
}

.\:focusaccent-red-600:focus {
  accent-color: rgb(var(--red-600));
}

.\:focusaccent-red-700:focus {
  accent-color: rgb(var(--red-700));
}

.\:focusaccent-red-800:focus {
  accent-color: rgb(var(--red-800));
}

.\:focusaccent-red-900:focus {
  accent-color: rgb(var(--red-900));
}

.\:focusaccent-orange-50:focus {
  accent-color: rgb(var(--orange-50));
}

.\:focusaccent-orange-100:focus {
  accent-color: rgb(var(--orange-100));
}

.\:focusaccent-orange-200:focus {
  accent-color: rgb(var(--orange-200));
}

.\:focusaccent-orange-300:focus {
  accent-color: rgb(var(--orange-300));
}

.\:focusaccent-orange-400:focus {
  accent-color: rgb(var(--orange-400));
}

.\:focusaccent-orange-500:focus {
  accent-color: rgb(var(--orange-500));
}

.\:focusaccent-orange-600:focus {
  accent-color: rgb(var(--orange-600));
}

.\:focusaccent-orange-700:focus {
  accent-color: rgb(var(--orange-700));
}

.\:focusaccent-orange-800:focus {
  accent-color: rgb(var(--orange-800));
}

.\:focusaccent-orange-900:focus {
  accent-color: rgb(var(--orange-900));
}

.\:focusaccent-amber-50:focus {
  accent-color: rgb(var(--amber-50));
}

.\:focusaccent-amber-100:focus {
  accent-color: rgb(var(--amber-100));
}

.\:focusaccent-amber-200:focus {
  accent-color: rgb(var(--amber-200));
}

.\:focusaccent-amber-300:focus {
  accent-color: rgb(var(--amber-300));
}

.\:focusaccent-amber-400:focus {
  accent-color: rgb(var(--amber-400));
}

.\:focusaccent-amber-500:focus {
  accent-color: rgb(var(--amber-500));
}

.\:focusaccent-amber-600:focus {
  accent-color: rgb(var(--amber-600));
}

.\:focusaccent-amber-700:focus {
  accent-color: rgb(var(--amber-700));
}

.\:focusaccent-amber-800:focus {
  accent-color: rgb(var(--amber-800));
}

.\:focusaccent-amber-900:focus {
  accent-color: rgb(var(--amber-900));
}

.\:focusaccent-yellow-50:focus {
  accent-color: rgb(var(--yellow-50));
}

.\:focusaccent-yellow-100:focus {
  accent-color: rgb(var(--yellow-100));
}

.\:focusaccent-yellow-200:focus {
  accent-color: rgb(var(--yellow-200));
}

.\:focusaccent-yellow-300:focus {
  accent-color: rgb(var(--yellow-300));
}

.\:focusaccent-yellow-400:focus {
  accent-color: rgb(var(--yellow-400));
}

.\:focusaccent-yellow-500:focus {
  accent-color: rgb(var(--yellow-500));
}

.\:focusaccent-yellow-600:focus {
  accent-color: rgb(var(--yellow-600));
}

.\:focusaccent-yellow-700:focus {
  accent-color: rgb(var(--yellow-700));
}

.\:focusaccent-yellow-800:focus {
  accent-color: rgb(var(--yellow-800));
}

.\:focusaccent-yellow-900:focus {
  accent-color: rgb(var(--yellow-900));
}

.\:focusaccent-lime-50:focus {
  accent-color: rgb(var(--lime-50));
}

.\:focusaccent-lime-100:focus {
  accent-color: rgb(var(--lime-100));
}

.\:focusaccent-lime-200:focus {
  accent-color: rgb(var(--lime-200));
}

.\:focusaccent-lime-300:focus {
  accent-color: rgb(var(--lime-300));
}

.\:focusaccent-lime-400:focus {
  accent-color: rgb(var(--lime-400));
}

.\:focusaccent-lime-500:focus {
  accent-color: rgb(var(--lime-500));
}

.\:focusaccent-lime-600:focus {
  accent-color: rgb(var(--lime-600));
}

.\:focusaccent-lime-700:focus {
  accent-color: rgb(var(--lime-700));
}

.\:focusaccent-lime-800:focus {
  accent-color: rgb(var(--lime-800));
}

.\:focusaccent-lime-900:focus {
  accent-color: rgb(var(--lime-900));
}

.\:focusaccent-green-50:focus {
  accent-color: rgb(var(--green-50));
}

.\:focusaccent-green-100:focus {
  accent-color: rgb(var(--green-100));
}

.\:focusaccent-green-200:focus {
  accent-color: rgb(var(--green-200));
}

.\:focusaccent-green-300:focus {
  accent-color: rgb(var(--green-300));
}

.\:focusaccent-green-400:focus {
  accent-color: rgb(var(--green-400));
}

.\:focusaccent-green-500:focus {
  accent-color: rgb(var(--green-500));
}

.\:focusaccent-green-600:focus {
  accent-color: rgb(var(--green-600));
}

.\:focusaccent-green-700:focus {
  accent-color: rgb(var(--green-700));
}

.\:focusaccent-green-800:focus {
  accent-color: rgb(var(--green-800));
}

.\:focusaccent-green-900:focus {
  accent-color: rgb(var(--green-900));
}

.\:focusaccent-emerald-50:focus {
  accent-color: rgb(var(--emerald-50));
}

.\:focusaccent-emerald-100:focus {
  accent-color: rgb(var(--emerald-100));
}

.\:focusaccent-emerald-200:focus {
  accent-color: rgb(var(--emerald-200));
}

.\:focusaccent-emerald-300:focus {
  accent-color: rgb(var(--emerald-300));
}

.\:focusaccent-emerald-400:focus {
  accent-color: rgb(var(--emerald-400));
}

.\:focusaccent-emerald-500:focus {
  accent-color: rgb(var(--emerald-500));
}

.\:focusaccent-emerald-600:focus {
  accent-color: rgb(var(--emerald-600));
}

.\:focusaccent-emerald-700:focus {
  accent-color: rgb(var(--emerald-700));
}

.\:focusaccent-emerald-800:focus {
  accent-color: rgb(var(--emerald-800));
}

.\:focusaccent-emerald-900:focus {
  accent-color: rgb(var(--emerald-900));
}

.\:focusaccent-teal-50:focus {
  accent-color: rgb(var(--teal-50));
}

.\:focusaccent-teal-100:focus {
  accent-color: rgb(var(--teal-100));
}

.\:focusaccent-teal-200:focus {
  accent-color: rgb(var(--teal-200));
}

.\:focusaccent-teal-300:focus {
  accent-color: rgb(var(--teal-300));
}

.\:focusaccent-teal-400:focus {
  accent-color: rgb(var(--teal-400));
}

.\:focusaccent-teal-500:focus {
  accent-color: rgb(var(--teal-500));
}

.\:focusaccent-teal-600:focus {
  accent-color: rgb(var(--teal-600));
}

.\:focusaccent-teal-700:focus {
  accent-color: rgb(var(--teal-700));
}

.\:focusaccent-teal-800:focus {
  accent-color: rgb(var(--teal-800));
}

.\:focusaccent-teal-900:focus {
  accent-color: rgb(var(--teal-900));
}

.\:focusaccent-cyan-50:focus {
  accent-color: rgb(var(--cyan-50));
}

.\:focusaccent-cyan-100:focus {
  accent-color: rgb(var(--cyan-100));
}

.\:focusaccent-cyan-200:focus {
  accent-color: rgb(var(--cyan-200));
}

.\:focusaccent-cyan-300:focus {
  accent-color: rgb(var(--cyan-300));
}

.\:focusaccent-cyan-400:focus {
  accent-color: rgb(var(--cyan-400));
}

.\:focusaccent-cyan-500:focus {
  accent-color: rgb(var(--cyan-500));
}

.\:focusaccent-cyan-600:focus {
  accent-color: rgb(var(--cyan-600));
}

.\:focusaccent-cyan-700:focus {
  accent-color: rgb(var(--cyan-700));
}

.\:focusaccent-cyan-800:focus {
  accent-color: rgb(var(--cyan-800));
}

.\:focusaccent-cyan-900:focus {
  accent-color: rgb(var(--cyan-900));
}

.\:focusaccent-sky-50:focus {
  accent-color: rgb(var(--sky-50));
}

.\:focusaccent-sky-100:focus {
  accent-color: rgb(var(--sky-100));
}

.\:focusaccent-sky-200:focus {
  accent-color: rgb(var(--sky-200));
}

.\:focusaccent-sky-300:focus {
  accent-color: rgb(var(--sky-300));
}

.\:focusaccent-sky-400:focus {
  accent-color: rgb(var(--sky-400));
}

.\:focusaccent-sky-500:focus {
  accent-color: rgb(var(--sky-500));
}

.\:focusaccent-sky-600:focus {
  accent-color: rgb(var(--sky-600));
}

.\:focusaccent-sky-700:focus {
  accent-color: rgb(var(--sky-700));
}

.\:focusaccent-sky-800:focus {
  accent-color: rgb(var(--sky-800));
}

.\:focusaccent-sky-900:focus {
  accent-color: rgb(var(--sky-900));
}

.\:focusaccent-blue-50:focus {
  accent-color: rgb(var(--blue-50));
}

.\:focusaccent-blue-100:focus {
  accent-color: rgb(var(--blue-100));
}

.\:focusaccent-blue-200:focus {
  accent-color: rgb(var(--blue-200));
}

.\:focusaccent-blue-300:focus {
  accent-color: rgb(var(--blue-300));
}

.\:focusaccent-blue-400:focus {
  accent-color: rgb(var(--blue-400));
}

.\:focusaccent-blue-500:focus {
  accent-color: rgb(var(--blue-500));
}

.\:focusaccent-blue-600:focus {
  accent-color: rgb(var(--blue-600));
}

.\:focusaccent-blue-700:focus {
  accent-color: rgb(var(--blue-700));
}

.\:focusaccent-blue-800:focus {
  accent-color: rgb(var(--blue-800));
}

.\:focusaccent-blue-900:focus {
  accent-color: rgb(var(--blue-900));
}

.\:focusaccent-indigo-50:focus {
  accent-color: rgb(var(--indigo-50));
}

.\:focusaccent-indigo-100:focus {
  accent-color: rgb(var(--indigo-100));
}

.\:focusaccent-indigo-200:focus {
  accent-color: rgb(var(--indigo-200));
}

.\:focusaccent-indigo-300:focus {
  accent-color: rgb(var(--indigo-300));
}

.\:focusaccent-indigo-400:focus {
  accent-color: rgb(var(--indigo-400));
}

.\:focusaccent-indigo-500:focus {
  accent-color: rgb(var(--indigo-500));
}

.\:focusaccent-indigo-600:focus {
  accent-color: rgb(var(--indigo-600));
}

.\:focusaccent-indigo-700:focus {
  accent-color: rgb(var(--indigo-700));
}

.\:focusaccent-indigo-800:focus {
  accent-color: rgb(var(--indigo-800));
}

.\:focusaccent-indigo-900:focus {
  accent-color: rgb(var(--indigo-900));
}

.\:focusaccent-violet-50:focus {
  accent-color: rgb(var(--violet-50));
}

.\:focusaccent-violet-100:focus {
  accent-color: rgb(var(--violet-100));
}

.\:focusaccent-violet-200:focus {
  accent-color: rgb(var(--violet-200));
}

.\:focusaccent-violet-300:focus {
  accent-color: rgb(var(--violet-300));
}

.\:focusaccent-violet-400:focus {
  accent-color: rgb(var(--violet-400));
}

.\:focusaccent-violet-500:focus {
  accent-color: rgb(var(--violet-500));
}

.\:focusaccent-violet-600:focus {
  accent-color: rgb(var(--violet-600));
}

.\:focusaccent-violet-700:focus {
  accent-color: rgb(var(--violet-700));
}

.\:focusaccent-violet-800:focus {
  accent-color: rgb(var(--violet-800));
}

.\:focusaccent-violet-900:focus {
  accent-color: rgb(var(--violet-900));
}

.\:focusaccent-purple-50:focus {
  accent-color: rgb(var(--purple-50));
}

.\:focusaccent-purple-100:focus {
  accent-color: rgb(var(--purple-100));
}

.\:focusaccent-purple-200:focus {
  accent-color: rgb(var(--purple-200));
}

.\:focusaccent-purple-300:focus {
  accent-color: rgb(var(--purple-300));
}

.\:focusaccent-purple-400:focus {
  accent-color: rgb(var(--purple-400));
}

.\:focusaccent-purple-500:focus {
  accent-color: rgb(var(--purple-500));
}

.\:focusaccent-purple-600:focus {
  accent-color: rgb(var(--purple-600));
}

.\:focusaccent-purple-700:focus {
  accent-color: rgb(var(--purple-700));
}

.\:focusaccent-purple-800:focus {
  accent-color: rgb(var(--purple-800));
}

.\:focusaccent-purple-900:focus {
  accent-color: rgb(var(--purple-900));
}

.\:focusaccent-fuchsia-50:focus {
  accent-color: rgb(var(--fuchsia-50));
}

.\:focusaccent-fuchsia-100:focus {
  accent-color: rgb(var(--fuchsia-100));
}

.\:focusaccent-fuchsia-200:focus {
  accent-color: rgb(var(--fuchsia-200));
}

.\:focusaccent-fuchsia-300:focus {
  accent-color: rgb(var(--fuchsia-300));
}

.\:focusaccent-fuchsia-400:focus {
  accent-color: rgb(var(--fuchsia-400));
}

.\:focusaccent-fuchsia-500:focus {
  accent-color: rgb(var(--fuchsia-500));
}

.\:focusaccent-fuchsia-600:focus {
  accent-color: rgb(var(--fuchsia-600));
}

.\:focusaccent-fuchsia-700:focus {
  accent-color: rgb(var(--fuchsia-700));
}

.\:focusaccent-fuchsia-800:focus {
  accent-color: rgb(var(--fuchsia-800));
}

.\:focusaccent-fuchsia-900:focus {
  accent-color: rgb(var(--fuchsia-900));
}

.\:focusaccent-pink-50:focus {
  accent-color: rgb(var(--pink-50));
}

.\:focusaccent-pink-100:focus {
  accent-color: rgb(var(--pink-100));
}

.\:focusaccent-pink-200:focus {
  accent-color: rgb(var(--pink-200));
}

.\:focusaccent-pink-300:focus {
  accent-color: rgb(var(--pink-300));
}

.\:focusaccent-pink-400:focus {
  accent-color: rgb(var(--pink-400));
}

.\:focusaccent-pink-500:focus {
  accent-color: rgb(var(--pink-500));
}

.\:focusaccent-pink-600:focus {
  accent-color: rgb(var(--pink-600));
}

.\:focusaccent-pink-700:focus {
  accent-color: rgb(var(--pink-700));
}

.\:focusaccent-pink-800:focus {
  accent-color: rgb(var(--pink-800));
}

.\:focusaccent-pink-900:focus {
  accent-color: rgb(var(--pink-900));
}

.\:focusaccent-rose-50:focus {
  accent-color: rgb(var(--rose-50));
}

.\:focusaccent-rose-100:focus {
  accent-color: rgb(var(--rose-100));
}

.\:focusaccent-rose-200:focus {
  accent-color: rgb(var(--rose-200));
}

.\:focusaccent-rose-300:focus {
  accent-color: rgb(var(--rose-300));
}

.\:focusaccent-rose-400:focus {
  accent-color: rgb(var(--rose-400));
}

.\:focusaccent-rose-500:focus {
  accent-color: rgb(var(--rose-500));
}

.\:focusaccent-rose-600:focus {
  accent-color: rgb(var(--rose-600));
}

.\:focusaccent-rose-700:focus {
  accent-color: rgb(var(--rose-700));
}

.\:focusaccent-rose-800:focus {
  accent-color: rgb(var(--rose-800));
}

.\:focusaccent-rose-900:focus {
  accent-color: rgb(var(--rose-900));
}

.\:focusaccent-slate-50:focus {
  accent-color: rgb(var(--slate-50));
}

.\:focusaccent-slate-100:focus {
  accent-color: rgb(var(--slate-100));
}

.\:focusaccent-slate-200:focus {
  accent-color: rgb(var(--slate-200));
}

.\:focusaccent-slate-300:focus {
  accent-color: rgb(var(--slate-300));
}

.\:focusaccent-slate-400:focus {
  accent-color: rgb(var(--slate-400));
}

.\:focusaccent-slate-500:focus {
  accent-color: rgb(var(--slate-500));
}

.\:focusaccent-slate-600:focus {
  accent-color: rgb(var(--slate-600));
}

.\:focusaccent-slate-700:focus {
  accent-color: rgb(var(--slate-700));
}

.\:focusaccent-slate-800:focus {
  accent-color: rgb(var(--slate-800));
}

.\:focusaccent-slate-900:focus {
  accent-color: rgb(var(--slate-900));
}

.\:focusaccent-gray-50:focus {
  accent-color: rgb(var(--gray-50));
}

.\:focusaccent-gray-100:focus {
  accent-color: rgb(var(--gray-100));
}

.\:focusaccent-gray-200:focus {
  accent-color: rgb(var(--gray-200));
}

.\:focusaccent-gray-300:focus {
  accent-color: rgb(var(--gray-300));
}

.\:focusaccent-gray-400:focus {
  accent-color: rgb(var(--gray-400));
}

.\:focusaccent-gray-500:focus {
  accent-color: rgb(var(--gray-500));
}

.\:focusaccent-gray-600:focus {
  accent-color: rgb(var(--gray-600));
}

.\:focusaccent-gray-700:focus {
  accent-color: rgb(var(--gray-700));
}

.\:focusaccent-gray-800:focus {
  accent-color: rgb(var(--gray-800));
}

.\:focusaccent-gray-900:focus {
  accent-color: rgb(var(--gray-900));
}

.\:focusaccent-zinc-50:focus {
  accent-color: rgb(var(--zinc-50));
}

.\:focusaccent-zinc-100:focus {
  accent-color: rgb(var(--zinc-100));
}

.\:focusaccent-zinc-200:focus {
  accent-color: rgb(var(--zinc-200));
}

.\:focusaccent-zinc-300:focus {
  accent-color: rgb(var(--zinc-300));
}

.\:focusaccent-zinc-400:focus {
  accent-color: rgb(var(--zinc-400));
}

.\:focusaccent-zinc-500:focus {
  accent-color: rgb(var(--zinc-500));
}

.\:focusaccent-zinc-600:focus {
  accent-color: rgb(var(--zinc-600));
}

.\:focusaccent-zinc-700:focus {
  accent-color: rgb(var(--zinc-700));
}

.\:focusaccent-zinc-800:focus {
  accent-color: rgb(var(--zinc-800));
}

.\:focusaccent-zinc-900:focus {
  accent-color: rgb(var(--zinc-900));
}

.\:focusaccent-black-DEFAULT:focus {
  accent-color: rgb(var(--black-DEFAULT));
}

.\:focusaccent-white-DEFAULT:focus {
  accent-color: rgb(var(--white-DEFAULT));
}

.\:focusshadow-red-50:focus {
  --tw-shadow-color: rgb(var(--red-50));
}

.\:focusshadow-red-100:focus {
  --tw-shadow-color: rgb(var(--red-100));
}

.\:focusshadow-red-200:focus {
  --tw-shadow-color: rgb(var(--red-200));
}

.\:focusshadow-red-300:focus {
  --tw-shadow-color: rgb(var(--red-300));
}

.\:focusshadow-red-400:focus {
  --tw-shadow-color: rgb(var(--red-400));
}

.\:focusshadow-red-500:focus {
  --tw-shadow-color: rgb(var(--red-500));
}

.\:focusshadow-red-600:focus {
  --tw-shadow-color: rgb(var(--red-600));
}

.\:focusshadow-red-700:focus {
  --tw-shadow-color: rgb(var(--red-700));
}

.\:focusshadow-red-800:focus {
  --tw-shadow-color: rgb(var(--red-800));
}

.\:focusshadow-red-900:focus {
  --tw-shadow-color: rgb(var(--red-900));
}

.\:focusshadow-orange-50:focus {
  --tw-shadow-color: rgb(var(--orange-50));
}

.\:focusshadow-orange-100:focus {
  --tw-shadow-color: rgb(var(--orange-100));
}

.\:focusshadow-orange-200:focus {
  --tw-shadow-color: rgb(var(--orange-200));
}

.\:focusshadow-orange-300:focus {
  --tw-shadow-color: rgb(var(--orange-300));
}

.\:focusshadow-orange-400:focus {
  --tw-shadow-color: rgb(var(--orange-400));
}

.\:focusshadow-orange-500:focus {
  --tw-shadow-color: rgb(var(--orange-500));
}

.\:focusshadow-orange-600:focus {
  --tw-shadow-color: rgb(var(--orange-600));
}

.\:focusshadow-orange-700:focus {
  --tw-shadow-color: rgb(var(--orange-700));
}

.\:focusshadow-orange-800:focus {
  --tw-shadow-color: rgb(var(--orange-800));
}

.\:focusshadow-orange-900:focus {
  --tw-shadow-color: rgb(var(--orange-900));
}

.\:focusshadow-amber-50:focus {
  --tw-shadow-color: rgb(var(--amber-50));
}

.\:focusshadow-amber-100:focus {
  --tw-shadow-color: rgb(var(--amber-100));
}

.\:focusshadow-amber-200:focus {
  --tw-shadow-color: rgb(var(--amber-200));
}

.\:focusshadow-amber-300:focus {
  --tw-shadow-color: rgb(var(--amber-300));
}

.\:focusshadow-amber-400:focus {
  --tw-shadow-color: rgb(var(--amber-400));
}

.\:focusshadow-amber-500:focus {
  --tw-shadow-color: rgb(var(--amber-500));
}

.\:focusshadow-amber-600:focus {
  --tw-shadow-color: rgb(var(--amber-600));
}

.\:focusshadow-amber-700:focus {
  --tw-shadow-color: rgb(var(--amber-700));
}

.\:focusshadow-amber-800:focus {
  --tw-shadow-color: rgb(var(--amber-800));
}

.\:focusshadow-amber-900:focus {
  --tw-shadow-color: rgb(var(--amber-900));
}

.\:focusshadow-yellow-50:focus {
  --tw-shadow-color: rgb(var(--yellow-50));
}

.\:focusshadow-yellow-100:focus {
  --tw-shadow-color: rgb(var(--yellow-100));
}

.\:focusshadow-yellow-200:focus {
  --tw-shadow-color: rgb(var(--yellow-200));
}

.\:focusshadow-yellow-300:focus {
  --tw-shadow-color: rgb(var(--yellow-300));
}

.\:focusshadow-yellow-400:focus {
  --tw-shadow-color: rgb(var(--yellow-400));
}

.\:focusshadow-yellow-500:focus {
  --tw-shadow-color: rgb(var(--yellow-500));
}

.\:focusshadow-yellow-600:focus {
  --tw-shadow-color: rgb(var(--yellow-600));
}

.\:focusshadow-yellow-700:focus {
  --tw-shadow-color: rgb(var(--yellow-700));
}

.\:focusshadow-yellow-800:focus {
  --tw-shadow-color: rgb(var(--yellow-800));
}

.\:focusshadow-yellow-900:focus {
  --tw-shadow-color: rgb(var(--yellow-900));
}

.\:focusshadow-lime-50:focus {
  --tw-shadow-color: rgb(var(--lime-50));
}

.\:focusshadow-lime-100:focus {
  --tw-shadow-color: rgb(var(--lime-100));
}

.\:focusshadow-lime-200:focus {
  --tw-shadow-color: rgb(var(--lime-200));
}

.\:focusshadow-lime-300:focus {
  --tw-shadow-color: rgb(var(--lime-300));
}

.\:focusshadow-lime-400:focus {
  --tw-shadow-color: rgb(var(--lime-400));
}

.\:focusshadow-lime-500:focus {
  --tw-shadow-color: rgb(var(--lime-500));
}

.\:focusshadow-lime-600:focus {
  --tw-shadow-color: rgb(var(--lime-600));
}

.\:focusshadow-lime-700:focus {
  --tw-shadow-color: rgb(var(--lime-700));
}

.\:focusshadow-lime-800:focus {
  --tw-shadow-color: rgb(var(--lime-800));
}

.\:focusshadow-lime-900:focus {
  --tw-shadow-color: rgb(var(--lime-900));
}

.\:focusshadow-green-50:focus {
  --tw-shadow-color: rgb(var(--green-50));
}

.\:focusshadow-green-100:focus {
  --tw-shadow-color: rgb(var(--green-100));
}

.\:focusshadow-green-200:focus {
  --tw-shadow-color: rgb(var(--green-200));
}

.\:focusshadow-green-300:focus {
  --tw-shadow-color: rgb(var(--green-300));
}

.\:focusshadow-green-400:focus {
  --tw-shadow-color: rgb(var(--green-400));
}

.\:focusshadow-green-500:focus {
  --tw-shadow-color: rgb(var(--green-500));
}

.\:focusshadow-green-600:focus {
  --tw-shadow-color: rgb(var(--green-600));
}

.\:focusshadow-green-700:focus {
  --tw-shadow-color: rgb(var(--green-700));
}

.\:focusshadow-green-800:focus {
  --tw-shadow-color: rgb(var(--green-800));
}

.\:focusshadow-green-900:focus {
  --tw-shadow-color: rgb(var(--green-900));
}

.\:focusshadow-emerald-50:focus {
  --tw-shadow-color: rgb(var(--emerald-50));
}

.\:focusshadow-emerald-100:focus {
  --tw-shadow-color: rgb(var(--emerald-100));
}

.\:focusshadow-emerald-200:focus {
  --tw-shadow-color: rgb(var(--emerald-200));
}

.\:focusshadow-emerald-300:focus {
  --tw-shadow-color: rgb(var(--emerald-300));
}

.\:focusshadow-emerald-400:focus {
  --tw-shadow-color: rgb(var(--emerald-400));
}

.\:focusshadow-emerald-500:focus {
  --tw-shadow-color: rgb(var(--emerald-500));
}

.\:focusshadow-emerald-600:focus {
  --tw-shadow-color: rgb(var(--emerald-600));
}

.\:focusshadow-emerald-700:focus {
  --tw-shadow-color: rgb(var(--emerald-700));
}

.\:focusshadow-emerald-800:focus {
  --tw-shadow-color: rgb(var(--emerald-800));
}

.\:focusshadow-emerald-900:focus {
  --tw-shadow-color: rgb(var(--emerald-900));
}

.\:focusshadow-teal-50:focus {
  --tw-shadow-color: rgb(var(--teal-50));
}

.\:focusshadow-teal-100:focus {
  --tw-shadow-color: rgb(var(--teal-100));
}

.\:focusshadow-teal-200:focus {
  --tw-shadow-color: rgb(var(--teal-200));
}

.\:focusshadow-teal-300:focus {
  --tw-shadow-color: rgb(var(--teal-300));
}

.\:focusshadow-teal-400:focus {
  --tw-shadow-color: rgb(var(--teal-400));
}

.\:focusshadow-teal-500:focus {
  --tw-shadow-color: rgb(var(--teal-500));
}

.\:focusshadow-teal-600:focus {
  --tw-shadow-color: rgb(var(--teal-600));
}

.\:focusshadow-teal-700:focus {
  --tw-shadow-color: rgb(var(--teal-700));
}

.\:focusshadow-teal-800:focus {
  --tw-shadow-color: rgb(var(--teal-800));
}

.\:focusshadow-teal-900:focus {
  --tw-shadow-color: rgb(var(--teal-900));
}

.\:focusshadow-cyan-50:focus {
  --tw-shadow-color: rgb(var(--cyan-50));
}

.\:focusshadow-cyan-100:focus {
  --tw-shadow-color: rgb(var(--cyan-100));
}

.\:focusshadow-cyan-200:focus {
  --tw-shadow-color: rgb(var(--cyan-200));
}

.\:focusshadow-cyan-300:focus {
  --tw-shadow-color: rgb(var(--cyan-300));
}

.\:focusshadow-cyan-400:focus {
  --tw-shadow-color: rgb(var(--cyan-400));
}

.\:focusshadow-cyan-500:focus {
  --tw-shadow-color: rgb(var(--cyan-500));
}

.\:focusshadow-cyan-600:focus {
  --tw-shadow-color: rgb(var(--cyan-600));
}

.\:focusshadow-cyan-700:focus {
  --tw-shadow-color: rgb(var(--cyan-700));
}

.\:focusshadow-cyan-800:focus {
  --tw-shadow-color: rgb(var(--cyan-800));
}

.\:focusshadow-cyan-900:focus {
  --tw-shadow-color: rgb(var(--cyan-900));
}

.\:focusshadow-sky-50:focus {
  --tw-shadow-color: rgb(var(--sky-50));
}

.\:focusshadow-sky-100:focus {
  --tw-shadow-color: rgb(var(--sky-100));
}

.\:focusshadow-sky-200:focus {
  --tw-shadow-color: rgb(var(--sky-200));
}

.\:focusshadow-sky-300:focus {
  --tw-shadow-color: rgb(var(--sky-300));
}

.\:focusshadow-sky-400:focus {
  --tw-shadow-color: rgb(var(--sky-400));
}

.\:focusshadow-sky-500:focus {
  --tw-shadow-color: rgb(var(--sky-500));
}

.\:focusshadow-sky-600:focus {
  --tw-shadow-color: rgb(var(--sky-600));
}

.\:focusshadow-sky-700:focus {
  --tw-shadow-color: rgb(var(--sky-700));
}

.\:focusshadow-sky-800:focus {
  --tw-shadow-color: rgb(var(--sky-800));
}

.\:focusshadow-sky-900:focus {
  --tw-shadow-color: rgb(var(--sky-900));
}

.\:focusshadow-blue-50:focus {
  --tw-shadow-color: rgb(var(--blue-50));
}

.\:focusshadow-blue-100:focus {
  --tw-shadow-color: rgb(var(--blue-100));
}

.\:focusshadow-blue-200:focus {
  --tw-shadow-color: rgb(var(--blue-200));
}

.\:focusshadow-blue-300:focus {
  --tw-shadow-color: rgb(var(--blue-300));
}

.\:focusshadow-blue-400:focus {
  --tw-shadow-color: rgb(var(--blue-400));
}

.\:focusshadow-blue-500:focus {
  --tw-shadow-color: rgb(var(--blue-500));
}

.\:focusshadow-blue-600:focus {
  --tw-shadow-color: rgb(var(--blue-600));
}

.\:focusshadow-blue-700:focus {
  --tw-shadow-color: rgb(var(--blue-700));
}

.\:focusshadow-blue-800:focus {
  --tw-shadow-color: rgb(var(--blue-800));
}

.\:focusshadow-blue-900:focus {
  --tw-shadow-color: rgb(var(--blue-900));
}

.\:focusshadow-indigo-50:focus {
  --tw-shadow-color: rgb(var(--indigo-50));
}

.\:focusshadow-indigo-100:focus {
  --tw-shadow-color: rgb(var(--indigo-100));
}

.\:focusshadow-indigo-200:focus {
  --tw-shadow-color: rgb(var(--indigo-200));
}

.\:focusshadow-indigo-300:focus {
  --tw-shadow-color: rgb(var(--indigo-300));
}

.\:focusshadow-indigo-400:focus {
  --tw-shadow-color: rgb(var(--indigo-400));
}

.\:focusshadow-indigo-500:focus {
  --tw-shadow-color: rgb(var(--indigo-500));
}

.\:focusshadow-indigo-600:focus {
  --tw-shadow-color: rgb(var(--indigo-600));
}

.\:focusshadow-indigo-700:focus {
  --tw-shadow-color: rgb(var(--indigo-700));
}

.\:focusshadow-indigo-800:focus {
  --tw-shadow-color: rgb(var(--indigo-800));
}

.\:focusshadow-indigo-900:focus {
  --tw-shadow-color: rgb(var(--indigo-900));
}

.\:focusshadow-violet-50:focus {
  --tw-shadow-color: rgb(var(--violet-50));
}

.\:focusshadow-violet-100:focus {
  --tw-shadow-color: rgb(var(--violet-100));
}

.\:focusshadow-violet-200:focus {
  --tw-shadow-color: rgb(var(--violet-200));
}

.\:focusshadow-violet-300:focus {
  --tw-shadow-color: rgb(var(--violet-300));
}

.\:focusshadow-violet-400:focus {
  --tw-shadow-color: rgb(var(--violet-400));
}

.\:focusshadow-violet-500:focus {
  --tw-shadow-color: rgb(var(--violet-500));
}

.\:focusshadow-violet-600:focus {
  --tw-shadow-color: rgb(var(--violet-600));
}

.\:focusshadow-violet-700:focus {
  --tw-shadow-color: rgb(var(--violet-700));
}

.\:focusshadow-violet-800:focus {
  --tw-shadow-color: rgb(var(--violet-800));
}

.\:focusshadow-violet-900:focus {
  --tw-shadow-color: rgb(var(--violet-900));
}

.\:focusshadow-purple-50:focus {
  --tw-shadow-color: rgb(var(--purple-50));
}

.\:focusshadow-purple-100:focus {
  --tw-shadow-color: rgb(var(--purple-100));
}

.\:focusshadow-purple-200:focus {
  --tw-shadow-color: rgb(var(--purple-200));
}

.\:focusshadow-purple-300:focus {
  --tw-shadow-color: rgb(var(--purple-300));
}

.\:focusshadow-purple-400:focus {
  --tw-shadow-color: rgb(var(--purple-400));
}

.\:focusshadow-purple-500:focus {
  --tw-shadow-color: rgb(var(--purple-500));
}

.\:focusshadow-purple-600:focus {
  --tw-shadow-color: rgb(var(--purple-600));
}

.\:focusshadow-purple-700:focus {
  --tw-shadow-color: rgb(var(--purple-700));
}

.\:focusshadow-purple-800:focus {
  --tw-shadow-color: rgb(var(--purple-800));
}

.\:focusshadow-purple-900:focus {
  --tw-shadow-color: rgb(var(--purple-900));
}

.\:focusshadow-fuchsia-50:focus {
  --tw-shadow-color: rgb(var(--fuchsia-50));
}

.\:focusshadow-fuchsia-100:focus {
  --tw-shadow-color: rgb(var(--fuchsia-100));
}

.\:focusshadow-fuchsia-200:focus {
  --tw-shadow-color: rgb(var(--fuchsia-200));
}

.\:focusshadow-fuchsia-300:focus {
  --tw-shadow-color: rgb(var(--fuchsia-300));
}

.\:focusshadow-fuchsia-400:focus {
  --tw-shadow-color: rgb(var(--fuchsia-400));
}

.\:focusshadow-fuchsia-500:focus {
  --tw-shadow-color: rgb(var(--fuchsia-500));
}

.\:focusshadow-fuchsia-600:focus {
  --tw-shadow-color: rgb(var(--fuchsia-600));
}

.\:focusshadow-fuchsia-700:focus {
  --tw-shadow-color: rgb(var(--fuchsia-700));
}

.\:focusshadow-fuchsia-800:focus {
  --tw-shadow-color: rgb(var(--fuchsia-800));
}

.\:focusshadow-fuchsia-900:focus {
  --tw-shadow-color: rgb(var(--fuchsia-900));
}

.\:focusshadow-pink-50:focus {
  --tw-shadow-color: rgb(var(--pink-50));
}

.\:focusshadow-pink-100:focus {
  --tw-shadow-color: rgb(var(--pink-100));
}

.\:focusshadow-pink-200:focus {
  --tw-shadow-color: rgb(var(--pink-200));
}

.\:focusshadow-pink-300:focus {
  --tw-shadow-color: rgb(var(--pink-300));
}

.\:focusshadow-pink-400:focus {
  --tw-shadow-color: rgb(var(--pink-400));
}

.\:focusshadow-pink-500:focus {
  --tw-shadow-color: rgb(var(--pink-500));
}

.\:focusshadow-pink-600:focus {
  --tw-shadow-color: rgb(var(--pink-600));
}

.\:focusshadow-pink-700:focus {
  --tw-shadow-color: rgb(var(--pink-700));
}

.\:focusshadow-pink-800:focus {
  --tw-shadow-color: rgb(var(--pink-800));
}

.\:focusshadow-pink-900:focus {
  --tw-shadow-color: rgb(var(--pink-900));
}

.\:focusshadow-rose-50:focus {
  --tw-shadow-color: rgb(var(--rose-50));
}

.\:focusshadow-rose-100:focus {
  --tw-shadow-color: rgb(var(--rose-100));
}

.\:focusshadow-rose-200:focus {
  --tw-shadow-color: rgb(var(--rose-200));
}

.\:focusshadow-rose-300:focus {
  --tw-shadow-color: rgb(var(--rose-300));
}

.\:focusshadow-rose-400:focus {
  --tw-shadow-color: rgb(var(--rose-400));
}

.\:focusshadow-rose-500:focus {
  --tw-shadow-color: rgb(var(--rose-500));
}

.\:focusshadow-rose-600:focus {
  --tw-shadow-color: rgb(var(--rose-600));
}

.\:focusshadow-rose-700:focus {
  --tw-shadow-color: rgb(var(--rose-700));
}

.\:focusshadow-rose-800:focus {
  --tw-shadow-color: rgb(var(--rose-800));
}

.\:focusshadow-rose-900:focus {
  --tw-shadow-color: rgb(var(--rose-900));
}

.\:focusshadow-slate-50:focus {
  --tw-shadow-color: rgb(var(--slate-50));
}

.\:focusshadow-slate-100:focus {
  --tw-shadow-color: rgb(var(--slate-100));
}

.\:focusshadow-slate-200:focus {
  --tw-shadow-color: rgb(var(--slate-200));
}

.\:focusshadow-slate-300:focus {
  --tw-shadow-color: rgb(var(--slate-300));
}

.\:focusshadow-slate-400:focus {
  --tw-shadow-color: rgb(var(--slate-400));
}

.\:focusshadow-slate-500:focus {
  --tw-shadow-color: rgb(var(--slate-500));
}

.\:focusshadow-slate-600:focus {
  --tw-shadow-color: rgb(var(--slate-600));
}

.\:focusshadow-slate-700:focus {
  --tw-shadow-color: rgb(var(--slate-700));
}

.\:focusshadow-slate-800:focus {
  --tw-shadow-color: rgb(var(--slate-800));
}

.\:focusshadow-slate-900:focus {
  --tw-shadow-color: rgb(var(--slate-900));
}

.\:focusshadow-gray-50:focus {
  --tw-shadow-color: rgb(var(--gray-50));
}

.\:focusshadow-gray-100:focus {
  --tw-shadow-color: rgb(var(--gray-100));
}

.\:focusshadow-gray-200:focus {
  --tw-shadow-color: rgb(var(--gray-200));
}

.\:focusshadow-gray-300:focus {
  --tw-shadow-color: rgb(var(--gray-300));
}

.\:focusshadow-gray-400:focus {
  --tw-shadow-color: rgb(var(--gray-400));
}

.\:focusshadow-gray-500:focus {
  --tw-shadow-color: rgb(var(--gray-500));
}

.\:focusshadow-gray-600:focus {
  --tw-shadow-color: rgb(var(--gray-600));
}

.\:focusshadow-gray-700:focus {
  --tw-shadow-color: rgb(var(--gray-700));
}

.\:focusshadow-gray-800:focus {
  --tw-shadow-color: rgb(var(--gray-800));
}

.\:focusshadow-gray-900:focus {
  --tw-shadow-color: rgb(var(--gray-900));
}

.\:focusshadow-zinc-50:focus {
  --tw-shadow-color: rgb(var(--zinc-50));
}

.\:focusshadow-zinc-100:focus {
  --tw-shadow-color: rgb(var(--zinc-100));
}

.\:focusshadow-zinc-200:focus {
  --tw-shadow-color: rgb(var(--zinc-200));
}

.\:focusshadow-zinc-300:focus {
  --tw-shadow-color: rgb(var(--zinc-300));
}

.\:focusshadow-zinc-400:focus {
  --tw-shadow-color: rgb(var(--zinc-400));
}

.\:focusshadow-zinc-500:focus {
  --tw-shadow-color: rgb(var(--zinc-500));
}

.\:focusshadow-zinc-600:focus {
  --tw-shadow-color: rgb(var(--zinc-600));
}

.\:focusshadow-zinc-700:focus {
  --tw-shadow-color: rgb(var(--zinc-700));
}

.\:focusshadow-zinc-800:focus {
  --tw-shadow-color: rgb(var(--zinc-800));
}

.\:focusshadow-zinc-900:focus {
  --tw-shadow-color: rgb(var(--zinc-900));
}

.\:focusshadow-black-DEFAULT:focus {
  --tw-shadow-color: rgb(var(--black-DEFAULT));
}

.\:focusshadow-white-DEFAULT:focus {
  --tw-shadow-color: rgb(var(--white-DEFAULT));
}

.\:focusring-red-50:focus {
  --tw-ring-color: rgb(var(--red-50));
}

.\:focusring-red-100:focus {
  --tw-ring-color: rgb(var(--red-100));
}

.\:focusring-red-200:focus {
  --tw-ring-color: rgb(var(--red-200));
}

.\:focusring-red-300:focus {
  --tw-ring-color: rgb(var(--red-300));
}

.\:focusring-red-400:focus {
  --tw-ring-color: rgb(var(--red-400));
}

.\:focusring-red-500:focus {
  --tw-ring-color: rgb(var(--red-500));
}

.\:focusring-red-600:focus {
  --tw-ring-color: rgb(var(--red-600));
}

.\:focusring-red-700:focus {
  --tw-ring-color: rgb(var(--red-700));
}

.\:focusring-red-800:focus {
  --tw-ring-color: rgb(var(--red-800));
}

.\:focusring-red-900:focus {
  --tw-ring-color: rgb(var(--red-900));
}

.\:focusring-orange-50:focus {
  --tw-ring-color: rgb(var(--orange-50));
}

.\:focusring-orange-100:focus {
  --tw-ring-color: rgb(var(--orange-100));
}

.\:focusring-orange-200:focus {
  --tw-ring-color: rgb(var(--orange-200));
}

.\:focusring-orange-300:focus {
  --tw-ring-color: rgb(var(--orange-300));
}

.\:focusring-orange-400:focus {
  --tw-ring-color: rgb(var(--orange-400));
}

.\:focusring-orange-500:focus {
  --tw-ring-color: rgb(var(--orange-500));
}

.\:focusring-orange-600:focus {
  --tw-ring-color: rgb(var(--orange-600));
}

.\:focusring-orange-700:focus {
  --tw-ring-color: rgb(var(--orange-700));
}

.\:focusring-orange-800:focus {
  --tw-ring-color: rgb(var(--orange-800));
}

.\:focusring-orange-900:focus {
  --tw-ring-color: rgb(var(--orange-900));
}

.\:focusring-amber-50:focus {
  --tw-ring-color: rgb(var(--amber-50));
}

.\:focusring-amber-100:focus {
  --tw-ring-color: rgb(var(--amber-100));
}

.\:focusring-amber-200:focus {
  --tw-ring-color: rgb(var(--amber-200));
}

.\:focusring-amber-300:focus {
  --tw-ring-color: rgb(var(--amber-300));
}

.\:focusring-amber-400:focus {
  --tw-ring-color: rgb(var(--amber-400));
}

.\:focusring-amber-500:focus {
  --tw-ring-color: rgb(var(--amber-500));
}

.\:focusring-amber-600:focus {
  --tw-ring-color: rgb(var(--amber-600));
}

.\:focusring-amber-700:focus {
  --tw-ring-color: rgb(var(--amber-700));
}

.\:focusring-amber-800:focus {
  --tw-ring-color: rgb(var(--amber-800));
}

.\:focusring-amber-900:focus {
  --tw-ring-color: rgb(var(--amber-900));
}

.\:focusring-yellow-50:focus {
  --tw-ring-color: rgb(var(--yellow-50));
}

.\:focusring-yellow-100:focus {
  --tw-ring-color: rgb(var(--yellow-100));
}

.\:focusring-yellow-200:focus {
  --tw-ring-color: rgb(var(--yellow-200));
}

.\:focusring-yellow-300:focus {
  --tw-ring-color: rgb(var(--yellow-300));
}

.\:focusring-yellow-400:focus {
  --tw-ring-color: rgb(var(--yellow-400));
}

.\:focusring-yellow-500:focus {
  --tw-ring-color: rgb(var(--yellow-500));
}

.\:focusring-yellow-600:focus {
  --tw-ring-color: rgb(var(--yellow-600));
}

.\:focusring-yellow-700:focus {
  --tw-ring-color: rgb(var(--yellow-700));
}

.\:focusring-yellow-800:focus {
  --tw-ring-color: rgb(var(--yellow-800));
}

.\:focusring-yellow-900:focus {
  --tw-ring-color: rgb(var(--yellow-900));
}

.\:focusring-lime-50:focus {
  --tw-ring-color: rgb(var(--lime-50));
}

.\:focusring-lime-100:focus {
  --tw-ring-color: rgb(var(--lime-100));
}

.\:focusring-lime-200:focus {
  --tw-ring-color: rgb(var(--lime-200));
}

.\:focusring-lime-300:focus {
  --tw-ring-color: rgb(var(--lime-300));
}

.\:focusring-lime-400:focus {
  --tw-ring-color: rgb(var(--lime-400));
}

.\:focusring-lime-500:focus {
  --tw-ring-color: rgb(var(--lime-500));
}

.\:focusring-lime-600:focus {
  --tw-ring-color: rgb(var(--lime-600));
}

.\:focusring-lime-700:focus {
  --tw-ring-color: rgb(var(--lime-700));
}

.\:focusring-lime-800:focus {
  --tw-ring-color: rgb(var(--lime-800));
}

.\:focusring-lime-900:focus {
  --tw-ring-color: rgb(var(--lime-900));
}

.\:focusring-green-50:focus {
  --tw-ring-color: rgb(var(--green-50));
}

.\:focusring-green-100:focus {
  --tw-ring-color: rgb(var(--green-100));
}

.\:focusring-green-200:focus {
  --tw-ring-color: rgb(var(--green-200));
}

.\:focusring-green-300:focus {
  --tw-ring-color: rgb(var(--green-300));
}

.\:focusring-green-400:focus {
  --tw-ring-color: rgb(var(--green-400));
}

.\:focusring-green-500:focus {
  --tw-ring-color: rgb(var(--green-500));
}

.\:focusring-green-600:focus {
  --tw-ring-color: rgb(var(--green-600));
}

.\:focusring-green-700:focus {
  --tw-ring-color: rgb(var(--green-700));
}

.\:focusring-green-800:focus {
  --tw-ring-color: rgb(var(--green-800));
}

.\:focusring-green-900:focus {
  --tw-ring-color: rgb(var(--green-900));
}

.\:focusring-emerald-50:focus {
  --tw-ring-color: rgb(var(--emerald-50));
}

.\:focusring-emerald-100:focus {
  --tw-ring-color: rgb(var(--emerald-100));
}

.\:focusring-emerald-200:focus {
  --tw-ring-color: rgb(var(--emerald-200));
}

.\:focusring-emerald-300:focus {
  --tw-ring-color: rgb(var(--emerald-300));
}

.\:focusring-emerald-400:focus {
  --tw-ring-color: rgb(var(--emerald-400));
}

.\:focusring-emerald-500:focus {
  --tw-ring-color: rgb(var(--emerald-500));
}

.\:focusring-emerald-600:focus {
  --tw-ring-color: rgb(var(--emerald-600));
}

.\:focusring-emerald-700:focus {
  --tw-ring-color: rgb(var(--emerald-700));
}

.\:focusring-emerald-800:focus {
  --tw-ring-color: rgb(var(--emerald-800));
}

.\:focusring-emerald-900:focus {
  --tw-ring-color: rgb(var(--emerald-900));
}

.\:focusring-teal-50:focus {
  --tw-ring-color: rgb(var(--teal-50));
}

.\:focusring-teal-100:focus {
  --tw-ring-color: rgb(var(--teal-100));
}

.\:focusring-teal-200:focus {
  --tw-ring-color: rgb(var(--teal-200));
}

.\:focusring-teal-300:focus {
  --tw-ring-color: rgb(var(--teal-300));
}

.\:focusring-teal-400:focus {
  --tw-ring-color: rgb(var(--teal-400));
}

.\:focusring-teal-500:focus {
  --tw-ring-color: rgb(var(--teal-500));
}

.\:focusring-teal-600:focus {
  --tw-ring-color: rgb(var(--teal-600));
}

.\:focusring-teal-700:focus {
  --tw-ring-color: rgb(var(--teal-700));
}

.\:focusring-teal-800:focus {
  --tw-ring-color: rgb(var(--teal-800));
}

.\:focusring-teal-900:focus {
  --tw-ring-color: rgb(var(--teal-900));
}

.\:focusring-cyan-50:focus {
  --tw-ring-color: rgb(var(--cyan-50));
}

.\:focusring-cyan-100:focus {
  --tw-ring-color: rgb(var(--cyan-100));
}

.\:focusring-cyan-200:focus {
  --tw-ring-color: rgb(var(--cyan-200));
}

.\:focusring-cyan-300:focus {
  --tw-ring-color: rgb(var(--cyan-300));
}

.\:focusring-cyan-400:focus {
  --tw-ring-color: rgb(var(--cyan-400));
}

.\:focusring-cyan-500:focus {
  --tw-ring-color: rgb(var(--cyan-500));
}

.\:focusring-cyan-600:focus {
  --tw-ring-color: rgb(var(--cyan-600));
}

.\:focusring-cyan-700:focus {
  --tw-ring-color: rgb(var(--cyan-700));
}

.\:focusring-cyan-800:focus {
  --tw-ring-color: rgb(var(--cyan-800));
}

.\:focusring-cyan-900:focus {
  --tw-ring-color: rgb(var(--cyan-900));
}

.\:focusring-sky-50:focus {
  --tw-ring-color: rgb(var(--sky-50));
}

.\:focusring-sky-100:focus {
  --tw-ring-color: rgb(var(--sky-100));
}

.\:focusring-sky-200:focus {
  --tw-ring-color: rgb(var(--sky-200));
}

.\:focusring-sky-300:focus {
  --tw-ring-color: rgb(var(--sky-300));
}

.\:focusring-sky-400:focus {
  --tw-ring-color: rgb(var(--sky-400));
}

.\:focusring-sky-500:focus {
  --tw-ring-color: rgb(var(--sky-500));
}

.\:focusring-sky-600:focus {
  --tw-ring-color: rgb(var(--sky-600));
}

.\:focusring-sky-700:focus {
  --tw-ring-color: rgb(var(--sky-700));
}

.\:focusring-sky-800:focus {
  --tw-ring-color: rgb(var(--sky-800));
}

.\:focusring-sky-900:focus {
  --tw-ring-color: rgb(var(--sky-900));
}

.\:focusring-blue-50:focus {
  --tw-ring-color: rgb(var(--blue-50));
}

.\:focusring-blue-100:focus {
  --tw-ring-color: rgb(var(--blue-100));
}

.\:focusring-blue-200:focus {
  --tw-ring-color: rgb(var(--blue-200));
}

.\:focusring-blue-300:focus {
  --tw-ring-color: rgb(var(--blue-300));
}

.\:focusring-blue-400:focus {
  --tw-ring-color: rgb(var(--blue-400));
}

.\:focusring-blue-500:focus {
  --tw-ring-color: rgb(var(--blue-500));
}

.\:focusring-blue-600:focus {
  --tw-ring-color: rgb(var(--blue-600));
}

.\:focusring-blue-700:focus {
  --tw-ring-color: rgb(var(--blue-700));
}

.\:focusring-blue-800:focus {
  --tw-ring-color: rgb(var(--blue-800));
}

.\:focusring-blue-900:focus {
  --tw-ring-color: rgb(var(--blue-900));
}

.\:focusring-indigo-50:focus {
  --tw-ring-color: rgb(var(--indigo-50));
}

.\:focusring-indigo-100:focus {
  --tw-ring-color: rgb(var(--indigo-100));
}

.\:focusring-indigo-200:focus {
  --tw-ring-color: rgb(var(--indigo-200));
}

.\:focusring-indigo-300:focus {
  --tw-ring-color: rgb(var(--indigo-300));
}

.\:focusring-indigo-400:focus {
  --tw-ring-color: rgb(var(--indigo-400));
}

.\:focusring-indigo-500:focus {
  --tw-ring-color: rgb(var(--indigo-500));
}

.\:focusring-indigo-600:focus {
  --tw-ring-color: rgb(var(--indigo-600));
}

.\:focusring-indigo-700:focus {
  --tw-ring-color: rgb(var(--indigo-700));
}

.\:focusring-indigo-800:focus {
  --tw-ring-color: rgb(var(--indigo-800));
}

.\:focusring-indigo-900:focus {
  --tw-ring-color: rgb(var(--indigo-900));
}

.\:focusring-violet-50:focus {
  --tw-ring-color: rgb(var(--violet-50));
}

.\:focusring-violet-100:focus {
  --tw-ring-color: rgb(var(--violet-100));
}

.\:focusring-violet-200:focus {
  --tw-ring-color: rgb(var(--violet-200));
}

.\:focusring-violet-300:focus {
  --tw-ring-color: rgb(var(--violet-300));
}

.\:focusring-violet-400:focus {
  --tw-ring-color: rgb(var(--violet-400));
}

.\:focusring-violet-500:focus {
  --tw-ring-color: rgb(var(--violet-500));
}

.\:focusring-violet-600:focus {
  --tw-ring-color: rgb(var(--violet-600));
}

.\:focusring-violet-700:focus {
  --tw-ring-color: rgb(var(--violet-700));
}

.\:focusring-violet-800:focus {
  --tw-ring-color: rgb(var(--violet-800));
}

.\:focusring-violet-900:focus {
  --tw-ring-color: rgb(var(--violet-900));
}

.\:focusring-purple-50:focus {
  --tw-ring-color: rgb(var(--purple-50));
}

.\:focusring-purple-100:focus {
  --tw-ring-color: rgb(var(--purple-100));
}

.\:focusring-purple-200:focus {
  --tw-ring-color: rgb(var(--purple-200));
}

.\:focusring-purple-300:focus {
  --tw-ring-color: rgb(var(--purple-300));
}

.\:focusring-purple-400:focus {
  --tw-ring-color: rgb(var(--purple-400));
}

.\:focusring-purple-500:focus {
  --tw-ring-color: rgb(var(--purple-500));
}

.\:focusring-purple-600:focus {
  --tw-ring-color: rgb(var(--purple-600));
}

.\:focusring-purple-700:focus {
  --tw-ring-color: rgb(var(--purple-700));
}

.\:focusring-purple-800:focus {
  --tw-ring-color: rgb(var(--purple-800));
}

.\:focusring-purple-900:focus {
  --tw-ring-color: rgb(var(--purple-900));
}

.\:focusring-fuchsia-50:focus {
  --tw-ring-color: rgb(var(--fuchsia-50));
}

.\:focusring-fuchsia-100:focus {
  --tw-ring-color: rgb(var(--fuchsia-100));
}

.\:focusring-fuchsia-200:focus {
  --tw-ring-color: rgb(var(--fuchsia-200));
}

.\:focusring-fuchsia-300:focus {
  --tw-ring-color: rgb(var(--fuchsia-300));
}

.\:focusring-fuchsia-400:focus {
  --tw-ring-color: rgb(var(--fuchsia-400));
}

.\:focusring-fuchsia-500:focus {
  --tw-ring-color: rgb(var(--fuchsia-500));
}

.\:focusring-fuchsia-600:focus {
  --tw-ring-color: rgb(var(--fuchsia-600));
}

.\:focusring-fuchsia-700:focus {
  --tw-ring-color: rgb(var(--fuchsia-700));
}

.\:focusring-fuchsia-800:focus {
  --tw-ring-color: rgb(var(--fuchsia-800));
}

.\:focusring-fuchsia-900:focus {
  --tw-ring-color: rgb(var(--fuchsia-900));
}

.\:focusring-pink-50:focus {
  --tw-ring-color: rgb(var(--pink-50));
}

.\:focusring-pink-100:focus {
  --tw-ring-color: rgb(var(--pink-100));
}

.\:focusring-pink-200:focus {
  --tw-ring-color: rgb(var(--pink-200));
}

.\:focusring-pink-300:focus {
  --tw-ring-color: rgb(var(--pink-300));
}

.\:focusring-pink-400:focus {
  --tw-ring-color: rgb(var(--pink-400));
}

.\:focusring-pink-500:focus {
  --tw-ring-color: rgb(var(--pink-500));
}

.\:focusring-pink-600:focus {
  --tw-ring-color: rgb(var(--pink-600));
}

.\:focusring-pink-700:focus {
  --tw-ring-color: rgb(var(--pink-700));
}

.\:focusring-pink-800:focus {
  --tw-ring-color: rgb(var(--pink-800));
}

.\:focusring-pink-900:focus {
  --tw-ring-color: rgb(var(--pink-900));
}

.\:focusring-rose-50:focus {
  --tw-ring-color: rgb(var(--rose-50));
}

.\:focusring-rose-100:focus {
  --tw-ring-color: rgb(var(--rose-100));
}

.\:focusring-rose-200:focus {
  --tw-ring-color: rgb(var(--rose-200));
}

.\:focusring-rose-300:focus {
  --tw-ring-color: rgb(var(--rose-300));
}

.\:focusring-rose-400:focus {
  --tw-ring-color: rgb(var(--rose-400));
}

.\:focusring-rose-500:focus {
  --tw-ring-color: rgb(var(--rose-500));
}

.\:focusring-rose-600:focus {
  --tw-ring-color: rgb(var(--rose-600));
}

.\:focusring-rose-700:focus {
  --tw-ring-color: rgb(var(--rose-700));
}

.\:focusring-rose-800:focus {
  --tw-ring-color: rgb(var(--rose-800));
}

.\:focusring-rose-900:focus {
  --tw-ring-color: rgb(var(--rose-900));
}

.\:focusring-slate-50:focus {
  --tw-ring-color: rgb(var(--slate-50));
}

.\:focusring-slate-100:focus {
  --tw-ring-color: rgb(var(--slate-100));
}

.\:focusring-slate-200:focus {
  --tw-ring-color: rgb(var(--slate-200));
}

.\:focusring-slate-300:focus {
  --tw-ring-color: rgb(var(--slate-300));
}

.\:focusring-slate-400:focus {
  --tw-ring-color: rgb(var(--slate-400));
}

.\:focusring-slate-500:focus {
  --tw-ring-color: rgb(var(--slate-500));
}

.\:focusring-slate-600:focus {
  --tw-ring-color: rgb(var(--slate-600));
}

.\:focusring-slate-700:focus {
  --tw-ring-color: rgb(var(--slate-700));
}

.\:focusring-slate-800:focus {
  --tw-ring-color: rgb(var(--slate-800));
}

.\:focusring-slate-900:focus {
  --tw-ring-color: rgb(var(--slate-900));
}

.\:focusring-gray-50:focus {
  --tw-ring-color: rgb(var(--gray-50));
}

.\:focusring-gray-100:focus {
  --tw-ring-color: rgb(var(--gray-100));
}

.\:focusring-gray-200:focus {
  --tw-ring-color: rgb(var(--gray-200));
}

.\:focusring-gray-300:focus {
  --tw-ring-color: rgb(var(--gray-300));
}

.\:focusring-gray-400:focus {
  --tw-ring-color: rgb(var(--gray-400));
}

.\:focusring-gray-500:focus {
  --tw-ring-color: rgb(var(--gray-500));
}

.\:focusring-gray-600:focus {
  --tw-ring-color: rgb(var(--gray-600));
}

.\:focusring-gray-700:focus {
  --tw-ring-color: rgb(var(--gray-700));
}

.\:focusring-gray-800:focus {
  --tw-ring-color: rgb(var(--gray-800));
}

.\:focusring-gray-900:focus {
  --tw-ring-color: rgb(var(--gray-900));
}

.\:focusring-zinc-50:focus {
  --tw-ring-color: rgb(var(--zinc-50));
}

.\:focusring-zinc-100:focus {
  --tw-ring-color: rgb(var(--zinc-100));
}

.\:focusring-zinc-200:focus {
  --tw-ring-color: rgb(var(--zinc-200));
}

.\:focusring-zinc-300:focus {
  --tw-ring-color: rgb(var(--zinc-300));
}

.\:focusring-zinc-400:focus {
  --tw-ring-color: rgb(var(--zinc-400));
}

.\:focusring-zinc-500:focus {
  --tw-ring-color: rgb(var(--zinc-500));
}

.\:focusring-zinc-600:focus {
  --tw-ring-color: rgb(var(--zinc-600));
}

.\:focusring-zinc-700:focus {
  --tw-ring-color: rgb(var(--zinc-700));
}

.\:focusring-zinc-800:focus {
  --tw-ring-color: rgb(var(--zinc-800));
}

.\:focusring-zinc-900:focus {
  --tw-ring-color: rgb(var(--zinc-900));
}

.\:focusring-black-DEFAULT:focus {
  --tw-ring-color: rgb(var(--black-DEFAULT));
}

.\:focusring-white-DEFAULT:focus {
  --tw-ring-color: rgb(var(--white-DEFAULT));
}

.\:focusring-offset-red-50:focus {
  --tw-ring-offset-color: rgb(var(--red-50));
}

.\:focusring-offset-red-100:focus {
  --tw-ring-offset-color: rgb(var(--red-100));
}

.\:focusring-offset-red-200:focus {
  --tw-ring-offset-color: rgb(var(--red-200));
}

.\:focusring-offset-red-300:focus {
  --tw-ring-offset-color: rgb(var(--red-300));
}

.\:focusring-offset-red-400:focus {
  --tw-ring-offset-color: rgb(var(--red-400));
}

.\:focusring-offset-red-500:focus {
  --tw-ring-offset-color: rgb(var(--red-500));
}

.\:focusring-offset-red-600:focus {
  --tw-ring-offset-color: rgb(var(--red-600));
}

.\:focusring-offset-red-700:focus {
  --tw-ring-offset-color: rgb(var(--red-700));
}

.\:focusring-offset-red-800:focus {
  --tw-ring-offset-color: rgb(var(--red-800));
}

.\:focusring-offset-red-900:focus {
  --tw-ring-offset-color: rgb(var(--red-900));
}

.\:focusring-offset-orange-50:focus {
  --tw-ring-offset-color: rgb(var(--orange-50));
}

.\:focusring-offset-orange-100:focus {
  --tw-ring-offset-color: rgb(var(--orange-100));
}

.\:focusring-offset-orange-200:focus {
  --tw-ring-offset-color: rgb(var(--orange-200));
}

.\:focusring-offset-orange-300:focus {
  --tw-ring-offset-color: rgb(var(--orange-300));
}

.\:focusring-offset-orange-400:focus {
  --tw-ring-offset-color: rgb(var(--orange-400));
}

.\:focusring-offset-orange-500:focus {
  --tw-ring-offset-color: rgb(var(--orange-500));
}

.\:focusring-offset-orange-600:focus {
  --tw-ring-offset-color: rgb(var(--orange-600));
}

.\:focusring-offset-orange-700:focus {
  --tw-ring-offset-color: rgb(var(--orange-700));
}

.\:focusring-offset-orange-800:focus {
  --tw-ring-offset-color: rgb(var(--orange-800));
}

.\:focusring-offset-orange-900:focus {
  --tw-ring-offset-color: rgb(var(--orange-900));
}

.\:focusring-offset-amber-50:focus {
  --tw-ring-offset-color: rgb(var(--amber-50));
}

.\:focusring-offset-amber-100:focus {
  --tw-ring-offset-color: rgb(var(--amber-100));
}

.\:focusring-offset-amber-200:focus {
  --tw-ring-offset-color: rgb(var(--amber-200));
}

.\:focusring-offset-amber-300:focus {
  --tw-ring-offset-color: rgb(var(--amber-300));
}

.\:focusring-offset-amber-400:focus {
  --tw-ring-offset-color: rgb(var(--amber-400));
}

.\:focusring-offset-amber-500:focus {
  --tw-ring-offset-color: rgb(var(--amber-500));
}

.\:focusring-offset-amber-600:focus {
  --tw-ring-offset-color: rgb(var(--amber-600));
}

.\:focusring-offset-amber-700:focus {
  --tw-ring-offset-color: rgb(var(--amber-700));
}

.\:focusring-offset-amber-800:focus {
  --tw-ring-offset-color: rgb(var(--amber-800));
}

.\:focusring-offset-amber-900:focus {
  --tw-ring-offset-color: rgb(var(--amber-900));
}

.\:focusring-offset-yellow-50:focus {
  --tw-ring-offset-color: rgb(var(--yellow-50));
}

.\:focusring-offset-yellow-100:focus {
  --tw-ring-offset-color: rgb(var(--yellow-100));
}

.\:focusring-offset-yellow-200:focus {
  --tw-ring-offset-color: rgb(var(--yellow-200));
}

.\:focusring-offset-yellow-300:focus {
  --tw-ring-offset-color: rgb(var(--yellow-300));
}

.\:focusring-offset-yellow-400:focus {
  --tw-ring-offset-color: rgb(var(--yellow-400));
}

.\:focusring-offset-yellow-500:focus {
  --tw-ring-offset-color: rgb(var(--yellow-500));
}

.\:focusring-offset-yellow-600:focus {
  --tw-ring-offset-color: rgb(var(--yellow-600));
}

.\:focusring-offset-yellow-700:focus {
  --tw-ring-offset-color: rgb(var(--yellow-700));
}

.\:focusring-offset-yellow-800:focus {
  --tw-ring-offset-color: rgb(var(--yellow-800));
}

.\:focusring-offset-yellow-900:focus {
  --tw-ring-offset-color: rgb(var(--yellow-900));
}

.\:focusring-offset-lime-50:focus {
  --tw-ring-offset-color: rgb(var(--lime-50));
}

.\:focusring-offset-lime-100:focus {
  --tw-ring-offset-color: rgb(var(--lime-100));
}

.\:focusring-offset-lime-200:focus {
  --tw-ring-offset-color: rgb(var(--lime-200));
}

.\:focusring-offset-lime-300:focus {
  --tw-ring-offset-color: rgb(var(--lime-300));
}

.\:focusring-offset-lime-400:focus {
  --tw-ring-offset-color: rgb(var(--lime-400));
}

.\:focusring-offset-lime-500:focus {
  --tw-ring-offset-color: rgb(var(--lime-500));
}

.\:focusring-offset-lime-600:focus {
  --tw-ring-offset-color: rgb(var(--lime-600));
}

.\:focusring-offset-lime-700:focus {
  --tw-ring-offset-color: rgb(var(--lime-700));
}

.\:focusring-offset-lime-800:focus {
  --tw-ring-offset-color: rgb(var(--lime-800));
}

.\:focusring-offset-lime-900:focus {
  --tw-ring-offset-color: rgb(var(--lime-900));
}

.\:focusring-offset-green-50:focus {
  --tw-ring-offset-color: rgb(var(--green-50));
}

.\:focusring-offset-green-100:focus {
  --tw-ring-offset-color: rgb(var(--green-100));
}

.\:focusring-offset-green-200:focus {
  --tw-ring-offset-color: rgb(var(--green-200));
}

.\:focusring-offset-green-300:focus {
  --tw-ring-offset-color: rgb(var(--green-300));
}

.\:focusring-offset-green-400:focus {
  --tw-ring-offset-color: rgb(var(--green-400));
}

.\:focusring-offset-green-500:focus {
  --tw-ring-offset-color: rgb(var(--green-500));
}

.\:focusring-offset-green-600:focus {
  --tw-ring-offset-color: rgb(var(--green-600));
}

.\:focusring-offset-green-700:focus {
  --tw-ring-offset-color: rgb(var(--green-700));
}

.\:focusring-offset-green-800:focus {
  --tw-ring-offset-color: rgb(var(--green-800));
}

.\:focusring-offset-green-900:focus {
  --tw-ring-offset-color: rgb(var(--green-900));
}

.\:focusring-offset-emerald-50:focus {
  --tw-ring-offset-color: rgb(var(--emerald-50));
}

.\:focusring-offset-emerald-100:focus {
  --tw-ring-offset-color: rgb(var(--emerald-100));
}

.\:focusring-offset-emerald-200:focus {
  --tw-ring-offset-color: rgb(var(--emerald-200));
}

.\:focusring-offset-emerald-300:focus {
  --tw-ring-offset-color: rgb(var(--emerald-300));
}

.\:focusring-offset-emerald-400:focus {
  --tw-ring-offset-color: rgb(var(--emerald-400));
}

.\:focusring-offset-emerald-500:focus {
  --tw-ring-offset-color: rgb(var(--emerald-500));
}

.\:focusring-offset-emerald-600:focus {
  --tw-ring-offset-color: rgb(var(--emerald-600));
}

.\:focusring-offset-emerald-700:focus {
  --tw-ring-offset-color: rgb(var(--emerald-700));
}

.\:focusring-offset-emerald-800:focus {
  --tw-ring-offset-color: rgb(var(--emerald-800));
}

.\:focusring-offset-emerald-900:focus {
  --tw-ring-offset-color: rgb(var(--emerald-900));
}

.\:focusring-offset-teal-50:focus {
  --tw-ring-offset-color: rgb(var(--teal-50));
}

.\:focusring-offset-teal-100:focus {
  --tw-ring-offset-color: rgb(var(--teal-100));
}

.\:focusring-offset-teal-200:focus {
  --tw-ring-offset-color: rgb(var(--teal-200));
}

.\:focusring-offset-teal-300:focus {
  --tw-ring-offset-color: rgb(var(--teal-300));
}

.\:focusring-offset-teal-400:focus {
  --tw-ring-offset-color: rgb(var(--teal-400));
}

.\:focusring-offset-teal-500:focus {
  --tw-ring-offset-color: rgb(var(--teal-500));
}

.\:focusring-offset-teal-600:focus {
  --tw-ring-offset-color: rgb(var(--teal-600));
}

.\:focusring-offset-teal-700:focus {
  --tw-ring-offset-color: rgb(var(--teal-700));
}

.\:focusring-offset-teal-800:focus {
  --tw-ring-offset-color: rgb(var(--teal-800));
}

.\:focusring-offset-teal-900:focus {
  --tw-ring-offset-color: rgb(var(--teal-900));
}

.\:focusring-offset-cyan-50:focus {
  --tw-ring-offset-color: rgb(var(--cyan-50));
}

.\:focusring-offset-cyan-100:focus {
  --tw-ring-offset-color: rgb(var(--cyan-100));
}

.\:focusring-offset-cyan-200:focus {
  --tw-ring-offset-color: rgb(var(--cyan-200));
}

.\:focusring-offset-cyan-300:focus {
  --tw-ring-offset-color: rgb(var(--cyan-300));
}

.\:focusring-offset-cyan-400:focus {
  --tw-ring-offset-color: rgb(var(--cyan-400));
}

.\:focusring-offset-cyan-500:focus {
  --tw-ring-offset-color: rgb(var(--cyan-500));
}

.\:focusring-offset-cyan-600:focus {
  --tw-ring-offset-color: rgb(var(--cyan-600));
}

.\:focusring-offset-cyan-700:focus {
  --tw-ring-offset-color: rgb(var(--cyan-700));
}

.\:focusring-offset-cyan-800:focus {
  --tw-ring-offset-color: rgb(var(--cyan-800));
}

.\:focusring-offset-cyan-900:focus {
  --tw-ring-offset-color: rgb(var(--cyan-900));
}

.\:focusring-offset-sky-50:focus {
  --tw-ring-offset-color: rgb(var(--sky-50));
}

.\:focusring-offset-sky-100:focus {
  --tw-ring-offset-color: rgb(var(--sky-100));
}

.\:focusring-offset-sky-200:focus {
  --tw-ring-offset-color: rgb(var(--sky-200));
}

.\:focusring-offset-sky-300:focus {
  --tw-ring-offset-color: rgb(var(--sky-300));
}

.\:focusring-offset-sky-400:focus {
  --tw-ring-offset-color: rgb(var(--sky-400));
}

.\:focusring-offset-sky-500:focus {
  --tw-ring-offset-color: rgb(var(--sky-500));
}

.\:focusring-offset-sky-600:focus {
  --tw-ring-offset-color: rgb(var(--sky-600));
}

.\:focusring-offset-sky-700:focus {
  --tw-ring-offset-color: rgb(var(--sky-700));
}

.\:focusring-offset-sky-800:focus {
  --tw-ring-offset-color: rgb(var(--sky-800));
}

.\:focusring-offset-sky-900:focus {
  --tw-ring-offset-color: rgb(var(--sky-900));
}

.\:focusring-offset-blue-50:focus {
  --tw-ring-offset-color: rgb(var(--blue-50));
}

.\:focusring-offset-blue-100:focus {
  --tw-ring-offset-color: rgb(var(--blue-100));
}

.\:focusring-offset-blue-200:focus {
  --tw-ring-offset-color: rgb(var(--blue-200));
}

.\:focusring-offset-blue-300:focus {
  --tw-ring-offset-color: rgb(var(--blue-300));
}

.\:focusring-offset-blue-400:focus {
  --tw-ring-offset-color: rgb(var(--blue-400));
}

.\:focusring-offset-blue-500:focus {
  --tw-ring-offset-color: rgb(var(--blue-500));
}

.\:focusring-offset-blue-600:focus {
  --tw-ring-offset-color: rgb(var(--blue-600));
}

.\:focusring-offset-blue-700:focus {
  --tw-ring-offset-color: rgb(var(--blue-700));
}

.\:focusring-offset-blue-800:focus {
  --tw-ring-offset-color: rgb(var(--blue-800));
}

.\:focusring-offset-blue-900:focus {
  --tw-ring-offset-color: rgb(var(--blue-900));
}

.\:focusring-offset-indigo-50:focus {
  --tw-ring-offset-color: rgb(var(--indigo-50));
}

.\:focusring-offset-indigo-100:focus {
  --tw-ring-offset-color: rgb(var(--indigo-100));
}

.\:focusring-offset-indigo-200:focus {
  --tw-ring-offset-color: rgb(var(--indigo-200));
}

.\:focusring-offset-indigo-300:focus {
  --tw-ring-offset-color: rgb(var(--indigo-300));
}

.\:focusring-offset-indigo-400:focus {
  --tw-ring-offset-color: rgb(var(--indigo-400));
}

.\:focusring-offset-indigo-500:focus {
  --tw-ring-offset-color: rgb(var(--indigo-500));
}

.\:focusring-offset-indigo-600:focus {
  --tw-ring-offset-color: rgb(var(--indigo-600));
}

.\:focusring-offset-indigo-700:focus {
  --tw-ring-offset-color: rgb(var(--indigo-700));
}

.\:focusring-offset-indigo-800:focus {
  --tw-ring-offset-color: rgb(var(--indigo-800));
}

.\:focusring-offset-indigo-900:focus {
  --tw-ring-offset-color: rgb(var(--indigo-900));
}

.\:focusring-offset-violet-50:focus {
  --tw-ring-offset-color: rgb(var(--violet-50));
}

.\:focusring-offset-violet-100:focus {
  --tw-ring-offset-color: rgb(var(--violet-100));
}

.\:focusring-offset-violet-200:focus {
  --tw-ring-offset-color: rgb(var(--violet-200));
}

.\:focusring-offset-violet-300:focus {
  --tw-ring-offset-color: rgb(var(--violet-300));
}

.\:focusring-offset-violet-400:focus {
  --tw-ring-offset-color: rgb(var(--violet-400));
}

.\:focusring-offset-violet-500:focus {
  --tw-ring-offset-color: rgb(var(--violet-500));
}

.\:focusring-offset-violet-600:focus {
  --tw-ring-offset-color: rgb(var(--violet-600));
}

.\:focusring-offset-violet-700:focus {
  --tw-ring-offset-color: rgb(var(--violet-700));
}

.\:focusring-offset-violet-800:focus {
  --tw-ring-offset-color: rgb(var(--violet-800));
}

.\:focusring-offset-violet-900:focus {
  --tw-ring-offset-color: rgb(var(--violet-900));
}

.\:focusring-offset-purple-50:focus {
  --tw-ring-offset-color: rgb(var(--purple-50));
}

.\:focusring-offset-purple-100:focus {
  --tw-ring-offset-color: rgb(var(--purple-100));
}

.\:focusring-offset-purple-200:focus {
  --tw-ring-offset-color: rgb(var(--purple-200));
}

.\:focusring-offset-purple-300:focus {
  --tw-ring-offset-color: rgb(var(--purple-300));
}

.\:focusring-offset-purple-400:focus {
  --tw-ring-offset-color: rgb(var(--purple-400));
}

.\:focusring-offset-purple-500:focus {
  --tw-ring-offset-color: rgb(var(--purple-500));
}

.\:focusring-offset-purple-600:focus {
  --tw-ring-offset-color: rgb(var(--purple-600));
}

.\:focusring-offset-purple-700:focus {
  --tw-ring-offset-color: rgb(var(--purple-700));
}

.\:focusring-offset-purple-800:focus {
  --tw-ring-offset-color: rgb(var(--purple-800));
}

.\:focusring-offset-purple-900:focus {
  --tw-ring-offset-color: rgb(var(--purple-900));
}

.\:focusring-offset-fuchsia-50:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-50));
}

.\:focusring-offset-fuchsia-100:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-100));
}

.\:focusring-offset-fuchsia-200:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-200));
}

.\:focusring-offset-fuchsia-300:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-300));
}

.\:focusring-offset-fuchsia-400:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-400));
}

.\:focusring-offset-fuchsia-500:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-500));
}

.\:focusring-offset-fuchsia-600:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-600));
}

.\:focusring-offset-fuchsia-700:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-700));
}

.\:focusring-offset-fuchsia-800:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-800));
}

.\:focusring-offset-fuchsia-900:focus {
  --tw-ring-offset-color: rgb(var(--fuchsia-900));
}

.\:focusring-offset-pink-50:focus {
  --tw-ring-offset-color: rgb(var(--pink-50));
}

.\:focusring-offset-pink-100:focus {
  --tw-ring-offset-color: rgb(var(--pink-100));
}

.\:focusring-offset-pink-200:focus {
  --tw-ring-offset-color: rgb(var(--pink-200));
}

.\:focusring-offset-pink-300:focus {
  --tw-ring-offset-color: rgb(var(--pink-300));
}

.\:focusring-offset-pink-400:focus {
  --tw-ring-offset-color: rgb(var(--pink-400));
}

.\:focusring-offset-pink-500:focus {
  --tw-ring-offset-color: rgb(var(--pink-500));
}

.\:focusring-offset-pink-600:focus {
  --tw-ring-offset-color: rgb(var(--pink-600));
}

.\:focusring-offset-pink-700:focus {
  --tw-ring-offset-color: rgb(var(--pink-700));
}

.\:focusring-offset-pink-800:focus {
  --tw-ring-offset-color: rgb(var(--pink-800));
}

.\:focusring-offset-pink-900:focus {
  --tw-ring-offset-color: rgb(var(--pink-900));
}

.\:focusring-offset-rose-50:focus {
  --tw-ring-offset-color: rgb(var(--rose-50));
}

.\:focusring-offset-rose-100:focus {
  --tw-ring-offset-color: rgb(var(--rose-100));
}

.\:focusring-offset-rose-200:focus {
  --tw-ring-offset-color: rgb(var(--rose-200));
}

.\:focusring-offset-rose-300:focus {
  --tw-ring-offset-color: rgb(var(--rose-300));
}

.\:focusring-offset-rose-400:focus {
  --tw-ring-offset-color: rgb(var(--rose-400));
}

.\:focusring-offset-rose-500:focus {
  --tw-ring-offset-color: rgb(var(--rose-500));
}

.\:focusring-offset-rose-600:focus {
  --tw-ring-offset-color: rgb(var(--rose-600));
}

.\:focusring-offset-rose-700:focus {
  --tw-ring-offset-color: rgb(var(--rose-700));
}

.\:focusring-offset-rose-800:focus {
  --tw-ring-offset-color: rgb(var(--rose-800));
}

.\:focusring-offset-rose-900:focus {
  --tw-ring-offset-color: rgb(var(--rose-900));
}

.\:focusring-offset-slate-50:focus {
  --tw-ring-offset-color: rgb(var(--slate-50));
}

.\:focusring-offset-slate-100:focus {
  --tw-ring-offset-color: rgb(var(--slate-100));
}

.\:focusring-offset-slate-200:focus {
  --tw-ring-offset-color: rgb(var(--slate-200));
}

.\:focusring-offset-slate-300:focus {
  --tw-ring-offset-color: rgb(var(--slate-300));
}

.\:focusring-offset-slate-400:focus {
  --tw-ring-offset-color: rgb(var(--slate-400));
}

.\:focusring-offset-slate-500:focus {
  --tw-ring-offset-color: rgb(var(--slate-500));
}

.\:focusring-offset-slate-600:focus {
  --tw-ring-offset-color: rgb(var(--slate-600));
}

.\:focusring-offset-slate-700:focus {
  --tw-ring-offset-color: rgb(var(--slate-700));
}

.\:focusring-offset-slate-800:focus {
  --tw-ring-offset-color: rgb(var(--slate-800));
}

.\:focusring-offset-slate-900:focus {
  --tw-ring-offset-color: rgb(var(--slate-900));
}

.\:focusring-offset-gray-50:focus {
  --tw-ring-offset-color: rgb(var(--gray-50));
}

.\:focusring-offset-gray-100:focus {
  --tw-ring-offset-color: rgb(var(--gray-100));
}

.\:focusring-offset-gray-200:focus {
  --tw-ring-offset-color: rgb(var(--gray-200));
}

.\:focusring-offset-gray-300:focus {
  --tw-ring-offset-color: rgb(var(--gray-300));
}

.\:focusring-offset-gray-400:focus {
  --tw-ring-offset-color: rgb(var(--gray-400));
}

.\:focusring-offset-gray-500:focus {
  --tw-ring-offset-color: rgb(var(--gray-500));
}

.\:focusring-offset-gray-600:focus {
  --tw-ring-offset-color: rgb(var(--gray-600));
}

.\:focusring-offset-gray-700:focus {
  --tw-ring-offset-color: rgb(var(--gray-700));
}

.\:focusring-offset-gray-800:focus {
  --tw-ring-offset-color: rgb(var(--gray-800));
}

.\:focusring-offset-gray-900:focus {
  --tw-ring-offset-color: rgb(var(--gray-900));
}

.\:focusring-offset-zinc-50:focus {
  --tw-ring-offset-color: rgb(var(--zinc-50));
}

.\:focusring-offset-zinc-100:focus {
  --tw-ring-offset-color: rgb(var(--zinc-100));
}

.\:focusring-offset-zinc-200:focus {
  --tw-ring-offset-color: rgb(var(--zinc-200));
}

.\:focusring-offset-zinc-300:focus {
  --tw-ring-offset-color: rgb(var(--zinc-300));
}

.\:focusring-offset-zinc-400:focus {
  --tw-ring-offset-color: rgb(var(--zinc-400));
}

.\:focusring-offset-zinc-500:focus {
  --tw-ring-offset-color: rgb(var(--zinc-500));
}

.\:focusring-offset-zinc-600:focus {
  --tw-ring-offset-color: rgb(var(--zinc-600));
}

.\:focusring-offset-zinc-700:focus {
  --tw-ring-offset-color: rgb(var(--zinc-700));
}

.\:focusring-offset-zinc-800:focus {
  --tw-ring-offset-color: rgb(var(--zinc-800));
}

.\:focusring-offset-zinc-900:focus {
  --tw-ring-offset-color: rgb(var(--zinc-900));
}

.\:focusring-offset-black-DEFAULT:focus {
  --tw-ring-offset-color: rgb(var(--black-DEFAULT));
}

.\:focusring-offset-white-DEFAULT:focus {
  --tw-ring-offset-color: rgb(var(--white-DEFAULT));
}

.\:focusbg-blend-normal:focus {
  background-blend-mode: normal;
}

.\:focusbg-blend-multiply:focus {
  background-blend-mode: multiply;
}

.\:focusbg-blend-screen:focus {
  background-blend-mode: screen;
}

.\:focusbg-blend-overlay:focus {
  background-blend-mode: overlay;
}

.\:focusbg-blend-darken:focus {
  background-blend-mode: darken;
}

.\:focusbg-blend-lighten:focus {
  background-blend-mode: lighten;
}

.\:focusbg-blend-color-dodge:focus {
  background-blend-mode: color-dodge;
}

.\:focusbg-blend-color-burn:focus {
  background-blend-mode: color-burn;
}

.\:focusbg-blend-hard-light:focus {
  background-blend-mode: hard-light;
}

.\:focusbg-blend-soft-light:focus {
  background-blend-mode: soft-light;
}

.\:focusbg-blend-difference:focus {
  background-blend-mode: difference;
}

.\:focusbg-blend-exclusion:focus {
  background-blend-mode: exclusion;
}

.\:focusbg-blend-hue:focus {
  background-blend-mode: hue;
}

.\:focusbg-blend-saturation:focus {
  background-blend-mode: saturation;
}

.\:focusbg-blend-color:focus {
  background-blend-mode: color;
}

.\:focusbg-blend-luminosity:focus {
  background-blend-mode: luminosity;
}

/* active 变体 */
.\:activecaret-red-50:active {
  caret-color: rgb(var(--red-50));
}

.\:activecaret-red-100:active {
  caret-color: rgb(var(--red-100));
}

.\:activecaret-red-200:active {
  caret-color: rgb(var(--red-200));
}

.\:activecaret-red-300:active {
  caret-color: rgb(var(--red-300));
}

.\:activecaret-red-400:active {
  caret-color: rgb(var(--red-400));
}

.\:activecaret-red-500:active {
  caret-color: rgb(var(--red-500));
}

.\:activecaret-red-600:active {
  caret-color: rgb(var(--red-600));
}

.\:activecaret-red-700:active {
  caret-color: rgb(var(--red-700));
}

.\:activecaret-red-800:active {
  caret-color: rgb(var(--red-800));
}

.\:activecaret-red-900:active {
  caret-color: rgb(var(--red-900));
}

.\:activecaret-orange-50:active {
  caret-color: rgb(var(--orange-50));
}

.\:activecaret-orange-100:active {
  caret-color: rgb(var(--orange-100));
}

.\:activecaret-orange-200:active {
  caret-color: rgb(var(--orange-200));
}

.\:activecaret-orange-300:active {
  caret-color: rgb(var(--orange-300));
}

.\:activecaret-orange-400:active {
  caret-color: rgb(var(--orange-400));
}

.\:activecaret-orange-500:active {
  caret-color: rgb(var(--orange-500));
}

.\:activecaret-orange-600:active {
  caret-color: rgb(var(--orange-600));
}

.\:activecaret-orange-700:active {
  caret-color: rgb(var(--orange-700));
}

.\:activecaret-orange-800:active {
  caret-color: rgb(var(--orange-800));
}

.\:activecaret-orange-900:active {
  caret-color: rgb(var(--orange-900));
}

.\:activecaret-amber-50:active {
  caret-color: rgb(var(--amber-50));
}

.\:activecaret-amber-100:active {
  caret-color: rgb(var(--amber-100));
}

.\:activecaret-amber-200:active {
  caret-color: rgb(var(--amber-200));
}

.\:activecaret-amber-300:active {
  caret-color: rgb(var(--amber-300));
}

.\:activecaret-amber-400:active {
  caret-color: rgb(var(--amber-400));
}

.\:activecaret-amber-500:active {
  caret-color: rgb(var(--amber-500));
}

.\:activecaret-amber-600:active {
  caret-color: rgb(var(--amber-600));
}

.\:activecaret-amber-700:active {
  caret-color: rgb(var(--amber-700));
}

.\:activecaret-amber-800:active {
  caret-color: rgb(var(--amber-800));
}

.\:activecaret-amber-900:active {
  caret-color: rgb(var(--amber-900));
}

.\:activecaret-yellow-50:active {
  caret-color: rgb(var(--yellow-50));
}

.\:activecaret-yellow-100:active {
  caret-color: rgb(var(--yellow-100));
}

.\:activecaret-yellow-200:active {
  caret-color: rgb(var(--yellow-200));
}

.\:activecaret-yellow-300:active {
  caret-color: rgb(var(--yellow-300));
}

.\:activecaret-yellow-400:active {
  caret-color: rgb(var(--yellow-400));
}

.\:activecaret-yellow-500:active {
  caret-color: rgb(var(--yellow-500));
}

.\:activecaret-yellow-600:active {
  caret-color: rgb(var(--yellow-600));
}

.\:activecaret-yellow-700:active {
  caret-color: rgb(var(--yellow-700));
}

.\:activecaret-yellow-800:active {
  caret-color: rgb(var(--yellow-800));
}

.\:activecaret-yellow-900:active {
  caret-color: rgb(var(--yellow-900));
}

.\:activecaret-lime-50:active {
  caret-color: rgb(var(--lime-50));
}

.\:activecaret-lime-100:active {
  caret-color: rgb(var(--lime-100));
}

.\:activecaret-lime-200:active {
  caret-color: rgb(var(--lime-200));
}

.\:activecaret-lime-300:active {
  caret-color: rgb(var(--lime-300));
}

.\:activecaret-lime-400:active {
  caret-color: rgb(var(--lime-400));
}

.\:activecaret-lime-500:active {
  caret-color: rgb(var(--lime-500));
}

.\:activecaret-lime-600:active {
  caret-color: rgb(var(--lime-600));
}

.\:activecaret-lime-700:active {
  caret-color: rgb(var(--lime-700));
}

.\:activecaret-lime-800:active {
  caret-color: rgb(var(--lime-800));
}

.\:activecaret-lime-900:active {
  caret-color: rgb(var(--lime-900));
}

.\:activecaret-green-50:active {
  caret-color: rgb(var(--green-50));
}

.\:activecaret-green-100:active {
  caret-color: rgb(var(--green-100));
}

.\:activecaret-green-200:active {
  caret-color: rgb(var(--green-200));
}

.\:activecaret-green-300:active {
  caret-color: rgb(var(--green-300));
}

.\:activecaret-green-400:active {
  caret-color: rgb(var(--green-400));
}

.\:activecaret-green-500:active {
  caret-color: rgb(var(--green-500));
}

.\:activecaret-green-600:active {
  caret-color: rgb(var(--green-600));
}

.\:activecaret-green-700:active {
  caret-color: rgb(var(--green-700));
}

.\:activecaret-green-800:active {
  caret-color: rgb(var(--green-800));
}

.\:activecaret-green-900:active {
  caret-color: rgb(var(--green-900));
}

.\:activecaret-emerald-50:active {
  caret-color: rgb(var(--emerald-50));
}

.\:activecaret-emerald-100:active {
  caret-color: rgb(var(--emerald-100));
}

.\:activecaret-emerald-200:active {
  caret-color: rgb(var(--emerald-200));
}

.\:activecaret-emerald-300:active {
  caret-color: rgb(var(--emerald-300));
}

.\:activecaret-emerald-400:active {
  caret-color: rgb(var(--emerald-400));
}

.\:activecaret-emerald-500:active {
  caret-color: rgb(var(--emerald-500));
}

.\:activecaret-emerald-600:active {
  caret-color: rgb(var(--emerald-600));
}

.\:activecaret-emerald-700:active {
  caret-color: rgb(var(--emerald-700));
}

.\:activecaret-emerald-800:active {
  caret-color: rgb(var(--emerald-800));
}

.\:activecaret-emerald-900:active {
  caret-color: rgb(var(--emerald-900));
}

.\:activecaret-teal-50:active {
  caret-color: rgb(var(--teal-50));
}

.\:activecaret-teal-100:active {
  caret-color: rgb(var(--teal-100));
}

.\:activecaret-teal-200:active {
  caret-color: rgb(var(--teal-200));
}

.\:activecaret-teal-300:active {
  caret-color: rgb(var(--teal-300));
}

.\:activecaret-teal-400:active {
  caret-color: rgb(var(--teal-400));
}

.\:activecaret-teal-500:active {
  caret-color: rgb(var(--teal-500));
}

.\:activecaret-teal-600:active {
  caret-color: rgb(var(--teal-600));
}

.\:activecaret-teal-700:active {
  caret-color: rgb(var(--teal-700));
}

.\:activecaret-teal-800:active {
  caret-color: rgb(var(--teal-800));
}

.\:activecaret-teal-900:active {
  caret-color: rgb(var(--teal-900));
}

.\:activecaret-cyan-50:active {
  caret-color: rgb(var(--cyan-50));
}

.\:activecaret-cyan-100:active {
  caret-color: rgb(var(--cyan-100));
}

.\:activecaret-cyan-200:active {
  caret-color: rgb(var(--cyan-200));
}

.\:activecaret-cyan-300:active {
  caret-color: rgb(var(--cyan-300));
}

.\:activecaret-cyan-400:active {
  caret-color: rgb(var(--cyan-400));
}

.\:activecaret-cyan-500:active {
  caret-color: rgb(var(--cyan-500));
}

.\:activecaret-cyan-600:active {
  caret-color: rgb(var(--cyan-600));
}

.\:activecaret-cyan-700:active {
  caret-color: rgb(var(--cyan-700));
}

.\:activecaret-cyan-800:active {
  caret-color: rgb(var(--cyan-800));
}

.\:activecaret-cyan-900:active {
  caret-color: rgb(var(--cyan-900));
}

.\:activecaret-sky-50:active {
  caret-color: rgb(var(--sky-50));
}

.\:activecaret-sky-100:active {
  caret-color: rgb(var(--sky-100));
}

.\:activecaret-sky-200:active {
  caret-color: rgb(var(--sky-200));
}

.\:activecaret-sky-300:active {
  caret-color: rgb(var(--sky-300));
}

.\:activecaret-sky-400:active {
  caret-color: rgb(var(--sky-400));
}

.\:activecaret-sky-500:active {
  caret-color: rgb(var(--sky-500));
}

.\:activecaret-sky-600:active {
  caret-color: rgb(var(--sky-600));
}

.\:activecaret-sky-700:active {
  caret-color: rgb(var(--sky-700));
}

.\:activecaret-sky-800:active {
  caret-color: rgb(var(--sky-800));
}

.\:activecaret-sky-900:active {
  caret-color: rgb(var(--sky-900));
}

.\:activecaret-blue-50:active {
  caret-color: rgb(var(--blue-50));
}

.\:activecaret-blue-100:active {
  caret-color: rgb(var(--blue-100));
}

.\:activecaret-blue-200:active {
  caret-color: rgb(var(--blue-200));
}

.\:activecaret-blue-300:active {
  caret-color: rgb(var(--blue-300));
}

.\:activecaret-blue-400:active {
  caret-color: rgb(var(--blue-400));
}

.\:activecaret-blue-500:active {
  caret-color: rgb(var(--blue-500));
}

.\:activecaret-blue-600:active {
  caret-color: rgb(var(--blue-600));
}

.\:activecaret-blue-700:active {
  caret-color: rgb(var(--blue-700));
}

.\:activecaret-blue-800:active {
  caret-color: rgb(var(--blue-800));
}

.\:activecaret-blue-900:active {
  caret-color: rgb(var(--blue-900));
}

.\:activecaret-indigo-50:active {
  caret-color: rgb(var(--indigo-50));
}

.\:activecaret-indigo-100:active {
  caret-color: rgb(var(--indigo-100));
}

.\:activecaret-indigo-200:active {
  caret-color: rgb(var(--indigo-200));
}

.\:activecaret-indigo-300:active {
  caret-color: rgb(var(--indigo-300));
}

.\:activecaret-indigo-400:active {
  caret-color: rgb(var(--indigo-400));
}

.\:activecaret-indigo-500:active {
  caret-color: rgb(var(--indigo-500));
}

.\:activecaret-indigo-600:active {
  caret-color: rgb(var(--indigo-600));
}

.\:activecaret-indigo-700:active {
  caret-color: rgb(var(--indigo-700));
}

.\:activecaret-indigo-800:active {
  caret-color: rgb(var(--indigo-800));
}

.\:activecaret-indigo-900:active {
  caret-color: rgb(var(--indigo-900));
}

.\:activecaret-violet-50:active {
  caret-color: rgb(var(--violet-50));
}

.\:activecaret-violet-100:active {
  caret-color: rgb(var(--violet-100));
}

.\:activecaret-violet-200:active {
  caret-color: rgb(var(--violet-200));
}

.\:activecaret-violet-300:active {
  caret-color: rgb(var(--violet-300));
}

.\:activecaret-violet-400:active {
  caret-color: rgb(var(--violet-400));
}

.\:activecaret-violet-500:active {
  caret-color: rgb(var(--violet-500));
}

.\:activecaret-violet-600:active {
  caret-color: rgb(var(--violet-600));
}

.\:activecaret-violet-700:active {
  caret-color: rgb(var(--violet-700));
}

.\:activecaret-violet-800:active {
  caret-color: rgb(var(--violet-800));
}

.\:activecaret-violet-900:active {
  caret-color: rgb(var(--violet-900));
}

.\:activecaret-purple-50:active {
  caret-color: rgb(var(--purple-50));
}

.\:activecaret-purple-100:active {
  caret-color: rgb(var(--purple-100));
}

.\:activecaret-purple-200:active {
  caret-color: rgb(var(--purple-200));
}

.\:activecaret-purple-300:active {
  caret-color: rgb(var(--purple-300));
}

.\:activecaret-purple-400:active {
  caret-color: rgb(var(--purple-400));
}

.\:activecaret-purple-500:active {
  caret-color: rgb(var(--purple-500));
}

.\:activecaret-purple-600:active {
  caret-color: rgb(var(--purple-600));
}

.\:activecaret-purple-700:active {
  caret-color: rgb(var(--purple-700));
}

.\:activecaret-purple-800:active {
  caret-color: rgb(var(--purple-800));
}

.\:activecaret-purple-900:active {
  caret-color: rgb(var(--purple-900));
}

.\:activecaret-fuchsia-50:active {
  caret-color: rgb(var(--fuchsia-50));
}

.\:activecaret-fuchsia-100:active {
  caret-color: rgb(var(--fuchsia-100));
}

.\:activecaret-fuchsia-200:active {
  caret-color: rgb(var(--fuchsia-200));
}

.\:activecaret-fuchsia-300:active {
  caret-color: rgb(var(--fuchsia-300));
}

.\:activecaret-fuchsia-400:active {
  caret-color: rgb(var(--fuchsia-400));
}

.\:activecaret-fuchsia-500:active {
  caret-color: rgb(var(--fuchsia-500));
}

.\:activecaret-fuchsia-600:active {
  caret-color: rgb(var(--fuchsia-600));
}

.\:activecaret-fuchsia-700:active {
  caret-color: rgb(var(--fuchsia-700));
}

.\:activecaret-fuchsia-800:active {
  caret-color: rgb(var(--fuchsia-800));
}

.\:activecaret-fuchsia-900:active {
  caret-color: rgb(var(--fuchsia-900));
}

.\:activecaret-pink-50:active {
  caret-color: rgb(var(--pink-50));
}

.\:activecaret-pink-100:active {
  caret-color: rgb(var(--pink-100));
}

.\:activecaret-pink-200:active {
  caret-color: rgb(var(--pink-200));
}

.\:activecaret-pink-300:active {
  caret-color: rgb(var(--pink-300));
}

.\:activecaret-pink-400:active {
  caret-color: rgb(var(--pink-400));
}

.\:activecaret-pink-500:active {
  caret-color: rgb(var(--pink-500));
}

.\:activecaret-pink-600:active {
  caret-color: rgb(var(--pink-600));
}

.\:activecaret-pink-700:active {
  caret-color: rgb(var(--pink-700));
}

.\:activecaret-pink-800:active {
  caret-color: rgb(var(--pink-800));
}

.\:activecaret-pink-900:active {
  caret-color: rgb(var(--pink-900));
}

.\:activecaret-rose-50:active {
  caret-color: rgb(var(--rose-50));
}

.\:activecaret-rose-100:active {
  caret-color: rgb(var(--rose-100));
}

.\:activecaret-rose-200:active {
  caret-color: rgb(var(--rose-200));
}

.\:activecaret-rose-300:active {
  caret-color: rgb(var(--rose-300));
}

.\:activecaret-rose-400:active {
  caret-color: rgb(var(--rose-400));
}

.\:activecaret-rose-500:active {
  caret-color: rgb(var(--rose-500));
}

.\:activecaret-rose-600:active {
  caret-color: rgb(var(--rose-600));
}

.\:activecaret-rose-700:active {
  caret-color: rgb(var(--rose-700));
}

.\:activecaret-rose-800:active {
  caret-color: rgb(var(--rose-800));
}

.\:activecaret-rose-900:active {
  caret-color: rgb(var(--rose-900));
}

.\:activecaret-slate-50:active {
  caret-color: rgb(var(--slate-50));
}

.\:activecaret-slate-100:active {
  caret-color: rgb(var(--slate-100));
}

.\:activecaret-slate-200:active {
  caret-color: rgb(var(--slate-200));
}

.\:activecaret-slate-300:active {
  caret-color: rgb(var(--slate-300));
}

.\:activecaret-slate-400:active {
  caret-color: rgb(var(--slate-400));
}

.\:activecaret-slate-500:active {
  caret-color: rgb(var(--slate-500));
}

.\:activecaret-slate-600:active {
  caret-color: rgb(var(--slate-600));
}

.\:activecaret-slate-700:active {
  caret-color: rgb(var(--slate-700));
}

.\:activecaret-slate-800:active {
  caret-color: rgb(var(--slate-800));
}

.\:activecaret-slate-900:active {
  caret-color: rgb(var(--slate-900));
}

.\:activecaret-gray-50:active {
  caret-color: rgb(var(--gray-50));
}

.\:activecaret-gray-100:active {
  caret-color: rgb(var(--gray-100));
}

.\:activecaret-gray-200:active {
  caret-color: rgb(var(--gray-200));
}

.\:activecaret-gray-300:active {
  caret-color: rgb(var(--gray-300));
}

.\:activecaret-gray-400:active {
  caret-color: rgb(var(--gray-400));
}

.\:activecaret-gray-500:active {
  caret-color: rgb(var(--gray-500));
}

.\:activecaret-gray-600:active {
  caret-color: rgb(var(--gray-600));
}

.\:activecaret-gray-700:active {
  caret-color: rgb(var(--gray-700));
}

.\:activecaret-gray-800:active {
  caret-color: rgb(var(--gray-800));
}

.\:activecaret-gray-900:active {
  caret-color: rgb(var(--gray-900));
}

.\:activecaret-zinc-50:active {
  caret-color: rgb(var(--zinc-50));
}

.\:activecaret-zinc-100:active {
  caret-color: rgb(var(--zinc-100));
}

.\:activecaret-zinc-200:active {
  caret-color: rgb(var(--zinc-200));
}

.\:activecaret-zinc-300:active {
  caret-color: rgb(var(--zinc-300));
}

.\:activecaret-zinc-400:active {
  caret-color: rgb(var(--zinc-400));
}

.\:activecaret-zinc-500:active {
  caret-color: rgb(var(--zinc-500));
}

.\:activecaret-zinc-600:active {
  caret-color: rgb(var(--zinc-600));
}

.\:activecaret-zinc-700:active {
  caret-color: rgb(var(--zinc-700));
}

.\:activecaret-zinc-800:active {
  caret-color: rgb(var(--zinc-800));
}

.\:activecaret-zinc-900:active {
  caret-color: rgb(var(--zinc-900));
}

.\:activecaret-black-DEFAULT:active {
  caret-color: rgb(var(--black-DEFAULT));
}

.\:activecaret-white-DEFAULT:active {
  caret-color: rgb(var(--white-DEFAULT));
}

.\:activeaccent-red-50:active {
  accent-color: rgb(var(--red-50));
}

.\:activeaccent-red-100:active {
  accent-color: rgb(var(--red-100));
}

.\:activeaccent-red-200:active {
  accent-color: rgb(var(--red-200));
}

.\:activeaccent-red-300:active {
  accent-color: rgb(var(--red-300));
}

.\:activeaccent-red-400:active {
  accent-color: rgb(var(--red-400));
}

.\:activeaccent-red-500:active {
  accent-color: rgb(var(--red-500));
}

.\:activeaccent-red-600:active {
  accent-color: rgb(var(--red-600));
}

.\:activeaccent-red-700:active {
  accent-color: rgb(var(--red-700));
}

.\:activeaccent-red-800:active {
  accent-color: rgb(var(--red-800));
}

.\:activeaccent-red-900:active {
  accent-color: rgb(var(--red-900));
}

.\:activeaccent-orange-50:active {
  accent-color: rgb(var(--orange-50));
}

.\:activeaccent-orange-100:active {
  accent-color: rgb(var(--orange-100));
}

.\:activeaccent-orange-200:active {
  accent-color: rgb(var(--orange-200));
}

.\:activeaccent-orange-300:active {
  accent-color: rgb(var(--orange-300));
}

.\:activeaccent-orange-400:active {
  accent-color: rgb(var(--orange-400));
}

.\:activeaccent-orange-500:active {
  accent-color: rgb(var(--orange-500));
}

.\:activeaccent-orange-600:active {
  accent-color: rgb(var(--orange-600));
}

.\:activeaccent-orange-700:active {
  accent-color: rgb(var(--orange-700));
}

.\:activeaccent-orange-800:active {
  accent-color: rgb(var(--orange-800));
}

.\:activeaccent-orange-900:active {
  accent-color: rgb(var(--orange-900));
}

.\:activeaccent-amber-50:active {
  accent-color: rgb(var(--amber-50));
}

.\:activeaccent-amber-100:active {
  accent-color: rgb(var(--amber-100));
}

.\:activeaccent-amber-200:active {
  accent-color: rgb(var(--amber-200));
}

.\:activeaccent-amber-300:active {
  accent-color: rgb(var(--amber-300));
}

.\:activeaccent-amber-400:active {
  accent-color: rgb(var(--amber-400));
}

.\:activeaccent-amber-500:active {
  accent-color: rgb(var(--amber-500));
}

.\:activeaccent-amber-600:active {
  accent-color: rgb(var(--amber-600));
}

.\:activeaccent-amber-700:active {
  accent-color: rgb(var(--amber-700));
}

.\:activeaccent-amber-800:active {
  accent-color: rgb(var(--amber-800));
}

.\:activeaccent-amber-900:active {
  accent-color: rgb(var(--amber-900));
}

.\:activeaccent-yellow-50:active {
  accent-color: rgb(var(--yellow-50));
}

.\:activeaccent-yellow-100:active {
  accent-color: rgb(var(--yellow-100));
}

.\:activeaccent-yellow-200:active {
  accent-color: rgb(var(--yellow-200));
}

.\:activeaccent-yellow-300:active {
  accent-color: rgb(var(--yellow-300));
}

.\:activeaccent-yellow-400:active {
  accent-color: rgb(var(--yellow-400));
}

.\:activeaccent-yellow-500:active {
  accent-color: rgb(var(--yellow-500));
}

.\:activeaccent-yellow-600:active {
  accent-color: rgb(var(--yellow-600));
}

.\:activeaccent-yellow-700:active {
  accent-color: rgb(var(--yellow-700));
}

.\:activeaccent-yellow-800:active {
  accent-color: rgb(var(--yellow-800));
}

.\:activeaccent-yellow-900:active {
  accent-color: rgb(var(--yellow-900));
}

.\:activeaccent-lime-50:active {
  accent-color: rgb(var(--lime-50));
}

.\:activeaccent-lime-100:active {
  accent-color: rgb(var(--lime-100));
}

.\:activeaccent-lime-200:active {
  accent-color: rgb(var(--lime-200));
}

.\:activeaccent-lime-300:active {
  accent-color: rgb(var(--lime-300));
}

.\:activeaccent-lime-400:active {
  accent-color: rgb(var(--lime-400));
}

.\:activeaccent-lime-500:active {
  accent-color: rgb(var(--lime-500));
}

.\:activeaccent-lime-600:active {
  accent-color: rgb(var(--lime-600));
}

.\:activeaccent-lime-700:active {
  accent-color: rgb(var(--lime-700));
}

.\:activeaccent-lime-800:active {
  accent-color: rgb(var(--lime-800));
}

.\:activeaccent-lime-900:active {
  accent-color: rgb(var(--lime-900));
}

.\:activeaccent-green-50:active {
  accent-color: rgb(var(--green-50));
}

.\:activeaccent-green-100:active {
  accent-color: rgb(var(--green-100));
}

.\:activeaccent-green-200:active {
  accent-color: rgb(var(--green-200));
}

.\:activeaccent-green-300:active {
  accent-color: rgb(var(--green-300));
}

.\:activeaccent-green-400:active {
  accent-color: rgb(var(--green-400));
}

.\:activeaccent-green-500:active {
  accent-color: rgb(var(--green-500));
}

.\:activeaccent-green-600:active {
  accent-color: rgb(var(--green-600));
}

.\:activeaccent-green-700:active {
  accent-color: rgb(var(--green-700));
}

.\:activeaccent-green-800:active {
  accent-color: rgb(var(--green-800));
}

.\:activeaccent-green-900:active {
  accent-color: rgb(var(--green-900));
}

.\:activeaccent-emerald-50:active {
  accent-color: rgb(var(--emerald-50));
}

.\:activeaccent-emerald-100:active {
  accent-color: rgb(var(--emerald-100));
}

.\:activeaccent-emerald-200:active {
  accent-color: rgb(var(--emerald-200));
}

.\:activeaccent-emerald-300:active {
  accent-color: rgb(var(--emerald-300));
}

.\:activeaccent-emerald-400:active {
  accent-color: rgb(var(--emerald-400));
}

.\:activeaccent-emerald-500:active {
  accent-color: rgb(var(--emerald-500));
}

.\:activeaccent-emerald-600:active {
  accent-color: rgb(var(--emerald-600));
}

.\:activeaccent-emerald-700:active {
  accent-color: rgb(var(--emerald-700));
}

.\:activeaccent-emerald-800:active {
  accent-color: rgb(var(--emerald-800));
}

.\:activeaccent-emerald-900:active {
  accent-color: rgb(var(--emerald-900));
}

.\:activeaccent-teal-50:active {
  accent-color: rgb(var(--teal-50));
}

.\:activeaccent-teal-100:active {
  accent-color: rgb(var(--teal-100));
}

.\:activeaccent-teal-200:active {
  accent-color: rgb(var(--teal-200));
}

.\:activeaccent-teal-300:active {
  accent-color: rgb(var(--teal-300));
}

.\:activeaccent-teal-400:active {
  accent-color: rgb(var(--teal-400));
}

.\:activeaccent-teal-500:active {
  accent-color: rgb(var(--teal-500));
}

.\:activeaccent-teal-600:active {
  accent-color: rgb(var(--teal-600));
}

.\:activeaccent-teal-700:active {
  accent-color: rgb(var(--teal-700));
}

.\:activeaccent-teal-800:active {
  accent-color: rgb(var(--teal-800));
}

.\:activeaccent-teal-900:active {
  accent-color: rgb(var(--teal-900));
}

.\:activeaccent-cyan-50:active {
  accent-color: rgb(var(--cyan-50));
}

.\:activeaccent-cyan-100:active {
  accent-color: rgb(var(--cyan-100));
}

.\:activeaccent-cyan-200:active {
  accent-color: rgb(var(--cyan-200));
}

.\:activeaccent-cyan-300:active {
  accent-color: rgb(var(--cyan-300));
}

.\:activeaccent-cyan-400:active {
  accent-color: rgb(var(--cyan-400));
}

.\:activeaccent-cyan-500:active {
  accent-color: rgb(var(--cyan-500));
}

.\:activeaccent-cyan-600:active {
  accent-color: rgb(var(--cyan-600));
}

.\:activeaccent-cyan-700:active {
  accent-color: rgb(var(--cyan-700));
}

.\:activeaccent-cyan-800:active {
  accent-color: rgb(var(--cyan-800));
}

.\:activeaccent-cyan-900:active {
  accent-color: rgb(var(--cyan-900));
}

.\:activeaccent-sky-50:active {
  accent-color: rgb(var(--sky-50));
}

.\:activeaccent-sky-100:active {
  accent-color: rgb(var(--sky-100));
}

.\:activeaccent-sky-200:active {
  accent-color: rgb(var(--sky-200));
}

.\:activeaccent-sky-300:active {
  accent-color: rgb(var(--sky-300));
}

.\:activeaccent-sky-400:active {
  accent-color: rgb(var(--sky-400));
}

.\:activeaccent-sky-500:active {
  accent-color: rgb(var(--sky-500));
}

.\:activeaccent-sky-600:active {
  accent-color: rgb(var(--sky-600));
}

.\:activeaccent-sky-700:active {
  accent-color: rgb(var(--sky-700));
}

.\:activeaccent-sky-800:active {
  accent-color: rgb(var(--sky-800));
}

.\:activeaccent-sky-900:active {
  accent-color: rgb(var(--sky-900));
}

.\:activeaccent-blue-50:active {
  accent-color: rgb(var(--blue-50));
}

.\:activeaccent-blue-100:active {
  accent-color: rgb(var(--blue-100));
}

.\:activeaccent-blue-200:active {
  accent-color: rgb(var(--blue-200));
}

.\:activeaccent-blue-300:active {
  accent-color: rgb(var(--blue-300));
}

.\:activeaccent-blue-400:active {
  accent-color: rgb(var(--blue-400));
}

.\:activeaccent-blue-500:active {
  accent-color: rgb(var(--blue-500));
}

.\:activeaccent-blue-600:active {
  accent-color: rgb(var(--blue-600));
}

.\:activeaccent-blue-700:active {
  accent-color: rgb(var(--blue-700));
}

.\:activeaccent-blue-800:active {
  accent-color: rgb(var(--blue-800));
}

.\:activeaccent-blue-900:active {
  accent-color: rgb(var(--blue-900));
}

.\:activeaccent-indigo-50:active {
  accent-color: rgb(var(--indigo-50));
}

.\:activeaccent-indigo-100:active {
  accent-color: rgb(var(--indigo-100));
}

.\:activeaccent-indigo-200:active {
  accent-color: rgb(var(--indigo-200));
}

.\:activeaccent-indigo-300:active {
  accent-color: rgb(var(--indigo-300));
}

.\:activeaccent-indigo-400:active {
  accent-color: rgb(var(--indigo-400));
}

.\:activeaccent-indigo-500:active {
  accent-color: rgb(var(--indigo-500));
}

.\:activeaccent-indigo-600:active {
  accent-color: rgb(var(--indigo-600));
}

.\:activeaccent-indigo-700:active {
  accent-color: rgb(var(--indigo-700));
}

.\:activeaccent-indigo-800:active {
  accent-color: rgb(var(--indigo-800));
}

.\:activeaccent-indigo-900:active {
  accent-color: rgb(var(--indigo-900));
}

.\:activeaccent-violet-50:active {
  accent-color: rgb(var(--violet-50));
}

.\:activeaccent-violet-100:active {
  accent-color: rgb(var(--violet-100));
}

.\:activeaccent-violet-200:active {
  accent-color: rgb(var(--violet-200));
}

.\:activeaccent-violet-300:active {
  accent-color: rgb(var(--violet-300));
}

.\:activeaccent-violet-400:active {
  accent-color: rgb(var(--violet-400));
}

.\:activeaccent-violet-500:active {
  accent-color: rgb(var(--violet-500));
}

.\:activeaccent-violet-600:active {
  accent-color: rgb(var(--violet-600));
}

.\:activeaccent-violet-700:active {
  accent-color: rgb(var(--violet-700));
}

.\:activeaccent-violet-800:active {
  accent-color: rgb(var(--violet-800));
}

.\:activeaccent-violet-900:active {
  accent-color: rgb(var(--violet-900));
}

.\:activeaccent-purple-50:active {
  accent-color: rgb(var(--purple-50));
}

.\:activeaccent-purple-100:active {
  accent-color: rgb(var(--purple-100));
}

.\:activeaccent-purple-200:active {
  accent-color: rgb(var(--purple-200));
}

.\:activeaccent-purple-300:active {
  accent-color: rgb(var(--purple-300));
}

.\:activeaccent-purple-400:active {
  accent-color: rgb(var(--purple-400));
}

.\:activeaccent-purple-500:active {
  accent-color: rgb(var(--purple-500));
}

.\:activeaccent-purple-600:active {
  accent-color: rgb(var(--purple-600));
}

.\:activeaccent-purple-700:active {
  accent-color: rgb(var(--purple-700));
}

.\:activeaccent-purple-800:active {
  accent-color: rgb(var(--purple-800));
}

.\:activeaccent-purple-900:active {
  accent-color: rgb(var(--purple-900));
}

.\:activeaccent-fuchsia-50:active {
  accent-color: rgb(var(--fuchsia-50));
}

.\:activeaccent-fuchsia-100:active {
  accent-color: rgb(var(--fuchsia-100));
}

.\:activeaccent-fuchsia-200:active {
  accent-color: rgb(var(--fuchsia-200));
}

.\:activeaccent-fuchsia-300:active {
  accent-color: rgb(var(--fuchsia-300));
}

.\:activeaccent-fuchsia-400:active {
  accent-color: rgb(var(--fuchsia-400));
}

.\:activeaccent-fuchsia-500:active {
  accent-color: rgb(var(--fuchsia-500));
}

.\:activeaccent-fuchsia-600:active {
  accent-color: rgb(var(--fuchsia-600));
}

.\:activeaccent-fuchsia-700:active {
  accent-color: rgb(var(--fuchsia-700));
}

.\:activeaccent-fuchsia-800:active {
  accent-color: rgb(var(--fuchsia-800));
}

.\:activeaccent-fuchsia-900:active {
  accent-color: rgb(var(--fuchsia-900));
}

.\:activeaccent-pink-50:active {
  accent-color: rgb(var(--pink-50));
}

.\:activeaccent-pink-100:active {
  accent-color: rgb(var(--pink-100));
}

.\:activeaccent-pink-200:active {
  accent-color: rgb(var(--pink-200));
}

.\:activeaccent-pink-300:active {
  accent-color: rgb(var(--pink-300));
}

.\:activeaccent-pink-400:active {
  accent-color: rgb(var(--pink-400));
}

.\:activeaccent-pink-500:active {
  accent-color: rgb(var(--pink-500));
}

.\:activeaccent-pink-600:active {
  accent-color: rgb(var(--pink-600));
}

.\:activeaccent-pink-700:active {
  accent-color: rgb(var(--pink-700));
}

.\:activeaccent-pink-800:active {
  accent-color: rgb(var(--pink-800));
}

.\:activeaccent-pink-900:active {
  accent-color: rgb(var(--pink-900));
}

.\:activeaccent-rose-50:active {
  accent-color: rgb(var(--rose-50));
}

.\:activeaccent-rose-100:active {
  accent-color: rgb(var(--rose-100));
}

.\:activeaccent-rose-200:active {
  accent-color: rgb(var(--rose-200));
}

.\:activeaccent-rose-300:active {
  accent-color: rgb(var(--rose-300));
}

.\:activeaccent-rose-400:active {
  accent-color: rgb(var(--rose-400));
}

.\:activeaccent-rose-500:active {
  accent-color: rgb(var(--rose-500));
}

.\:activeaccent-rose-600:active {
  accent-color: rgb(var(--rose-600));
}

.\:activeaccent-rose-700:active {
  accent-color: rgb(var(--rose-700));
}

.\:activeaccent-rose-800:active {
  accent-color: rgb(var(--rose-800));
}

.\:activeaccent-rose-900:active {
  accent-color: rgb(var(--rose-900));
}

.\:activeaccent-slate-50:active {
  accent-color: rgb(var(--slate-50));
}

.\:activeaccent-slate-100:active {
  accent-color: rgb(var(--slate-100));
}

.\:activeaccent-slate-200:active {
  accent-color: rgb(var(--slate-200));
}

.\:activeaccent-slate-300:active {
  accent-color: rgb(var(--slate-300));
}

.\:activeaccent-slate-400:active {
  accent-color: rgb(var(--slate-400));
}

.\:activeaccent-slate-500:active {
  accent-color: rgb(var(--slate-500));
}

.\:activeaccent-slate-600:active {
  accent-color: rgb(var(--slate-600));
}

.\:activeaccent-slate-700:active {
  accent-color: rgb(var(--slate-700));
}

.\:activeaccent-slate-800:active {
  accent-color: rgb(var(--slate-800));
}

.\:activeaccent-slate-900:active {
  accent-color: rgb(var(--slate-900));
}

.\:activeaccent-gray-50:active {
  accent-color: rgb(var(--gray-50));
}

.\:activeaccent-gray-100:active {
  accent-color: rgb(var(--gray-100));
}

.\:activeaccent-gray-200:active {
  accent-color: rgb(var(--gray-200));
}

.\:activeaccent-gray-300:active {
  accent-color: rgb(var(--gray-300));
}

.\:activeaccent-gray-400:active {
  accent-color: rgb(var(--gray-400));
}

.\:activeaccent-gray-500:active {
  accent-color: rgb(var(--gray-500));
}

.\:activeaccent-gray-600:active {
  accent-color: rgb(var(--gray-600));
}

.\:activeaccent-gray-700:active {
  accent-color: rgb(var(--gray-700));
}

.\:activeaccent-gray-800:active {
  accent-color: rgb(var(--gray-800));
}

.\:activeaccent-gray-900:active {
  accent-color: rgb(var(--gray-900));
}

.\:activeaccent-zinc-50:active {
  accent-color: rgb(var(--zinc-50));
}

.\:activeaccent-zinc-100:active {
  accent-color: rgb(var(--zinc-100));
}

.\:activeaccent-zinc-200:active {
  accent-color: rgb(var(--zinc-200));
}

.\:activeaccent-zinc-300:active {
  accent-color: rgb(var(--zinc-300));
}

.\:activeaccent-zinc-400:active {
  accent-color: rgb(var(--zinc-400));
}

.\:activeaccent-zinc-500:active {
  accent-color: rgb(var(--zinc-500));
}

.\:activeaccent-zinc-600:active {
  accent-color: rgb(var(--zinc-600));
}

.\:activeaccent-zinc-700:active {
  accent-color: rgb(var(--zinc-700));
}

.\:activeaccent-zinc-800:active {
  accent-color: rgb(var(--zinc-800));
}

.\:activeaccent-zinc-900:active {
  accent-color: rgb(var(--zinc-900));
}

.\:activeaccent-black-DEFAULT:active {
  accent-color: rgb(var(--black-DEFAULT));
}

.\:activeaccent-white-DEFAULT:active {
  accent-color: rgb(var(--white-DEFAULT));
}

.\:activeshadow-red-50:active {
  --tw-shadow-color: rgb(var(--red-50));
}

.\:activeshadow-red-100:active {
  --tw-shadow-color: rgb(var(--red-100));
}

.\:activeshadow-red-200:active {
  --tw-shadow-color: rgb(var(--red-200));
}

.\:activeshadow-red-300:active {
  --tw-shadow-color: rgb(var(--red-300));
}

.\:activeshadow-red-400:active {
  --tw-shadow-color: rgb(var(--red-400));
}

.\:activeshadow-red-500:active {
  --tw-shadow-color: rgb(var(--red-500));
}

.\:activeshadow-red-600:active {
  --tw-shadow-color: rgb(var(--red-600));
}

.\:activeshadow-red-700:active {
  --tw-shadow-color: rgb(var(--red-700));
}

.\:activeshadow-red-800:active {
  --tw-shadow-color: rgb(var(--red-800));
}

.\:activeshadow-red-900:active {
  --tw-shadow-color: rgb(var(--red-900));
}

.\:activeshadow-orange-50:active {
  --tw-shadow-color: rgb(var(--orange-50));
}

.\:activeshadow-orange-100:active {
  --tw-shadow-color: rgb(var(--orange-100));
}

.\:activeshadow-orange-200:active {
  --tw-shadow-color: rgb(var(--orange-200));
}

.\:activeshadow-orange-300:active {
  --tw-shadow-color: rgb(var(--orange-300));
}

.\:activeshadow-orange-400:active {
  --tw-shadow-color: rgb(var(--orange-400));
}

.\:activeshadow-orange-500:active {
  --tw-shadow-color: rgb(var(--orange-500));
}

.\:activeshadow-orange-600:active {
  --tw-shadow-color: rgb(var(--orange-600));
}

.\:activeshadow-orange-700:active {
  --tw-shadow-color: rgb(var(--orange-700));
}

.\:activeshadow-orange-800:active {
  --tw-shadow-color: rgb(var(--orange-800));
}

.\:activeshadow-orange-900:active {
  --tw-shadow-color: rgb(var(--orange-900));
}

.\:activeshadow-amber-50:active {
  --tw-shadow-color: rgb(var(--amber-50));
}

.\:activeshadow-amber-100:active {
  --tw-shadow-color: rgb(var(--amber-100));
}

.\:activeshadow-amber-200:active {
  --tw-shadow-color: rgb(var(--amber-200));
}

.\:activeshadow-amber-300:active {
  --tw-shadow-color: rgb(var(--amber-300));
}

.\:activeshadow-amber-400:active {
  --tw-shadow-color: rgb(var(--amber-400));
}

.\:activeshadow-amber-500:active {
  --tw-shadow-color: rgb(var(--amber-500));
}

.\:activeshadow-amber-600:active {
  --tw-shadow-color: rgb(var(--amber-600));
}

.\:activeshadow-amber-700:active {
  --tw-shadow-color: rgb(var(--amber-700));
}

.\:activeshadow-amber-800:active {
  --tw-shadow-color: rgb(var(--amber-800));
}

.\:activeshadow-amber-900:active {
  --tw-shadow-color: rgb(var(--amber-900));
}

.\:activeshadow-yellow-50:active {
  --tw-shadow-color: rgb(var(--yellow-50));
}

.\:activeshadow-yellow-100:active {
  --tw-shadow-color: rgb(var(--yellow-100));
}

.\:activeshadow-yellow-200:active {
  --tw-shadow-color: rgb(var(--yellow-200));
}

.\:activeshadow-yellow-300:active {
  --tw-shadow-color: rgb(var(--yellow-300));
}

.\:activeshadow-yellow-400:active {
  --tw-shadow-color: rgb(var(--yellow-400));
}

.\:activeshadow-yellow-500:active {
  --tw-shadow-color: rgb(var(--yellow-500));
}

.\:activeshadow-yellow-600:active {
  --tw-shadow-color: rgb(var(--yellow-600));
}

.\:activeshadow-yellow-700:active {
  --tw-shadow-color: rgb(var(--yellow-700));
}

.\:activeshadow-yellow-800:active {
  --tw-shadow-color: rgb(var(--yellow-800));
}

.\:activeshadow-yellow-900:active {
  --tw-shadow-color: rgb(var(--yellow-900));
}

.\:activeshadow-lime-50:active {
  --tw-shadow-color: rgb(var(--lime-50));
}

.\:activeshadow-lime-100:active {
  --tw-shadow-color: rgb(var(--lime-100));
}

.\:activeshadow-lime-200:active {
  --tw-shadow-color: rgb(var(--lime-200));
}

.\:activeshadow-lime-300:active {
  --tw-shadow-color: rgb(var(--lime-300));
}

.\:activeshadow-lime-400:active {
  --tw-shadow-color: rgb(var(--lime-400));
}

.\:activeshadow-lime-500:active {
  --tw-shadow-color: rgb(var(--lime-500));
}

.\:activeshadow-lime-600:active {
  --tw-shadow-color: rgb(var(--lime-600));
}

.\:activeshadow-lime-700:active {
  --tw-shadow-color: rgb(var(--lime-700));
}

.\:activeshadow-lime-800:active {
  --tw-shadow-color: rgb(var(--lime-800));
}

.\:activeshadow-lime-900:active {
  --tw-shadow-color: rgb(var(--lime-900));
}

.\:activeshadow-green-50:active {
  --tw-shadow-color: rgb(var(--green-50));
}

.\:activeshadow-green-100:active {
  --tw-shadow-color: rgb(var(--green-100));
}

.\:activeshadow-green-200:active {
  --tw-shadow-color: rgb(var(--green-200));
}

.\:activeshadow-green-300:active {
  --tw-shadow-color: rgb(var(--green-300));
}

.\:activeshadow-green-400:active {
  --tw-shadow-color: rgb(var(--green-400));
}

.\:activeshadow-green-500:active {
  --tw-shadow-color: rgb(var(--green-500));
}

.\:activeshadow-green-600:active {
  --tw-shadow-color: rgb(var(--green-600));
}

.\:activeshadow-green-700:active {
  --tw-shadow-color: rgb(var(--green-700));
}

.\:activeshadow-green-800:active {
  --tw-shadow-color: rgb(var(--green-800));
}

.\:activeshadow-green-900:active {
  --tw-shadow-color: rgb(var(--green-900));
}

.\:activeshadow-emerald-50:active {
  --tw-shadow-color: rgb(var(--emerald-50));
}

.\:activeshadow-emerald-100:active {
  --tw-shadow-color: rgb(var(--emerald-100));
}

.\:activeshadow-emerald-200:active {
  --tw-shadow-color: rgb(var(--emerald-200));
}

.\:activeshadow-emerald-300:active {
  --tw-shadow-color: rgb(var(--emerald-300));
}

.\:activeshadow-emerald-400:active {
  --tw-shadow-color: rgb(var(--emerald-400));
}

.\:activeshadow-emerald-500:active {
  --tw-shadow-color: rgb(var(--emerald-500));
}

.\:activeshadow-emerald-600:active {
  --tw-shadow-color: rgb(var(--emerald-600));
}

.\:activeshadow-emerald-700:active {
  --tw-shadow-color: rgb(var(--emerald-700));
}

.\:activeshadow-emerald-800:active {
  --tw-shadow-color: rgb(var(--emerald-800));
}

.\:activeshadow-emerald-900:active {
  --tw-shadow-color: rgb(var(--emerald-900));
}

.\:activeshadow-teal-50:active {
  --tw-shadow-color: rgb(var(--teal-50));
}

.\:activeshadow-teal-100:active {
  --tw-shadow-color: rgb(var(--teal-100));
}

.\:activeshadow-teal-200:active {
  --tw-shadow-color: rgb(var(--teal-200));
}

.\:activeshadow-teal-300:active {
  --tw-shadow-color: rgb(var(--teal-300));
}

.\:activeshadow-teal-400:active {
  --tw-shadow-color: rgb(var(--teal-400));
}

.\:activeshadow-teal-500:active {
  --tw-shadow-color: rgb(var(--teal-500));
}

.\:activeshadow-teal-600:active {
  --tw-shadow-color: rgb(var(--teal-600));
}

.\:activeshadow-teal-700:active {
  --tw-shadow-color: rgb(var(--teal-700));
}

.\:activeshadow-teal-800:active {
  --tw-shadow-color: rgb(var(--teal-800));
}

.\:activeshadow-teal-900:active {
  --tw-shadow-color: rgb(var(--teal-900));
}

.\:activeshadow-cyan-50:active {
  --tw-shadow-color: rgb(var(--cyan-50));
}

.\:activeshadow-cyan-100:active {
  --tw-shadow-color: rgb(var(--cyan-100));
}

.\:activeshadow-cyan-200:active {
  --tw-shadow-color: rgb(var(--cyan-200));
}

.\:activeshadow-cyan-300:active {
  --tw-shadow-color: rgb(var(--cyan-300));
}

.\:activeshadow-cyan-400:active {
  --tw-shadow-color: rgb(var(--cyan-400));
}

.\:activeshadow-cyan-500:active {
  --tw-shadow-color: rgb(var(--cyan-500));
}

.\:activeshadow-cyan-600:active {
  --tw-shadow-color: rgb(var(--cyan-600));
}

.\:activeshadow-cyan-700:active {
  --tw-shadow-color: rgb(var(--cyan-700));
}

.\:activeshadow-cyan-800:active {
  --tw-shadow-color: rgb(var(--cyan-800));
}

.\:activeshadow-cyan-900:active {
  --tw-shadow-color: rgb(var(--cyan-900));
}

.\:activeshadow-sky-50:active {
  --tw-shadow-color: rgb(var(--sky-50));
}

.\:activeshadow-sky-100:active {
  --tw-shadow-color: rgb(var(--sky-100));
}

.\:activeshadow-sky-200:active {
  --tw-shadow-color: rgb(var(--sky-200));
}

.\:activeshadow-sky-300:active {
  --tw-shadow-color: rgb(var(--sky-300));
}

.\:activeshadow-sky-400:active {
  --tw-shadow-color: rgb(var(--sky-400));
}

.\:activeshadow-sky-500:active {
  --tw-shadow-color: rgb(var(--sky-500));
}

.\:activeshadow-sky-600:active {
  --tw-shadow-color: rgb(var(--sky-600));
}

.\:activeshadow-sky-700:active {
  --tw-shadow-color: rgb(var(--sky-700));
}

.\:activeshadow-sky-800:active {
  --tw-shadow-color: rgb(var(--sky-800));
}

.\:activeshadow-sky-900:active {
  --tw-shadow-color: rgb(var(--sky-900));
}

.\:activeshadow-blue-50:active {
  --tw-shadow-color: rgb(var(--blue-50));
}

.\:activeshadow-blue-100:active {
  --tw-shadow-color: rgb(var(--blue-100));
}

.\:activeshadow-blue-200:active {
  --tw-shadow-color: rgb(var(--blue-200));
}

.\:activeshadow-blue-300:active {
  --tw-shadow-color: rgb(var(--blue-300));
}

.\:activeshadow-blue-400:active {
  --tw-shadow-color: rgb(var(--blue-400));
}

.\:activeshadow-blue-500:active {
  --tw-shadow-color: rgb(var(--blue-500));
}

.\:activeshadow-blue-600:active {
  --tw-shadow-color: rgb(var(--blue-600));
}

.\:activeshadow-blue-700:active {
  --tw-shadow-color: rgb(var(--blue-700));
}

.\:activeshadow-blue-800:active {
  --tw-shadow-color: rgb(var(--blue-800));
}

.\:activeshadow-blue-900:active {
  --tw-shadow-color: rgb(var(--blue-900));
}

.\:activeshadow-indigo-50:active {
  --tw-shadow-color: rgb(var(--indigo-50));
}

.\:activeshadow-indigo-100:active {
  --tw-shadow-color: rgb(var(--indigo-100));
}

.\:activeshadow-indigo-200:active {
  --tw-shadow-color: rgb(var(--indigo-200));
}

.\:activeshadow-indigo-300:active {
  --tw-shadow-color: rgb(var(--indigo-300));
}

.\:activeshadow-indigo-400:active {
  --tw-shadow-color: rgb(var(--indigo-400));
}

.\:activeshadow-indigo-500:active {
  --tw-shadow-color: rgb(var(--indigo-500));
}

.\:activeshadow-indigo-600:active {
  --tw-shadow-color: rgb(var(--indigo-600));
}

.\:activeshadow-indigo-700:active {
  --tw-shadow-color: rgb(var(--indigo-700));
}

.\:activeshadow-indigo-800:active {
  --tw-shadow-color: rgb(var(--indigo-800));
}

.\:activeshadow-indigo-900:active {
  --tw-shadow-color: rgb(var(--indigo-900));
}

.\:activeshadow-violet-50:active {
  --tw-shadow-color: rgb(var(--violet-50));
}

.\:activeshadow-violet-100:active {
  --tw-shadow-color: rgb(var(--violet-100));
}

.\:activeshadow-violet-200:active {
  --tw-shadow-color: rgb(var(--violet-200));
}

.\:activeshadow-violet-300:active {
  --tw-shadow-color: rgb(var(--violet-300));
}

.\:activeshadow-violet-400:active {
  --tw-shadow-color: rgb(var(--violet-400));
}

.\:activeshadow-violet-500:active {
  --tw-shadow-color: rgb(var(--violet-500));
}

.\:activeshadow-violet-600:active {
  --tw-shadow-color: rgb(var(--violet-600));
}

.\:activeshadow-violet-700:active {
  --tw-shadow-color: rgb(var(--violet-700));
}

.\:activeshadow-violet-800:active {
  --tw-shadow-color: rgb(var(--violet-800));
}

.\:activeshadow-violet-900:active {
  --tw-shadow-color: rgb(var(--violet-900));
}

.\:activeshadow-purple-50:active {
  --tw-shadow-color: rgb(var(--purple-50));
}

.\:activeshadow-purple-100:active {
  --tw-shadow-color: rgb(var(--purple-100));
}

.\:activeshadow-purple-200:active {
  --tw-shadow-color: rgb(var(--purple-200));
}

.\:activeshadow-purple-300:active {
  --tw-shadow-color: rgb(var(--purple-300));
}

.\:activeshadow-purple-400:active {
  --tw-shadow-color: rgb(var(--purple-400));
}

.\:activeshadow-purple-500:active {
  --tw-shadow-color: rgb(var(--purple-500));
}

.\:activeshadow-purple-600:active {
  --tw-shadow-color: rgb(var(--purple-600));
}

.\:activeshadow-purple-700:active {
  --tw-shadow-color: rgb(var(--purple-700));
}

.\:activeshadow-purple-800:active {
  --tw-shadow-color: rgb(var(--purple-800));
}

.\:activeshadow-purple-900:active {
  --tw-shadow-color: rgb(var(--purple-900));
}

.\:activeshadow-fuchsia-50:active {
  --tw-shadow-color: rgb(var(--fuchsia-50));
}

.\:activeshadow-fuchsia-100:active {
  --tw-shadow-color: rgb(var(--fuchsia-100));
}

.\:activeshadow-fuchsia-200:active {
  --tw-shadow-color: rgb(var(--fuchsia-200));
}

.\:activeshadow-fuchsia-300:active {
  --tw-shadow-color: rgb(var(--fuchsia-300));
}

.\:activeshadow-fuchsia-400:active {
  --tw-shadow-color: rgb(var(--fuchsia-400));
}

.\:activeshadow-fuchsia-500:active {
  --tw-shadow-color: rgb(var(--fuchsia-500));
}

.\:activeshadow-fuchsia-600:active {
  --tw-shadow-color: rgb(var(--fuchsia-600));
}

.\:activeshadow-fuchsia-700:active {
  --tw-shadow-color: rgb(var(--fuchsia-700));
}

.\:activeshadow-fuchsia-800:active {
  --tw-shadow-color: rgb(var(--fuchsia-800));
}

.\:activeshadow-fuchsia-900:active {
  --tw-shadow-color: rgb(var(--fuchsia-900));
}

.\:activeshadow-pink-50:active {
  --tw-shadow-color: rgb(var(--pink-50));
}

.\:activeshadow-pink-100:active {
  --tw-shadow-color: rgb(var(--pink-100));
}

.\:activeshadow-pink-200:active {
  --tw-shadow-color: rgb(var(--pink-200));
}

.\:activeshadow-pink-300:active {
  --tw-shadow-color: rgb(var(--pink-300));
}

.\:activeshadow-pink-400:active {
  --tw-shadow-color: rgb(var(--pink-400));
}

.\:activeshadow-pink-500:active {
  --tw-shadow-color: rgb(var(--pink-500));
}

.\:activeshadow-pink-600:active {
  --tw-shadow-color: rgb(var(--pink-600));
}

.\:activeshadow-pink-700:active {
  --tw-shadow-color: rgb(var(--pink-700));
}

.\:activeshadow-pink-800:active {
  --tw-shadow-color: rgb(var(--pink-800));
}

.\:activeshadow-pink-900:active {
  --tw-shadow-color: rgb(var(--pink-900));
}

.\:activeshadow-rose-50:active {
  --tw-shadow-color: rgb(var(--rose-50));
}

.\:activeshadow-rose-100:active {
  --tw-shadow-color: rgb(var(--rose-100));
}

.\:activeshadow-rose-200:active {
  --tw-shadow-color: rgb(var(--rose-200));
}

.\:activeshadow-rose-300:active {
  --tw-shadow-color: rgb(var(--rose-300));
}

.\:activeshadow-rose-400:active {
  --tw-shadow-color: rgb(var(--rose-400));
}

.\:activeshadow-rose-500:active {
  --tw-shadow-color: rgb(var(--rose-500));
}

.\:activeshadow-rose-600:active {
  --tw-shadow-color: rgb(var(--rose-600));
}

.\:activeshadow-rose-700:active {
  --tw-shadow-color: rgb(var(--rose-700));
}

.\:activeshadow-rose-800:active {
  --tw-shadow-color: rgb(var(--rose-800));
}

.\:activeshadow-rose-900:active {
  --tw-shadow-color: rgb(var(--rose-900));
}

.\:activeshadow-slate-50:active {
  --tw-shadow-color: rgb(var(--slate-50));
}

.\:activeshadow-slate-100:active {
  --tw-shadow-color: rgb(var(--slate-100));
}

.\:activeshadow-slate-200:active {
  --tw-shadow-color: rgb(var(--slate-200));
}

.\:activeshadow-slate-300:active {
  --tw-shadow-color: rgb(var(--slate-300));
}

.\:activeshadow-slate-400:active {
  --tw-shadow-color: rgb(var(--slate-400));
}

.\:activeshadow-slate-500:active {
  --tw-shadow-color: rgb(var(--slate-500));
}

.\:activeshadow-slate-600:active {
  --tw-shadow-color: rgb(var(--slate-600));
}

.\:activeshadow-slate-700:active {
  --tw-shadow-color: rgb(var(--slate-700));
}

.\:activeshadow-slate-800:active {
  --tw-shadow-color: rgb(var(--slate-800));
}

.\:activeshadow-slate-900:active {
  --tw-shadow-color: rgb(var(--slate-900));
}

.\:activeshadow-gray-50:active {
  --tw-shadow-color: rgb(var(--gray-50));
}

.\:activeshadow-gray-100:active {
  --tw-shadow-color: rgb(var(--gray-100));
}

.\:activeshadow-gray-200:active {
  --tw-shadow-color: rgb(var(--gray-200));
}

.\:activeshadow-gray-300:active {
  --tw-shadow-color: rgb(var(--gray-300));
}

.\:activeshadow-gray-400:active {
  --tw-shadow-color: rgb(var(--gray-400));
}

.\:activeshadow-gray-500:active {
  --tw-shadow-color: rgb(var(--gray-500));
}

.\:activeshadow-gray-600:active {
  --tw-shadow-color: rgb(var(--gray-600));
}

.\:activeshadow-gray-700:active {
  --tw-shadow-color: rgb(var(--gray-700));
}

.\:activeshadow-gray-800:active {
  --tw-shadow-color: rgb(var(--gray-800));
}

.\:activeshadow-gray-900:active {
  --tw-shadow-color: rgb(var(--gray-900));
}

.\:activeshadow-zinc-50:active {
  --tw-shadow-color: rgb(var(--zinc-50));
}

.\:activeshadow-zinc-100:active {
  --tw-shadow-color: rgb(var(--zinc-100));
}

.\:activeshadow-zinc-200:active {
  --tw-shadow-color: rgb(var(--zinc-200));
}

.\:activeshadow-zinc-300:active {
  --tw-shadow-color: rgb(var(--zinc-300));
}

.\:activeshadow-zinc-400:active {
  --tw-shadow-color: rgb(var(--zinc-400));
}

.\:activeshadow-zinc-500:active {
  --tw-shadow-color: rgb(var(--zinc-500));
}

.\:activeshadow-zinc-600:active {
  --tw-shadow-color: rgb(var(--zinc-600));
}

.\:activeshadow-zinc-700:active {
  --tw-shadow-color: rgb(var(--zinc-700));
}

.\:activeshadow-zinc-800:active {
  --tw-shadow-color: rgb(var(--zinc-800));
}

.\:activeshadow-zinc-900:active {
  --tw-shadow-color: rgb(var(--zinc-900));
}

.\:activeshadow-black-DEFAULT:active {
  --tw-shadow-color: rgb(var(--black-DEFAULT));
}

.\:activeshadow-white-DEFAULT:active {
  --tw-shadow-color: rgb(var(--white-DEFAULT));
}

.\:activering-red-50:active {
  --tw-ring-color: rgb(var(--red-50));
}

.\:activering-red-100:active {
  --tw-ring-color: rgb(var(--red-100));
}

.\:activering-red-200:active {
  --tw-ring-color: rgb(var(--red-200));
}

.\:activering-red-300:active {
  --tw-ring-color: rgb(var(--red-300));
}

.\:activering-red-400:active {
  --tw-ring-color: rgb(var(--red-400));
}

.\:activering-red-500:active {
  --tw-ring-color: rgb(var(--red-500));
}

.\:activering-red-600:active {
  --tw-ring-color: rgb(var(--red-600));
}

.\:activering-red-700:active {
  --tw-ring-color: rgb(var(--red-700));
}

.\:activering-red-800:active {
  --tw-ring-color: rgb(var(--red-800));
}

.\:activering-red-900:active {
  --tw-ring-color: rgb(var(--red-900));
}

.\:activering-orange-50:active {
  --tw-ring-color: rgb(var(--orange-50));
}

.\:activering-orange-100:active {
  --tw-ring-color: rgb(var(--orange-100));
}

.\:activering-orange-200:active {
  --tw-ring-color: rgb(var(--orange-200));
}

.\:activering-orange-300:active {
  --tw-ring-color: rgb(var(--orange-300));
}

.\:activering-orange-400:active {
  --tw-ring-color: rgb(var(--orange-400));
}

.\:activering-orange-500:active {
  --tw-ring-color: rgb(var(--orange-500));
}

.\:activering-orange-600:active {
  --tw-ring-color: rgb(var(--orange-600));
}

.\:activering-orange-700:active {
  --tw-ring-color: rgb(var(--orange-700));
}

.\:activering-orange-800:active {
  --tw-ring-color: rgb(var(--orange-800));
}

.\:activering-orange-900:active {
  --tw-ring-color: rgb(var(--orange-900));
}

.\:activering-amber-50:active {
  --tw-ring-color: rgb(var(--amber-50));
}

.\:activering-amber-100:active {
  --tw-ring-color: rgb(var(--amber-100));
}

.\:activering-amber-200:active {
  --tw-ring-color: rgb(var(--amber-200));
}

.\:activering-amber-300:active {
  --tw-ring-color: rgb(var(--amber-300));
}

.\:activering-amber-400:active {
  --tw-ring-color: rgb(var(--amber-400));
}

.\:activering-amber-500:active {
  --tw-ring-color: rgb(var(--amber-500));
}

.\:activering-amber-600:active {
  --tw-ring-color: rgb(var(--amber-600));
}

.\:activering-amber-700:active {
  --tw-ring-color: rgb(var(--amber-700));
}

.\:activering-amber-800:active {
  --tw-ring-color: rgb(var(--amber-800));
}

.\:activering-amber-900:active {
  --tw-ring-color: rgb(var(--amber-900));
}

.\:activering-yellow-50:active {
  --tw-ring-color: rgb(var(--yellow-50));
}

.\:activering-yellow-100:active {
  --tw-ring-color: rgb(var(--yellow-100));
}

.\:activering-yellow-200:active {
  --tw-ring-color: rgb(var(--yellow-200));
}

.\:activering-yellow-300:active {
  --tw-ring-color: rgb(var(--yellow-300));
}

.\:activering-yellow-400:active {
  --tw-ring-color: rgb(var(--yellow-400));
}

.\:activering-yellow-500:active {
  --tw-ring-color: rgb(var(--yellow-500));
}

.\:activering-yellow-600:active {
  --tw-ring-color: rgb(var(--yellow-600));
}

.\:activering-yellow-700:active {
  --tw-ring-color: rgb(var(--yellow-700));
}

.\:activering-yellow-800:active {
  --tw-ring-color: rgb(var(--yellow-800));
}

.\:activering-yellow-900:active {
  --tw-ring-color: rgb(var(--yellow-900));
}

.\:activering-lime-50:active {
  --tw-ring-color: rgb(var(--lime-50));
}

.\:activering-lime-100:active {
  --tw-ring-color: rgb(var(--lime-100));
}

.\:activering-lime-200:active {
  --tw-ring-color: rgb(var(--lime-200));
}

.\:activering-lime-300:active {
  --tw-ring-color: rgb(var(--lime-300));
}

.\:activering-lime-400:active {
  --tw-ring-color: rgb(var(--lime-400));
}

.\:activering-lime-500:active {
  --tw-ring-color: rgb(var(--lime-500));
}

.\:activering-lime-600:active {
  --tw-ring-color: rgb(var(--lime-600));
}

.\:activering-lime-700:active {
  --tw-ring-color: rgb(var(--lime-700));
}

.\:activering-lime-800:active {
  --tw-ring-color: rgb(var(--lime-800));
}

.\:activering-lime-900:active {
  --tw-ring-color: rgb(var(--lime-900));
}

.\:activering-green-50:active {
  --tw-ring-color: rgb(var(--green-50));
}

.\:activering-green-100:active {
  --tw-ring-color: rgb(var(--green-100));
}

.\:activering-green-200:active {
  --tw-ring-color: rgb(var(--green-200));
}

.\:activering-green-300:active {
  --tw-ring-color: rgb(var(--green-300));
}

.\:activering-green-400:active {
  --tw-ring-color: rgb(var(--green-400));
}

.\:activering-green-500:active {
  --tw-ring-color: rgb(var(--green-500));
}

.\:activering-green-600:active {
  --tw-ring-color: rgb(var(--green-600));
}

.\:activering-green-700:active {
  --tw-ring-color: rgb(var(--green-700));
}

.\:activering-green-800:active {
  --tw-ring-color: rgb(var(--green-800));
}

.\:activering-green-900:active {
  --tw-ring-color: rgb(var(--green-900));
}

.\:activering-emerald-50:active {
  --tw-ring-color: rgb(var(--emerald-50));
}

.\:activering-emerald-100:active {
  --tw-ring-color: rgb(var(--emerald-100));
}

.\:activering-emerald-200:active {
  --tw-ring-color: rgb(var(--emerald-200));
}

.\:activering-emerald-300:active {
  --tw-ring-color: rgb(var(--emerald-300));
}

.\:activering-emerald-400:active {
  --tw-ring-color: rgb(var(--emerald-400));
}

.\:activering-emerald-500:active {
  --tw-ring-color: rgb(var(--emerald-500));
}

.\:activering-emerald-600:active {
  --tw-ring-color: rgb(var(--emerald-600));
}

.\:activering-emerald-700:active {
  --tw-ring-color: rgb(var(--emerald-700));
}

.\:activering-emerald-800:active {
  --tw-ring-color: rgb(var(--emerald-800));
}

.\:activering-emerald-900:active {
  --tw-ring-color: rgb(var(--emerald-900));
}

.\:activering-teal-50:active {
  --tw-ring-color: rgb(var(--teal-50));
}

.\:activering-teal-100:active {
  --tw-ring-color: rgb(var(--teal-100));
}

.\:activering-teal-200:active {
  --tw-ring-color: rgb(var(--teal-200));
}

.\:activering-teal-300:active {
  --tw-ring-color: rgb(var(--teal-300));
}

.\:activering-teal-400:active {
  --tw-ring-color: rgb(var(--teal-400));
}

.\:activering-teal-500:active {
  --tw-ring-color: rgb(var(--teal-500));
}

.\:activering-teal-600:active {
  --tw-ring-color: rgb(var(--teal-600));
}

.\:activering-teal-700:active {
  --tw-ring-color: rgb(var(--teal-700));
}

.\:activering-teal-800:active {
  --tw-ring-color: rgb(var(--teal-800));
}

.\:activering-teal-900:active {
  --tw-ring-color: rgb(var(--teal-900));
}

.\:activering-cyan-50:active {
  --tw-ring-color: rgb(var(--cyan-50));
}

.\:activering-cyan-100:active {
  --tw-ring-color: rgb(var(--cyan-100));
}

.\:activering-cyan-200:active {
  --tw-ring-color: rgb(var(--cyan-200));
}

.\:activering-cyan-300:active {
  --tw-ring-color: rgb(var(--cyan-300));
}

.\:activering-cyan-400:active {
  --tw-ring-color: rgb(var(--cyan-400));
}

.\:activering-cyan-500:active {
  --tw-ring-color: rgb(var(--cyan-500));
}

.\:activering-cyan-600:active {
  --tw-ring-color: rgb(var(--cyan-600));
}

.\:activering-cyan-700:active {
  --tw-ring-color: rgb(var(--cyan-700));
}

.\:activering-cyan-800:active {
  --tw-ring-color: rgb(var(--cyan-800));
}

.\:activering-cyan-900:active {
  --tw-ring-color: rgb(var(--cyan-900));
}

.\:activering-sky-50:active {
  --tw-ring-color: rgb(var(--sky-50));
}

.\:activering-sky-100:active {
  --tw-ring-color: rgb(var(--sky-100));
}

.\:activering-sky-200:active {
  --tw-ring-color: rgb(var(--sky-200));
}

.\:activering-sky-300:active {
  --tw-ring-color: rgb(var(--sky-300));
}

.\:activering-sky-400:active {
  --tw-ring-color: rgb(var(--sky-400));
}

.\:activering-sky-500:active {
  --tw-ring-color: rgb(var(--sky-500));
}

.\:activering-sky-600:active {
  --tw-ring-color: rgb(var(--sky-600));
}

.\:activering-sky-700:active {
  --tw-ring-color: rgb(var(--sky-700));
}

.\:activering-sky-800:active {
  --tw-ring-color: rgb(var(--sky-800));
}

.\:activering-sky-900:active {
  --tw-ring-color: rgb(var(--sky-900));
}

.\:activering-blue-50:active {
  --tw-ring-color: rgb(var(--blue-50));
}

.\:activering-blue-100:active {
  --tw-ring-color: rgb(var(--blue-100));
}

.\:activering-blue-200:active {
  --tw-ring-color: rgb(var(--blue-200));
}

.\:activering-blue-300:active {
  --tw-ring-color: rgb(var(--blue-300));
}

.\:activering-blue-400:active {
  --tw-ring-color: rgb(var(--blue-400));
}

.\:activering-blue-500:active {
  --tw-ring-color: rgb(var(--blue-500));
}

.\:activering-blue-600:active {
  --tw-ring-color: rgb(var(--blue-600));
}

.\:activering-blue-700:active {
  --tw-ring-color: rgb(var(--blue-700));
}

.\:activering-blue-800:active {
  --tw-ring-color: rgb(var(--blue-800));
}

.\:activering-blue-900:active {
  --tw-ring-color: rgb(var(--blue-900));
}

.\:activering-indigo-50:active {
  --tw-ring-color: rgb(var(--indigo-50));
}

.\:activering-indigo-100:active {
  --tw-ring-color: rgb(var(--indigo-100));
}

.\:activering-indigo-200:active {
  --tw-ring-color: rgb(var(--indigo-200));
}

.\:activering-indigo-300:active {
  --tw-ring-color: rgb(var(--indigo-300));
}

.\:activering-indigo-400:active {
  --tw-ring-color: rgb(var(--indigo-400));
}

.\:activering-indigo-500:active {
  --tw-ring-color: rgb(var(--indigo-500));
}

.\:activering-indigo-600:active {
  --tw-ring-color: rgb(var(--indigo-600));
}

.\:activering-indigo-700:active {
  --tw-ring-color: rgb(var(--indigo-700));
}

.\:activering-indigo-800:active {
  --tw-ring-color: rgb(var(--indigo-800));
}

.\:activering-indigo-900:active {
  --tw-ring-color: rgb(var(--indigo-900));
}

.\:activering-violet-50:active {
  --tw-ring-color: rgb(var(--violet-50));
}

.\:activering-violet-100:active {
  --tw-ring-color: rgb(var(--violet-100));
}

.\:activering-violet-200:active {
  --tw-ring-color: rgb(var(--violet-200));
}

.\:activering-violet-300:active {
  --tw-ring-color: rgb(var(--violet-300));
}

.\:activering-violet-400:active {
  --tw-ring-color: rgb(var(--violet-400));
}

.\:activering-violet-500:active {
  --tw-ring-color: rgb(var(--violet-500));
}

.\:activering-violet-600:active {
  --tw-ring-color: rgb(var(--violet-600));
}

.\:activering-violet-700:active {
  --tw-ring-color: rgb(var(--violet-700));
}

.\:activering-violet-800:active {
  --tw-ring-color: rgb(var(--violet-800));
}

.\:activering-violet-900:active {
  --tw-ring-color: rgb(var(--violet-900));
}

.\:activering-purple-50:active {
  --tw-ring-color: rgb(var(--purple-50));
}

.\:activering-purple-100:active {
  --tw-ring-color: rgb(var(--purple-100));
}

.\:activering-purple-200:active {
  --tw-ring-color: rgb(var(--purple-200));
}

.\:activering-purple-300:active {
  --tw-ring-color: rgb(var(--purple-300));
}

.\:activering-purple-400:active {
  --tw-ring-color: rgb(var(--purple-400));
}

.\:activering-purple-500:active {
  --tw-ring-color: rgb(var(--purple-500));
}

.\:activering-purple-600:active {
  --tw-ring-color: rgb(var(--purple-600));
}

.\:activering-purple-700:active {
  --tw-ring-color: rgb(var(--purple-700));
}

.\:activering-purple-800:active {
  --tw-ring-color: rgb(var(--purple-800));
}

.\:activering-purple-900:active {
  --tw-ring-color: rgb(var(--purple-900));
}

.\:activering-fuchsia-50:active {
  --tw-ring-color: rgb(var(--fuchsia-50));
}

.\:activering-fuchsia-100:active {
  --tw-ring-color: rgb(var(--fuchsia-100));
}

.\:activering-fuchsia-200:active {
  --tw-ring-color: rgb(var(--fuchsia-200));
}

.\:activering-fuchsia-300:active {
  --tw-ring-color: rgb(var(--fuchsia-300));
}

.\:activering-fuchsia-400:active {
  --tw-ring-color: rgb(var(--fuchsia-400));
}

.\:activering-fuchsia-500:active {
  --tw-ring-color: rgb(var(--fuchsia-500));
}

.\:activering-fuchsia-600:active {
  --tw-ring-color: rgb(var(--fuchsia-600));
}

.\:activering-fuchsia-700:active {
  --tw-ring-color: rgb(var(--fuchsia-700));
}

.\:activering-fuchsia-800:active {
  --tw-ring-color: rgb(var(--fuchsia-800));
}

.\:activering-fuchsia-900:active {
  --tw-ring-color: rgb(var(--fuchsia-900));
}

.\:activering-pink-50:active {
  --tw-ring-color: rgb(var(--pink-50));
}

.\:activering-pink-100:active {
  --tw-ring-color: rgb(var(--pink-100));
}

.\:activering-pink-200:active {
  --tw-ring-color: rgb(var(--pink-200));
}

.\:activering-pink-300:active {
  --tw-ring-color: rgb(var(--pink-300));
}

.\:activering-pink-400:active {
  --tw-ring-color: rgb(var(--pink-400));
}

.\:activering-pink-500:active {
  --tw-ring-color: rgb(var(--pink-500));
}

.\:activering-pink-600:active {
  --tw-ring-color: rgb(var(--pink-600));
}

.\:activering-pink-700:active {
  --tw-ring-color: rgb(var(--pink-700));
}

.\:activering-pink-800:active {
  --tw-ring-color: rgb(var(--pink-800));
}

.\:activering-pink-900:active {
  --tw-ring-color: rgb(var(--pink-900));
}

.\:activering-rose-50:active {
  --tw-ring-color: rgb(var(--rose-50));
}

.\:activering-rose-100:active {
  --tw-ring-color: rgb(var(--rose-100));
}

.\:activering-rose-200:active {
  --tw-ring-color: rgb(var(--rose-200));
}

.\:activering-rose-300:active {
  --tw-ring-color: rgb(var(--rose-300));
}

.\:activering-rose-400:active {
  --tw-ring-color: rgb(var(--rose-400));
}

.\:activering-rose-500:active {
  --tw-ring-color: rgb(var(--rose-500));
}

.\:activering-rose-600:active {
  --tw-ring-color: rgb(var(--rose-600));
}

.\:activering-rose-700:active {
  --tw-ring-color: rgb(var(--rose-700));
}

.\:activering-rose-800:active {
  --tw-ring-color: rgb(var(--rose-800));
}

.\:activering-rose-900:active {
  --tw-ring-color: rgb(var(--rose-900));
}

.\:activering-slate-50:active {
  --tw-ring-color: rgb(var(--slate-50));
}

.\:activering-slate-100:active {
  --tw-ring-color: rgb(var(--slate-100));
}

.\:activering-slate-200:active {
  --tw-ring-color: rgb(var(--slate-200));
}

.\:activering-slate-300:active {
  --tw-ring-color: rgb(var(--slate-300));
}

.\:activering-slate-400:active {
  --tw-ring-color: rgb(var(--slate-400));
}

.\:activering-slate-500:active {
  --tw-ring-color: rgb(var(--slate-500));
}

.\:activering-slate-600:active {
  --tw-ring-color: rgb(var(--slate-600));
}

.\:activering-slate-700:active {
  --tw-ring-color: rgb(var(--slate-700));
}

.\:activering-slate-800:active {
  --tw-ring-color: rgb(var(--slate-800));
}

.\:activering-slate-900:active {
  --tw-ring-color: rgb(var(--slate-900));
}

.\:activering-gray-50:active {
  --tw-ring-color: rgb(var(--gray-50));
}

.\:activering-gray-100:active {
  --tw-ring-color: rgb(var(--gray-100));
}

.\:activering-gray-200:active {
  --tw-ring-color: rgb(var(--gray-200));
}

.\:activering-gray-300:active {
  --tw-ring-color: rgb(var(--gray-300));
}

.\:activering-gray-400:active {
  --tw-ring-color: rgb(var(--gray-400));
}

.\:activering-gray-500:active {
  --tw-ring-color: rgb(var(--gray-500));
}

.\:activering-gray-600:active {
  --tw-ring-color: rgb(var(--gray-600));
}

.\:activering-gray-700:active {
  --tw-ring-color: rgb(var(--gray-700));
}

.\:activering-gray-800:active {
  --tw-ring-color: rgb(var(--gray-800));
}

.\:activering-gray-900:active {
  --tw-ring-color: rgb(var(--gray-900));
}

.\:activering-zinc-50:active {
  --tw-ring-color: rgb(var(--zinc-50));
}

.\:activering-zinc-100:active {
  --tw-ring-color: rgb(var(--zinc-100));
}

.\:activering-zinc-200:active {
  --tw-ring-color: rgb(var(--zinc-200));
}

.\:activering-zinc-300:active {
  --tw-ring-color: rgb(var(--zinc-300));
}

.\:activering-zinc-400:active {
  --tw-ring-color: rgb(var(--zinc-400));
}

.\:activering-zinc-500:active {
  --tw-ring-color: rgb(var(--zinc-500));
}

.\:activering-zinc-600:active {
  --tw-ring-color: rgb(var(--zinc-600));
}

.\:activering-zinc-700:active {
  --tw-ring-color: rgb(var(--zinc-700));
}

.\:activering-zinc-800:active {
  --tw-ring-color: rgb(var(--zinc-800));
}

.\:activering-zinc-900:active {
  --tw-ring-color: rgb(var(--zinc-900));
}

.\:activering-black-DEFAULT:active {
  --tw-ring-color: rgb(var(--black-DEFAULT));
}

.\:activering-white-DEFAULT:active {
  --tw-ring-color: rgb(var(--white-DEFAULT));
}

.\:activering-offset-red-50:active {
  --tw-ring-offset-color: rgb(var(--red-50));
}

.\:activering-offset-red-100:active {
  --tw-ring-offset-color: rgb(var(--red-100));
}

.\:activering-offset-red-200:active {
  --tw-ring-offset-color: rgb(var(--red-200));
}

.\:activering-offset-red-300:active {
  --tw-ring-offset-color: rgb(var(--red-300));
}

.\:activering-offset-red-400:active {
  --tw-ring-offset-color: rgb(var(--red-400));
}

.\:activering-offset-red-500:active {
  --tw-ring-offset-color: rgb(var(--red-500));
}

.\:activering-offset-red-600:active {
  --tw-ring-offset-color: rgb(var(--red-600));
}

.\:activering-offset-red-700:active {
  --tw-ring-offset-color: rgb(var(--red-700));
}

.\:activering-offset-red-800:active {
  --tw-ring-offset-color: rgb(var(--red-800));
}

.\:activering-offset-red-900:active {
  --tw-ring-offset-color: rgb(var(--red-900));
}

.\:activering-offset-orange-50:active {
  --tw-ring-offset-color: rgb(var(--orange-50));
}

.\:activering-offset-orange-100:active {
  --tw-ring-offset-color: rgb(var(--orange-100));
}

.\:activering-offset-orange-200:active {
  --tw-ring-offset-color: rgb(var(--orange-200));
}

.\:activering-offset-orange-300:active {
  --tw-ring-offset-color: rgb(var(--orange-300));
}

.\:activering-offset-orange-400:active {
  --tw-ring-offset-color: rgb(var(--orange-400));
}

.\:activering-offset-orange-500:active {
  --tw-ring-offset-color: rgb(var(--orange-500));
}

.\:activering-offset-orange-600:active {
  --tw-ring-offset-color: rgb(var(--orange-600));
}

.\:activering-offset-orange-700:active {
  --tw-ring-offset-color: rgb(var(--orange-700));
}

.\:activering-offset-orange-800:active {
  --tw-ring-offset-color: rgb(var(--orange-800));
}

.\:activering-offset-orange-900:active {
  --tw-ring-offset-color: rgb(var(--orange-900));
}

.\:activering-offset-amber-50:active {
  --tw-ring-offset-color: rgb(var(--amber-50));
}

.\:activering-offset-amber-100:active {
  --tw-ring-offset-color: rgb(var(--amber-100));
}

.\:activering-offset-amber-200:active {
  --tw-ring-offset-color: rgb(var(--amber-200));
}

.\:activering-offset-amber-300:active {
  --tw-ring-offset-color: rgb(var(--amber-300));
}

.\:activering-offset-amber-400:active {
  --tw-ring-offset-color: rgb(var(--amber-400));
}

.\:activering-offset-amber-500:active {
  --tw-ring-offset-color: rgb(var(--amber-500));
}

.\:activering-offset-amber-600:active {
  --tw-ring-offset-color: rgb(var(--amber-600));
}

.\:activering-offset-amber-700:active {
  --tw-ring-offset-color: rgb(var(--amber-700));
}

.\:activering-offset-amber-800:active {
  --tw-ring-offset-color: rgb(var(--amber-800));
}

.\:activering-offset-amber-900:active {
  --tw-ring-offset-color: rgb(var(--amber-900));
}

.\:activering-offset-yellow-50:active {
  --tw-ring-offset-color: rgb(var(--yellow-50));
}

.\:activering-offset-yellow-100:active {
  --tw-ring-offset-color: rgb(var(--yellow-100));
}

.\:activering-offset-yellow-200:active {
  --tw-ring-offset-color: rgb(var(--yellow-200));
}

.\:activering-offset-yellow-300:active {
  --tw-ring-offset-color: rgb(var(--yellow-300));
}

.\:activering-offset-yellow-400:active {
  --tw-ring-offset-color: rgb(var(--yellow-400));
}

.\:activering-offset-yellow-500:active {
  --tw-ring-offset-color: rgb(var(--yellow-500));
}

.\:activering-offset-yellow-600:active {
  --tw-ring-offset-color: rgb(var(--yellow-600));
}

.\:activering-offset-yellow-700:active {
  --tw-ring-offset-color: rgb(var(--yellow-700));
}

.\:activering-offset-yellow-800:active {
  --tw-ring-offset-color: rgb(var(--yellow-800));
}

.\:activering-offset-yellow-900:active {
  --tw-ring-offset-color: rgb(var(--yellow-900));
}

.\:activering-offset-lime-50:active {
  --tw-ring-offset-color: rgb(var(--lime-50));
}

.\:activering-offset-lime-100:active {
  --tw-ring-offset-color: rgb(var(--lime-100));
}

.\:activering-offset-lime-200:active {
  --tw-ring-offset-color: rgb(var(--lime-200));
}

.\:activering-offset-lime-300:active {
  --tw-ring-offset-color: rgb(var(--lime-300));
}

.\:activering-offset-lime-400:active {
  --tw-ring-offset-color: rgb(var(--lime-400));
}

.\:activering-offset-lime-500:active {
  --tw-ring-offset-color: rgb(var(--lime-500));
}

.\:activering-offset-lime-600:active {
  --tw-ring-offset-color: rgb(var(--lime-600));
}

.\:activering-offset-lime-700:active {
  --tw-ring-offset-color: rgb(var(--lime-700));
}

.\:activering-offset-lime-800:active {
  --tw-ring-offset-color: rgb(var(--lime-800));
}

.\:activering-offset-lime-900:active {
  --tw-ring-offset-color: rgb(var(--lime-900));
}

.\:activering-offset-green-50:active {
  --tw-ring-offset-color: rgb(var(--green-50));
}

.\:activering-offset-green-100:active {
  --tw-ring-offset-color: rgb(var(--green-100));
}

.\:activering-offset-green-200:active {
  --tw-ring-offset-color: rgb(var(--green-200));
}

.\:activering-offset-green-300:active {
  --tw-ring-offset-color: rgb(var(--green-300));
}

.\:activering-offset-green-400:active {
  --tw-ring-offset-color: rgb(var(--green-400));
}

.\:activering-offset-green-500:active {
  --tw-ring-offset-color: rgb(var(--green-500));
}

.\:activering-offset-green-600:active {
  --tw-ring-offset-color: rgb(var(--green-600));
}

.\:activering-offset-green-700:active {
  --tw-ring-offset-color: rgb(var(--green-700));
}

.\:activering-offset-green-800:active {
  --tw-ring-offset-color: rgb(var(--green-800));
}

.\:activering-offset-green-900:active {
  --tw-ring-offset-color: rgb(var(--green-900));
}

.\:activering-offset-emerald-50:active {
  --tw-ring-offset-color: rgb(var(--emerald-50));
}

.\:activering-offset-emerald-100:active {
  --tw-ring-offset-color: rgb(var(--emerald-100));
}

.\:activering-offset-emerald-200:active {
  --tw-ring-offset-color: rgb(var(--emerald-200));
}

.\:activering-offset-emerald-300:active {
  --tw-ring-offset-color: rgb(var(--emerald-300));
}

.\:activering-offset-emerald-400:active {
  --tw-ring-offset-color: rgb(var(--emerald-400));
}

.\:activering-offset-emerald-500:active {
  --tw-ring-offset-color: rgb(var(--emerald-500));
}

.\:activering-offset-emerald-600:active {
  --tw-ring-offset-color: rgb(var(--emerald-600));
}

.\:activering-offset-emerald-700:active {
  --tw-ring-offset-color: rgb(var(--emerald-700));
}

.\:activering-offset-emerald-800:active {
  --tw-ring-offset-color: rgb(var(--emerald-800));
}

.\:activering-offset-emerald-900:active {
  --tw-ring-offset-color: rgb(var(--emerald-900));
}

.\:activering-offset-teal-50:active {
  --tw-ring-offset-color: rgb(var(--teal-50));
}

.\:activering-offset-teal-100:active {
  --tw-ring-offset-color: rgb(var(--teal-100));
}

.\:activering-offset-teal-200:active {
  --tw-ring-offset-color: rgb(var(--teal-200));
}

.\:activering-offset-teal-300:active {
  --tw-ring-offset-color: rgb(var(--teal-300));
}

.\:activering-offset-teal-400:active {
  --tw-ring-offset-color: rgb(var(--teal-400));
}

.\:activering-offset-teal-500:active {
  --tw-ring-offset-color: rgb(var(--teal-500));
}

.\:activering-offset-teal-600:active {
  --tw-ring-offset-color: rgb(var(--teal-600));
}

.\:activering-offset-teal-700:active {
  --tw-ring-offset-color: rgb(var(--teal-700));
}

.\:activering-offset-teal-800:active {
  --tw-ring-offset-color: rgb(var(--teal-800));
}

.\:activering-offset-teal-900:active {
  --tw-ring-offset-color: rgb(var(--teal-900));
}

.\:activering-offset-cyan-50:active {
  --tw-ring-offset-color: rgb(var(--cyan-50));
}

.\:activering-offset-cyan-100:active {
  --tw-ring-offset-color: rgb(var(--cyan-100));
}

.\:activering-offset-cyan-200:active {
  --tw-ring-offset-color: rgb(var(--cyan-200));
}

.\:activering-offset-cyan-300:active {
  --tw-ring-offset-color: rgb(var(--cyan-300));
}

.\:activering-offset-cyan-400:active {
  --tw-ring-offset-color: rgb(var(--cyan-400));
}

.\:activering-offset-cyan-500:active {
  --tw-ring-offset-color: rgb(var(--cyan-500));
}

.\:activering-offset-cyan-600:active {
  --tw-ring-offset-color: rgb(var(--cyan-600));
}

.\:activering-offset-cyan-700:active {
  --tw-ring-offset-color: rgb(var(--cyan-700));
}

.\:activering-offset-cyan-800:active {
  --tw-ring-offset-color: rgb(var(--cyan-800));
}

.\:activering-offset-cyan-900:active {
  --tw-ring-offset-color: rgb(var(--cyan-900));
}

.\:activering-offset-sky-50:active {
  --tw-ring-offset-color: rgb(var(--sky-50));
}

.\:activering-offset-sky-100:active {
  --tw-ring-offset-color: rgb(var(--sky-100));
}

.\:activering-offset-sky-200:active {
  --tw-ring-offset-color: rgb(var(--sky-200));
}

.\:activering-offset-sky-300:active {
  --tw-ring-offset-color: rgb(var(--sky-300));
}

.\:activering-offset-sky-400:active {
  --tw-ring-offset-color: rgb(var(--sky-400));
}

.\:activering-offset-sky-500:active {
  --tw-ring-offset-color: rgb(var(--sky-500));
}

.\:activering-offset-sky-600:active {
  --tw-ring-offset-color: rgb(var(--sky-600));
}

.\:activering-offset-sky-700:active {
  --tw-ring-offset-color: rgb(var(--sky-700));
}

.\:activering-offset-sky-800:active {
  --tw-ring-offset-color: rgb(var(--sky-800));
}

.\:activering-offset-sky-900:active {
  --tw-ring-offset-color: rgb(var(--sky-900));
}

.\:activering-offset-blue-50:active {
  --tw-ring-offset-color: rgb(var(--blue-50));
}

.\:activering-offset-blue-100:active {
  --tw-ring-offset-color: rgb(var(--blue-100));
}

.\:activering-offset-blue-200:active {
  --tw-ring-offset-color: rgb(var(--blue-200));
}

.\:activering-offset-blue-300:active {
  --tw-ring-offset-color: rgb(var(--blue-300));
}

.\:activering-offset-blue-400:active {
  --tw-ring-offset-color: rgb(var(--blue-400));
}

.\:activering-offset-blue-500:active {
  --tw-ring-offset-color: rgb(var(--blue-500));
}

.\:activering-offset-blue-600:active {
  --tw-ring-offset-color: rgb(var(--blue-600));
}

.\:activering-offset-blue-700:active {
  --tw-ring-offset-color: rgb(var(--blue-700));
}

.\:activering-offset-blue-800:active {
  --tw-ring-offset-color: rgb(var(--blue-800));
}

.\:activering-offset-blue-900:active {
  --tw-ring-offset-color: rgb(var(--blue-900));
}

.\:activering-offset-indigo-50:active {
  --tw-ring-offset-color: rgb(var(--indigo-50));
}

.\:activering-offset-indigo-100:active {
  --tw-ring-offset-color: rgb(var(--indigo-100));
}

.\:activering-offset-indigo-200:active {
  --tw-ring-offset-color: rgb(var(--indigo-200));
}

.\:activering-offset-indigo-300:active {
  --tw-ring-offset-color: rgb(var(--indigo-300));
}

.\:activering-offset-indigo-400:active {
  --tw-ring-offset-color: rgb(var(--indigo-400));
}

.\:activering-offset-indigo-500:active {
  --tw-ring-offset-color: rgb(var(--indigo-500));
}

.\:activering-offset-indigo-600:active {
  --tw-ring-offset-color: rgb(var(--indigo-600));
}

.\:activering-offset-indigo-700:active {
  --tw-ring-offset-color: rgb(var(--indigo-700));
}

.\:activering-offset-indigo-800:active {
  --tw-ring-offset-color: rgb(var(--indigo-800));
}

.\:activering-offset-indigo-900:active {
  --tw-ring-offset-color: rgb(var(--indigo-900));
}

.\:activering-offset-violet-50:active {
  --tw-ring-offset-color: rgb(var(--violet-50));
}

.\:activering-offset-violet-100:active {
  --tw-ring-offset-color: rgb(var(--violet-100));
}

.\:activering-offset-violet-200:active {
  --tw-ring-offset-color: rgb(var(--violet-200));
}

.\:activering-offset-violet-300:active {
  --tw-ring-offset-color: rgb(var(--violet-300));
}

.\:activering-offset-violet-400:active {
  --tw-ring-offset-color: rgb(var(--violet-400));
}

.\:activering-offset-violet-500:active {
  --tw-ring-offset-color: rgb(var(--violet-500));
}

.\:activering-offset-violet-600:active {
  --tw-ring-offset-color: rgb(var(--violet-600));
}

.\:activering-offset-violet-700:active {
  --tw-ring-offset-color: rgb(var(--violet-700));
}

.\:activering-offset-violet-800:active {
  --tw-ring-offset-color: rgb(var(--violet-800));
}

.\:activering-offset-violet-900:active {
  --tw-ring-offset-color: rgb(var(--violet-900));
}

.\:activering-offset-purple-50:active {
  --tw-ring-offset-color: rgb(var(--purple-50));
}

.\:activering-offset-purple-100:active {
  --tw-ring-offset-color: rgb(var(--purple-100));
}

.\:activering-offset-purple-200:active {
  --tw-ring-offset-color: rgb(var(--purple-200));
}

.\:activering-offset-purple-300:active {
  --tw-ring-offset-color: rgb(var(--purple-300));
}

.\:activering-offset-purple-400:active {
  --tw-ring-offset-color: rgb(var(--purple-400));
}

.\:activering-offset-purple-500:active {
  --tw-ring-offset-color: rgb(var(--purple-500));
}

.\:activering-offset-purple-600:active {
  --tw-ring-offset-color: rgb(var(--purple-600));
}

.\:activering-offset-purple-700:active {
  --tw-ring-offset-color: rgb(var(--purple-700));
}

.\:activering-offset-purple-800:active {
  --tw-ring-offset-color: rgb(var(--purple-800));
}

.\:activering-offset-purple-900:active {
  --tw-ring-offset-color: rgb(var(--purple-900));
}

.\:activering-offset-fuchsia-50:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-50));
}

.\:activering-offset-fuchsia-100:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-100));
}

.\:activering-offset-fuchsia-200:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-200));
}

.\:activering-offset-fuchsia-300:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-300));
}

.\:activering-offset-fuchsia-400:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-400));
}

.\:activering-offset-fuchsia-500:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-500));
}

.\:activering-offset-fuchsia-600:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-600));
}

.\:activering-offset-fuchsia-700:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-700));
}

.\:activering-offset-fuchsia-800:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-800));
}

.\:activering-offset-fuchsia-900:active {
  --tw-ring-offset-color: rgb(var(--fuchsia-900));
}

.\:activering-offset-pink-50:active {
  --tw-ring-offset-color: rgb(var(--pink-50));
}

.\:activering-offset-pink-100:active {
  --tw-ring-offset-color: rgb(var(--pink-100));
}

.\:activering-offset-pink-200:active {
  --tw-ring-offset-color: rgb(var(--pink-200));
}

.\:activering-offset-pink-300:active {
  --tw-ring-offset-color: rgb(var(--pink-300));
}

.\:activering-offset-pink-400:active {
  --tw-ring-offset-color: rgb(var(--pink-400));
}

.\:activering-offset-pink-500:active {
  --tw-ring-offset-color: rgb(var(--pink-500));
}

.\:activering-offset-pink-600:active {
  --tw-ring-offset-color: rgb(var(--pink-600));
}

.\:activering-offset-pink-700:active {
  --tw-ring-offset-color: rgb(var(--pink-700));
}

.\:activering-offset-pink-800:active {
  --tw-ring-offset-color: rgb(var(--pink-800));
}

.\:activering-offset-pink-900:active {
  --tw-ring-offset-color: rgb(var(--pink-900));
}

.\:activering-offset-rose-50:active {
  --tw-ring-offset-color: rgb(var(--rose-50));
}

.\:activering-offset-rose-100:active {
  --tw-ring-offset-color: rgb(var(--rose-100));
}

.\:activering-offset-rose-200:active {
  --tw-ring-offset-color: rgb(var(--rose-200));
}

.\:activering-offset-rose-300:active {
  --tw-ring-offset-color: rgb(var(--rose-300));
}

.\:activering-offset-rose-400:active {
  --tw-ring-offset-color: rgb(var(--rose-400));
}

.\:activering-offset-rose-500:active {
  --tw-ring-offset-color: rgb(var(--rose-500));
}

.\:activering-offset-rose-600:active {
  --tw-ring-offset-color: rgb(var(--rose-600));
}

.\:activering-offset-rose-700:active {
  --tw-ring-offset-color: rgb(var(--rose-700));
}

.\:activering-offset-rose-800:active {
  --tw-ring-offset-color: rgb(var(--rose-800));
}

.\:activering-offset-rose-900:active {
  --tw-ring-offset-color: rgb(var(--rose-900));
}

.\:activering-offset-slate-50:active {
  --tw-ring-offset-color: rgb(var(--slate-50));
}

.\:activering-offset-slate-100:active {
  --tw-ring-offset-color: rgb(var(--slate-100));
}

.\:activering-offset-slate-200:active {
  --tw-ring-offset-color: rgb(var(--slate-200));
}

.\:activering-offset-slate-300:active {
  --tw-ring-offset-color: rgb(var(--slate-300));
}

.\:activering-offset-slate-400:active {
  --tw-ring-offset-color: rgb(var(--slate-400));
}

.\:activering-offset-slate-500:active {
  --tw-ring-offset-color: rgb(var(--slate-500));
}

.\:activering-offset-slate-600:active {
  --tw-ring-offset-color: rgb(var(--slate-600));
}

.\:activering-offset-slate-700:active {
  --tw-ring-offset-color: rgb(var(--slate-700));
}

.\:activering-offset-slate-800:active {
  --tw-ring-offset-color: rgb(var(--slate-800));
}

.\:activering-offset-slate-900:active {
  --tw-ring-offset-color: rgb(var(--slate-900));
}

.\:activering-offset-gray-50:active {
  --tw-ring-offset-color: rgb(var(--gray-50));
}

.\:activering-offset-gray-100:active {
  --tw-ring-offset-color: rgb(var(--gray-100));
}

.\:activering-offset-gray-200:active {
  --tw-ring-offset-color: rgb(var(--gray-200));
}

.\:activering-offset-gray-300:active {
  --tw-ring-offset-color: rgb(var(--gray-300));
}

.\:activering-offset-gray-400:active {
  --tw-ring-offset-color: rgb(var(--gray-400));
}

.\:activering-offset-gray-500:active {
  --tw-ring-offset-color: rgb(var(--gray-500));
}

.\:activering-offset-gray-600:active {
  --tw-ring-offset-color: rgb(var(--gray-600));
}

.\:activering-offset-gray-700:active {
  --tw-ring-offset-color: rgb(var(--gray-700));
}

.\:activering-offset-gray-800:active {
  --tw-ring-offset-color: rgb(var(--gray-800));
}

.\:activering-offset-gray-900:active {
  --tw-ring-offset-color: rgb(var(--gray-900));
}

.\:activering-offset-zinc-50:active {
  --tw-ring-offset-color: rgb(var(--zinc-50));
}

.\:activering-offset-zinc-100:active {
  --tw-ring-offset-color: rgb(var(--zinc-100));
}

.\:activering-offset-zinc-200:active {
  --tw-ring-offset-color: rgb(var(--zinc-200));
}

.\:activering-offset-zinc-300:active {
  --tw-ring-offset-color: rgb(var(--zinc-300));
}

.\:activering-offset-zinc-400:active {
  --tw-ring-offset-color: rgb(var(--zinc-400));
}

.\:activering-offset-zinc-500:active {
  --tw-ring-offset-color: rgb(var(--zinc-500));
}

.\:activering-offset-zinc-600:active {
  --tw-ring-offset-color: rgb(var(--zinc-600));
}

.\:activering-offset-zinc-700:active {
  --tw-ring-offset-color: rgb(var(--zinc-700));
}

.\:activering-offset-zinc-800:active {
  --tw-ring-offset-color: rgb(var(--zinc-800));
}

.\:activering-offset-zinc-900:active {
  --tw-ring-offset-color: rgb(var(--zinc-900));
}

.\:activering-offset-black-DEFAULT:active {
  --tw-ring-offset-color: rgb(var(--black-DEFAULT));
}

.\:activering-offset-white-DEFAULT:active {
  --tw-ring-offset-color: rgb(var(--white-DEFAULT));
}

.\:activebg-blend-normal:active {
  background-blend-mode: normal;
}

.\:activebg-blend-multiply:active {
  background-blend-mode: multiply;
}

.\:activebg-blend-screen:active {
  background-blend-mode: screen;
}

.\:activebg-blend-overlay:active {
  background-blend-mode: overlay;
}

.\:activebg-blend-darken:active {
  background-blend-mode: darken;
}

.\:activebg-blend-lighten:active {
  background-blend-mode: lighten;
}

.\:activebg-blend-color-dodge:active {
  background-blend-mode: color-dodge;
}

.\:activebg-blend-color-burn:active {
  background-blend-mode: color-burn;
}

.\:activebg-blend-hard-light:active {
  background-blend-mode: hard-light;
}

.\:activebg-blend-soft-light:active {
  background-blend-mode: soft-light;
}

.\:activebg-blend-difference:active {
  background-blend-mode: difference;
}

.\:activebg-blend-exclusion:active {
  background-blend-mode: exclusion;
}

.\:activebg-blend-hue:active {
  background-blend-mode: hue;
}

.\:activebg-blend-saturation:active {
  background-blend-mode: saturation;
}

.\:activebg-blend-color:active {
  background-blend-mode: color;
}

.\:activebg-blend-luminosity:active {
  background-blend-mode: luminosity;
}



.shadow-red-50 {
  --tw-shadow-color: rgb(var(--red-50));
}

.shadow-red-100 {
  --tw-shadow-color: rgb(var(--red-100));
}

.shadow-red-200 {
  --tw-shadow-color: rgb(var(--red-200));
}

.shadow-red-300 {
  --tw-shadow-color: rgb(var(--red-300));
}

.shadow-red-400 {
  --tw-shadow-color: rgb(var(--red-400));
}

.shadow-red-500 {
  --tw-shadow-color: rgb(var(--red-500));
}

.shadow-red-600 {
  --tw-shadow-color: rgb(var(--red-600));
}

.shadow-red-700 {
  --tw-shadow-color: rgb(var(--red-700));
}

.shadow-red-800 {
  --tw-shadow-color: rgb(var(--red-800));
}

.shadow-red-900 {
  --tw-shadow-color: rgb(var(--red-900));
}

.shadow-orange-50 {
  --tw-shadow-color: rgb(var(--orange-50));
}

.shadow-orange-100 {
  --tw-shadow-color: rgb(var(--orange-100));
}

.shadow-orange-200 {
  --tw-shadow-color: rgb(var(--orange-200));
}

.shadow-orange-300 {
  --tw-shadow-color: rgb(var(--orange-300));
}

.shadow-orange-400 {
  --tw-shadow-color: rgb(var(--orange-400));
}

.shadow-orange-500 {
  --tw-shadow-color: rgb(var(--orange-500));
}

.shadow-orange-600 {
  --tw-shadow-color: rgb(var(--orange-600));
}

.shadow-orange-700 {
  --tw-shadow-color: rgb(var(--orange-700));
}

.shadow-orange-800 {
  --tw-shadow-color: rgb(var(--orange-800));
}

.shadow-orange-900 {
  --tw-shadow-color: rgb(var(--orange-900));
}

.shadow-amber-50 {
  --tw-shadow-color: rgb(var(--amber-50));
}

.shadow-amber-100 {
  --tw-shadow-color: rgb(var(--amber-100));
}

.shadow-amber-200 {
  --tw-shadow-color: rgb(var(--amber-200));
}

.shadow-amber-300 {
  --tw-shadow-color: rgb(var(--amber-300));
}

.shadow-amber-400 {
  --tw-shadow-color: rgb(var(--amber-400));
}

.shadow-amber-500 {
  --tw-shadow-color: rgb(var(--amber-500));
}

.shadow-amber-600 {
  --tw-shadow-color: rgb(var(--amber-600));
}

.shadow-amber-700 {
  --tw-shadow-color: rgb(var(--amber-700));
}

.shadow-amber-800 {
  --tw-shadow-color: rgb(var(--amber-800));
}

.shadow-amber-900 {
  --tw-shadow-color: rgb(var(--amber-900));
}

.shadow-yellow-50 {
  --tw-shadow-color: rgb(var(--yellow-50));
}

.shadow-yellow-100 {
  --tw-shadow-color: rgb(var(--yellow-100));
}

.shadow-yellow-200 {
  --tw-shadow-color: rgb(var(--yellow-200));
}

.shadow-yellow-300 {
  --tw-shadow-color: rgb(var(--yellow-300));
}

.shadow-yellow-400 {
  --tw-shadow-color: rgb(var(--yellow-400));
}

.shadow-yellow-500 {
  --tw-shadow-color: rgb(var(--yellow-500));
}

.shadow-yellow-600 {
  --tw-shadow-color: rgb(var(--yellow-600));
}

.shadow-yellow-700 {
  --tw-shadow-color: rgb(var(--yellow-700));
}

.shadow-yellow-800 {
  --tw-shadow-color: rgb(var(--yellow-800));
}

.shadow-yellow-900 {
  --tw-shadow-color: rgb(var(--yellow-900));
}

.shadow-lime-50 {
  --tw-shadow-color: rgb(var(--lime-50));
}

.shadow-lime-100 {
  --tw-shadow-color: rgb(var(--lime-100));
}

.shadow-lime-200 {
  --tw-shadow-color: rgb(var(--lime-200));
}

.shadow-lime-300 {
  --tw-shadow-color: rgb(var(--lime-300));
}

.shadow-lime-400 {
  --tw-shadow-color: rgb(var(--lime-400));
}

.shadow-lime-500 {
  --tw-shadow-color: rgb(var(--lime-500));
}

.shadow-lime-600 {
  --tw-shadow-color: rgb(var(--lime-600));
}

.shadow-lime-700 {
  --tw-shadow-color: rgb(var(--lime-700));
}

.shadow-lime-800 {
  --tw-shadow-color: rgb(var(--lime-800));
}

.shadow-lime-900 {
  --tw-shadow-color: rgb(var(--lime-900));
}

.shadow-green-50 {
  --tw-shadow-color: rgb(var(--green-50));
}

.shadow-green-100 {
  --tw-shadow-color: rgb(var(--green-100));
}

.shadow-green-200 {
  --tw-shadow-color: rgb(var(--green-200));
}

.shadow-green-300 {
  --tw-shadow-color: rgb(var(--green-300));
}

.shadow-green-400 {
  --tw-shadow-color: rgb(var(--green-400));
}

.shadow-green-500 {
  --tw-shadow-color: rgb(var(--green-500));
}

.shadow-green-600 {
  --tw-shadow-color: rgb(var(--green-600));
}

.shadow-green-700 {
  --tw-shadow-color: rgb(var(--green-700));
}

.shadow-green-800 {
  --tw-shadow-color: rgb(var(--green-800));
}

.shadow-green-900 {
  --tw-shadow-color: rgb(var(--green-900));
}

.shadow-emerald-50 {
  --tw-shadow-color: rgb(var(--emerald-50));
}

.shadow-emerald-100 {
  --tw-shadow-color: rgb(var(--emerald-100));
}

.shadow-emerald-200 {
  --tw-shadow-color: rgb(var(--emerald-200));
}

.shadow-emerald-300 {
  --tw-shadow-color: rgb(var(--emerald-300));
}

.shadow-emerald-400 {
  --tw-shadow-color: rgb(var(--emerald-400));
}

.shadow-emerald-500 {
  --tw-shadow-color: rgb(var(--emerald-500));
}

.shadow-emerald-600 {
  --tw-shadow-color: rgb(var(--emerald-600));
}

.shadow-emerald-700 {
  --tw-shadow-color: rgb(var(--emerald-700));
}

.shadow-emerald-800 {
  --tw-shadow-color: rgb(var(--emerald-800));
}

.shadow-emerald-900 {
  --tw-shadow-color: rgb(var(--emerald-900));
}

.shadow-teal-50 {
  --tw-shadow-color: rgb(var(--teal-50));
}

.shadow-teal-100 {
  --tw-shadow-color: rgb(var(--teal-100));
}

.shadow-teal-200 {
  --tw-shadow-color: rgb(var(--teal-200));
}

.shadow-teal-300 {
  --tw-shadow-color: rgb(var(--teal-300));
}

.shadow-teal-400 {
  --tw-shadow-color: rgb(var(--teal-400));
}

.shadow-teal-500 {
  --tw-shadow-color: rgb(var(--teal-500));
}

.shadow-teal-600 {
  --tw-shadow-color: rgb(var(--teal-600));
}

.shadow-teal-700 {
  --tw-shadow-color: rgb(var(--teal-700));
}

.shadow-teal-800 {
  --tw-shadow-color: rgb(var(--teal-800));
}

.shadow-teal-900 {
  --tw-shadow-color: rgb(var(--teal-900));
}

.shadow-cyan-50 {
  --tw-shadow-color: rgb(var(--cyan-50));
}

.shadow-cyan-100 {
  --tw-shadow-color: rgb(var(--cyan-100));
}

.shadow-cyan-200 {
  --tw-shadow-color: rgb(var(--cyan-200));
}

.shadow-cyan-300 {
  --tw-shadow-color: rgb(var(--cyan-300));
}

.shadow-cyan-400 {
  --tw-shadow-color: rgb(var(--cyan-400));
}

.shadow-cyan-500 {
  --tw-shadow-color: rgb(var(--cyan-500));
}

.shadow-cyan-600 {
  --tw-shadow-color: rgb(var(--cyan-600));
}

.shadow-cyan-700 {
  --tw-shadow-color: rgb(var(--cyan-700));
}

.shadow-cyan-800 {
  --tw-shadow-color: rgb(var(--cyan-800));
}

.shadow-cyan-900 {
  --tw-shadow-color: rgb(var(--cyan-900));
}

.shadow-sky-50 {
  --tw-shadow-color: rgb(var(--sky-50));
}

.shadow-sky-100 {
  --tw-shadow-color: rgb(var(--sky-100));
}

.shadow-sky-200 {
  --tw-shadow-color: rgb(var(--sky-200));
}

.shadow-sky-300 {
  --tw-shadow-color: rgb(var(--sky-300));
}

.shadow-sky-400 {
  --tw-shadow-color: rgb(var(--sky-400));
}

.shadow-sky-500 {
  --tw-shadow-color: rgb(var(--sky-500));
}

.shadow-sky-600 {
  --tw-shadow-color: rgb(var(--sky-600));
}

.shadow-sky-700 {
  --tw-shadow-color: rgb(var(--sky-700));
}

.shadow-sky-800 {
  --tw-shadow-color: rgb(var(--sky-800));
}

.shadow-sky-900 {
  --tw-shadow-color: rgb(var(--sky-900));
}

.shadow-blue-50 {
  --tw-shadow-color: rgb(var(--blue-50));
}

.shadow-blue-100 {
  --tw-shadow-color: rgb(var(--blue-100));
}

.shadow-blue-200 {
  --tw-shadow-color: rgb(var(--blue-200));
}

.shadow-blue-300 {
  --tw-shadow-color: rgb(var(--blue-300));
}

.shadow-blue-400 {
  --tw-shadow-color: rgb(var(--blue-400));
}

.shadow-blue-500 {
  --tw-shadow-color: rgb(var(--blue-500));
}

.shadow-blue-600 {
  --tw-shadow-color: rgb(var(--blue-600));
}

.shadow-blue-700 {
  --tw-shadow-color: rgb(var(--blue-700));
}

.shadow-blue-800 {
  --tw-shadow-color: rgb(var(--blue-800));
}

.shadow-blue-900 {
  --tw-shadow-color: rgb(var(--blue-900));
}

.shadow-indigo-50 {
  --tw-shadow-color: rgb(var(--indigo-50));
}

.shadow-indigo-100 {
  --tw-shadow-color: rgb(var(--indigo-100));
}

.shadow-indigo-200 {
  --tw-shadow-color: rgb(var(--indigo-200));
}

.shadow-indigo-300 {
  --tw-shadow-color: rgb(var(--indigo-300));
}

.shadow-indigo-400 {
  --tw-shadow-color: rgb(var(--indigo-400));
}

.shadow-indigo-500 {
  --tw-shadow-color: rgb(var(--indigo-500));
}

.shadow-indigo-600 {
  --tw-shadow-color: rgb(var(--indigo-600));
}

.shadow-indigo-700 {
  --tw-shadow-color: rgb(var(--indigo-700));
}

.shadow-indigo-800 {
  --tw-shadow-color: rgb(var(--indigo-800));
}

.shadow-indigo-900 {
  --tw-shadow-color: rgb(var(--indigo-900));
}

.shadow-violet-50 {
  --tw-shadow-color: rgb(var(--violet-50));
}

.shadow-violet-100 {
  --tw-shadow-color: rgb(var(--violet-100));
}

.shadow-violet-200 {
  --tw-shadow-color: rgb(var(--violet-200));
}

.shadow-violet-300 {
  --tw-shadow-color: rgb(var(--violet-300));
}

.shadow-violet-400 {
  --tw-shadow-color: rgb(var(--violet-400));
}

.shadow-violet-500 {
  --tw-shadow-color: rgb(var(--violet-500));
}

.shadow-violet-600 {
  --tw-shadow-color: rgb(var(--violet-600));
}

.shadow-violet-700 {
  --tw-shadow-color: rgb(var(--violet-700));
}

.shadow-violet-800 {
  --tw-shadow-color: rgb(var(--violet-800));
}

.shadow-violet-900 {
  --tw-shadow-color: rgb(var(--violet-900));
}

.shadow-purple-50 {
  --tw-shadow-color: rgb(var(--purple-50));
}

.shadow-purple-100 {
  --tw-shadow-color: rgb(var(--purple-100));
}

.shadow-purple-200 {
  --tw-shadow-color: rgb(var(--purple-200));
}

.shadow-purple-300 {
  --tw-shadow-color: rgb(var(--purple-300));
}

.shadow-purple-400 {
  --tw-shadow-color: rgb(var(--purple-400));
}

.shadow-purple-500 {
  --tw-shadow-color: rgb(var(--purple-500));
}

.shadow-purple-600 {
  --tw-shadow-color: rgb(var(--purple-600));
}

.shadow-purple-700 {
  --tw-shadow-color: rgb(var(--purple-700));
}

.shadow-purple-800 {
  --tw-shadow-color: rgb(var(--purple-800));
}

.shadow-purple-900 {
  --tw-shadow-color: rgb(var(--purple-900));
}

.shadow-fuchsia-50 {
  --tw-shadow-color: rgb(var(--fuchsia-50));
}

.shadow-fuchsia-100 {
  --tw-shadow-color: rgb(var(--fuchsia-100));
}

.shadow-fuchsia-200 {
  --tw-shadow-color: rgb(var(--fuchsia-200));
}

.shadow-fuchsia-300 {
  --tw-shadow-color: rgb(var(--fuchsia-300));
}

.shadow-fuchsia-400 {
  --tw-shadow-color: rgb(var(--fuchsia-400));
}

.shadow-fuchsia-500 {
  --tw-shadow-color: rgb(var(--fuchsia-500));
}

.shadow-fuchsia-600 {
  --tw-shadow-color: rgb(var(--fuchsia-600));
}

.shadow-fuchsia-700 {
  --tw-shadow-color: rgb(var(--fuchsia-700));
}

.shadow-fuchsia-800 {
  --tw-shadow-color: rgb(var(--fuchsia-800));
}

.shadow-fuchsia-900 {
  --tw-shadow-color: rgb(var(--fuchsia-900));
}

.shadow-pink-50 {
  --tw-shadow-color: rgb(var(--pink-50));
}

.shadow-pink-100 {
  --tw-shadow-color: rgb(var(--pink-100));
}

.shadow-pink-200 {
  --tw-shadow-color: rgb(var(--pink-200));
}

.shadow-pink-300 {
  --tw-shadow-color: rgb(var(--pink-300));
}

.shadow-pink-400 {
  --tw-shadow-color: rgb(var(--pink-400));
}

.shadow-pink-500 {
  --tw-shadow-color: rgb(var(--pink-500));
}

.shadow-pink-600 {
  --tw-shadow-color: rgb(var(--pink-600));
}

.shadow-pink-700 {
  --tw-shadow-color: rgb(var(--pink-700));
}

.shadow-pink-800 {
  --tw-shadow-color: rgb(var(--pink-800));
}

.shadow-pink-900 {
  --tw-shadow-color: rgb(var(--pink-900));
}

.shadow-rose-50 {
  --tw-shadow-color: rgb(var(--rose-50));
}

.shadow-rose-100 {
  --tw-shadow-color: rgb(var(--rose-100));
}

.shadow-rose-200 {
  --tw-shadow-color: rgb(var(--rose-200));
}

.shadow-rose-300 {
  --tw-shadow-color: rgb(var(--rose-300));
}

.shadow-rose-400 {
  --tw-shadow-color: rgb(var(--rose-400));
}

.shadow-rose-500 {
  --tw-shadow-color: rgb(var(--rose-500));
}

.shadow-rose-600 {
  --tw-shadow-color: rgb(var(--rose-600));
}

.shadow-rose-700 {
  --tw-shadow-color: rgb(var(--rose-700));
}

.shadow-rose-800 {
  --tw-shadow-color: rgb(var(--rose-800));
}

.shadow-rose-900 {
  --tw-shadow-color: rgb(var(--rose-900));
}

.shadow-slate-50 {
  --tw-shadow-color: rgb(var(--slate-50));
}

.shadow-slate-100 {
  --tw-shadow-color: rgb(var(--slate-100));
}

.shadow-slate-200 {
  --tw-shadow-color: rgb(var(--slate-200));
}

.shadow-slate-300 {
  --tw-shadow-color: rgb(var(--slate-300));
}

.shadow-slate-400 {
  --tw-shadow-color: rgb(var(--slate-400));
}

.shadow-slate-500 {
  --tw-shadow-color: rgb(var(--slate-500));
}

.shadow-slate-600 {
  --tw-shadow-color: rgb(var(--slate-600));
}

.shadow-slate-700 {
  --tw-shadow-color: rgb(var(--slate-700));
}

.shadow-slate-800 {
  --tw-shadow-color: rgb(var(--slate-800));
}

.shadow-slate-900 {
  --tw-shadow-color: rgb(var(--slate-900));
}

.shadow-gray-50 {
  --tw-shadow-color: rgb(var(--gray-50));
}

.shadow-gray-100 {
  --tw-shadow-color: rgb(var(--gray-100));
}

.shadow-gray-200 {
  --tw-shadow-color: rgb(var(--gray-200));
}

.shadow-gray-300 {
  --tw-shadow-color: rgb(var(--gray-300));
}

.shadow-gray-400 {
  --tw-shadow-color: rgb(var(--gray-400));
}

.shadow-gray-500 {
  --tw-shadow-color: rgb(var(--gray-500));
}

.shadow-gray-600 {
  --tw-shadow-color: rgb(var(--gray-600));
}

.shadow-gray-700 {
  --tw-shadow-color: rgb(var(--gray-700));
}

.shadow-gray-800 {
  --tw-shadow-color: rgb(var(--gray-800));
}

.shadow-gray-900 {
  --tw-shadow-color: rgb(var(--gray-900));
}

.shadow-zinc-50 {
  --tw-shadow-color: rgb(var(--zinc-50));
}

.shadow-zinc-100 {
  --tw-shadow-color: rgb(var(--zinc-100));
}

.shadow-zinc-200 {
  --tw-shadow-color: rgb(var(--zinc-200));
}

.shadow-zinc-300 {
  --tw-shadow-color: rgb(var(--zinc-300));
}

.shadow-zinc-400 {
  --tw-shadow-color: rgb(var(--zinc-400));
}

.shadow-zinc-500 {
  --tw-shadow-color: rgb(var(--zinc-500));
}

.shadow-zinc-600 {
  --tw-shadow-color: rgb(var(--zinc-600));
}

.shadow-zinc-700 {
  --tw-shadow-color: rgb(var(--zinc-700));
}

.shadow-zinc-800 {
  --tw-shadow-color: rgb(var(--zinc-800));
}

.shadow-zinc-900 {
  --tw-shadow-color: rgb(var(--zinc-900));
}

.shadow-black-DEFAULT {
  --tw-shadow-color: rgb(var(--black-DEFAULT));
}

.shadow-white-DEFAULT {
  --tw-shadow-color: rgb(var(--white-DEFAULT));
}

.shadow-sm {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
}

.shadow-none {
  box-shadow: 0 0 #0000;
}

/* 基础类 */
.outline-0 {
  outline-width: 0px;
}

.outline-1 {
  outline-width: 1px;
}

.outline-2 {
  outline-width: 2px;
}

.outline-4 {
  outline-width: 4px;
}

.outline-8 {
  outline-width: 8px;
}

.outline-none-none {
  outline: 2px solid transparent;
}

.outline-none-DEFAULT {
  outline: none;
}

.outline-solid {
  outline-style: solid;
}

.outline-dashed {
  outline-style: dashed;
}

.outline-dotted {
  outline-style: dotted;
}

.outline-double {
  outline-style: double;
}

.outline-hidden {
  outline-style: hidden;
}

.outline-offset-0 {
  outline-offset: var(--spacing-0);
}

.outline-offset-1 {
  outline-offset: var(--spacing-1);
}

.outline-offset-2 {
  outline-offset: var(--spacing-2);
}

.outline-offset-3 {
  outline-offset: var(--spacing-3);
}

.outline-offset-4 {
  outline-offset: var(--spacing-4);
}

.outline-offset-5 {
  outline-offset: var(--spacing-5);
}

.outline-offset-6 {
  outline-offset: var(--spacing-6);
}

.outline-offset-7 {
  outline-offset: var(--spacing-7);
}

.outline-offset-8 {
  outline-offset: var(--spacing-8);
}

.outline-offset-9 {
  outline-offset: var(--spacing-9);
}

.outline-offset-10 {
  outline-offset: var(--spacing-10);
}

.outline-offset-11 {
  outline-offset: var(--spacing-11);
}

.outline-offset-12 {
  outline-offset: var(--spacing-12);
}

.outline-offset-14 {
  outline-offset: var(--spacing-14);
}

.outline-offset-16 {
  outline-offset: var(--spacing-16);
}

.outline-offset-20 {
  outline-offset: var(--spacing-20);
}

.outline-offset-24 {
  outline-offset: var(--spacing-24);
}

.outline-offset-28 {
  outline-offset: var(--spacing-28);
}

.outline-offset-32 {
  outline-offset: var(--spacing-32);
}

.outline-offset-36 {
  outline-offset: var(--spacing-36);
}

.outline-offset-40 {
  outline-offset: var(--spacing-40);
}

.outline-offset-44 {
  outline-offset: var(--spacing-44);
}

.outline-offset-48 {
  outline-offset: var(--spacing-48);
}

.outline-offset-52 {
  outline-offset: var(--spacing-52);
}

.outline-offset-56 {
  outline-offset: var(--spacing-56);
}

.outline-offset-60 {
  outline-offset: var(--spacing-60);
}

.outline-offset-64 {
  outline-offset: var(--spacing-64);
}

.outline-offset-72 {
  outline-offset: var(--spacing-72);
}

.outline-offset-80 {
  outline-offset: var(--spacing-80);
}

.outline-offset-96 {
  outline-offset: var(--spacing-96);
}

.outline-offset-px {
  outline-offset: var(--spacing-px);
}

.outline-offset-0\.5 {
  outline-offset: var(--spacing-0.5);
}

.outline-offset-1\.5 {
  outline-offset: var(--spacing-1.5);
}

.outline-offset-2\.5 {
  outline-offset: var(--spacing-2.5);
}

.outline-offset-3\.5 {
  outline-offset: var(--spacing-3.5);
}

.outline-offset-auto {
  outline-offset: var(--spacing-auto);
}

.outline-offset-1\/2 {
  outline-offset: var(--spacing-1/2);
}

.outline-offset-1\/3 {
  outline-offset: var(--spacing-1/3);
}

.outline-offset-2\/3 {
  outline-offset: var(--spacing-2/3);
}

.outline-offset-1\/4 {
  outline-offset: var(--spacing-1/4);
}

.outline-offset-2\/4 {
  outline-offset: var(--spacing-2/4);
}

.outline-offset-3\/4 {
  outline-offset: var(--spacing-3/4);
}

.outline-offset-1\/5 {
  outline-offset: var(--spacing-1/5);
}

.outline-offset-2\/5 {
  outline-offset: var(--spacing-2/5);
}

.outline-offset-3\/5 {
  outline-offset: var(--spacing-3/5);
}

.outline-offset-4\/5 {
  outline-offset: var(--spacing-4/5);
}

.outline-offset-1\/6 {
  outline-offset: var(--spacing-1/6);
}

.outline-offset-2\/6 {
  outline-offset: var(--spacing-2/6);
}

.outline-offset-3\/6 {
  outline-offset: var(--spacing-3/6);
}

.outline-offset-4\/6 {
  outline-offset: var(--spacing-4/6);
}

.outline-offset-5\/6 {
  outline-offset: var(--spacing-5/6);
}

.outline-offset-full {
  outline-offset: var(--spacing-full);
}

.outline-offset-screen {
  outline-offset: var(--spacing-screen);
}

.outline-offset-min {
  outline-offset: var(--spacing-min);
}

.outline-offset-max {
  outline-offset: var(--spacing-max);
}

.outline-offset-fit {
  outline-offset: var(--spacing-fit);
}

.outline-inset {
  outline-style: inset;
}

.outline-outset {
  outline-style: outset;
}

.outline-ring {
  outline-style: solid  2px  var(--tw-ring-color);
  outline-width: solid  2px  var(--tw-ring-color);
  outline-color: solid  2px  var(--tw-ring-color);
}

.ring-red-50 {
  --tw-ring-color: rgb(var(--red-50));
}

.ring-red-100 {
  --tw-ring-color: rgb(var(--red-100));
}

.ring-red-200 {
  --tw-ring-color: rgb(var(--red-200));
}

.ring-red-300 {
  --tw-ring-color: rgb(var(--red-300));
}

.ring-red-400 {
  --tw-ring-color: rgb(var(--red-400));
}

.ring-red-500 {
  --tw-ring-color: rgb(var(--red-500));
}

.ring-red-600 {
  --tw-ring-color: rgb(var(--red-600));
}

.ring-red-700 {
  --tw-ring-color: rgb(var(--red-700));
}

.ring-red-800 {
  --tw-ring-color: rgb(var(--red-800));
}

.ring-red-900 {
  --tw-ring-color: rgb(var(--red-900));
}

.ring-orange-50 {
  --tw-ring-color: rgb(var(--orange-50));
}

.ring-orange-100 {
  --tw-ring-color: rgb(var(--orange-100));
}

.ring-orange-200 {
  --tw-ring-color: rgb(var(--orange-200));
}

.ring-orange-300 {
  --tw-ring-color: rgb(var(--orange-300));
}

.ring-orange-400 {
  --tw-ring-color: rgb(var(--orange-400));
}

.ring-orange-500 {
  --tw-ring-color: rgb(var(--orange-500));
}

.ring-orange-600 {
  --tw-ring-color: rgb(var(--orange-600));
}

.ring-orange-700 {
  --tw-ring-color: rgb(var(--orange-700));
}

.ring-orange-800 {
  --tw-ring-color: rgb(var(--orange-800));
}

.ring-orange-900 {
  --tw-ring-color: rgb(var(--orange-900));
}

.ring-amber-50 {
  --tw-ring-color: rgb(var(--amber-50));
}

.ring-amber-100 {
  --tw-ring-color: rgb(var(--amber-100));
}

.ring-amber-200 {
  --tw-ring-color: rgb(var(--amber-200));
}

.ring-amber-300 {
  --tw-ring-color: rgb(var(--amber-300));
}

.ring-amber-400 {
  --tw-ring-color: rgb(var(--amber-400));
}

.ring-amber-500 {
  --tw-ring-color: rgb(var(--amber-500));
}

.ring-amber-600 {
  --tw-ring-color: rgb(var(--amber-600));
}

.ring-amber-700 {
  --tw-ring-color: rgb(var(--amber-700));
}

.ring-amber-800 {
  --tw-ring-color: rgb(var(--amber-800));
}

.ring-amber-900 {
  --tw-ring-color: rgb(var(--amber-900));
}

.ring-yellow-50 {
  --tw-ring-color: rgb(var(--yellow-50));
}

.ring-yellow-100 {
  --tw-ring-color: rgb(var(--yellow-100));
}

.ring-yellow-200 {
  --tw-ring-color: rgb(var(--yellow-200));
}

.ring-yellow-300 {
  --tw-ring-color: rgb(var(--yellow-300));
}

.ring-yellow-400 {
  --tw-ring-color: rgb(var(--yellow-400));
}

.ring-yellow-500 {
  --tw-ring-color: rgb(var(--yellow-500));
}

.ring-yellow-600 {
  --tw-ring-color: rgb(var(--yellow-600));
}

.ring-yellow-700 {
  --tw-ring-color: rgb(var(--yellow-700));
}

.ring-yellow-800 {
  --tw-ring-color: rgb(var(--yellow-800));
}

.ring-yellow-900 {
  --tw-ring-color: rgb(var(--yellow-900));
}

.ring-lime-50 {
  --tw-ring-color: rgb(var(--lime-50));
}

.ring-lime-100 {
  --tw-ring-color: rgb(var(--lime-100));
}

.ring-lime-200 {
  --tw-ring-color: rgb(var(--lime-200));
}

.ring-lime-300 {
  --tw-ring-color: rgb(var(--lime-300));
}

.ring-lime-400 {
  --tw-ring-color: rgb(var(--lime-400));
}

.ring-lime-500 {
  --tw-ring-color: rgb(var(--lime-500));
}

.ring-lime-600 {
  --tw-ring-color: rgb(var(--lime-600));
}

.ring-lime-700 {
  --tw-ring-color: rgb(var(--lime-700));
}

.ring-lime-800 {
  --tw-ring-color: rgb(var(--lime-800));
}

.ring-lime-900 {
  --tw-ring-color: rgb(var(--lime-900));
}

.ring-green-50 {
  --tw-ring-color: rgb(var(--green-50));
}

.ring-green-100 {
  --tw-ring-color: rgb(var(--green-100));
}

.ring-green-200 {
  --tw-ring-color: rgb(var(--green-200));
}

.ring-green-300 {
  --tw-ring-color: rgb(var(--green-300));
}

.ring-green-400 {
  --tw-ring-color: rgb(var(--green-400));
}

.ring-green-500 {
  --tw-ring-color: rgb(var(--green-500));
}

.ring-green-600 {
  --tw-ring-color: rgb(var(--green-600));
}

.ring-green-700 {
  --tw-ring-color: rgb(var(--green-700));
}

.ring-green-800 {
  --tw-ring-color: rgb(var(--green-800));
}

.ring-green-900 {
  --tw-ring-color: rgb(var(--green-900));
}

.ring-emerald-50 {
  --tw-ring-color: rgb(var(--emerald-50));
}

.ring-emerald-100 {
  --tw-ring-color: rgb(var(--emerald-100));
}

.ring-emerald-200 {
  --tw-ring-color: rgb(var(--emerald-200));
}

.ring-emerald-300 {
  --tw-ring-color: rgb(var(--emerald-300));
}

.ring-emerald-400 {
  --tw-ring-color: rgb(var(--emerald-400));
}

.ring-emerald-500 {
  --tw-ring-color: rgb(var(--emerald-500));
}

.ring-emerald-600 {
  --tw-ring-color: rgb(var(--emerald-600));
}

.ring-emerald-700 {
  --tw-ring-color: rgb(var(--emerald-700));
}

.ring-emerald-800 {
  --tw-ring-color: rgb(var(--emerald-800));
}

.ring-emerald-900 {
  --tw-ring-color: rgb(var(--emerald-900));
}

.ring-teal-50 {
  --tw-ring-color: rgb(var(--teal-50));
}

.ring-teal-100 {
  --tw-ring-color: rgb(var(--teal-100));
}

.ring-teal-200 {
  --tw-ring-color: rgb(var(--teal-200));
}

.ring-teal-300 {
  --tw-ring-color: rgb(var(--teal-300));
}

.ring-teal-400 {
  --tw-ring-color: rgb(var(--teal-400));
}

.ring-teal-500 {
  --tw-ring-color: rgb(var(--teal-500));
}

.ring-teal-600 {
  --tw-ring-color: rgb(var(--teal-600));
}

.ring-teal-700 {
  --tw-ring-color: rgb(var(--teal-700));
}

.ring-teal-800 {
  --tw-ring-color: rgb(var(--teal-800));
}

.ring-teal-900 {
  --tw-ring-color: rgb(var(--teal-900));
}

.ring-cyan-50 {
  --tw-ring-color: rgb(var(--cyan-50));
}

.ring-cyan-100 {
  --tw-ring-color: rgb(var(--cyan-100));
}

.ring-cyan-200 {
  --tw-ring-color: rgb(var(--cyan-200));
}

.ring-cyan-300 {
  --tw-ring-color: rgb(var(--cyan-300));
}

.ring-cyan-400 {
  --tw-ring-color: rgb(var(--cyan-400));
}

.ring-cyan-500 {
  --tw-ring-color: rgb(var(--cyan-500));
}

.ring-cyan-600 {
  --tw-ring-color: rgb(var(--cyan-600));
}

.ring-cyan-700 {
  --tw-ring-color: rgb(var(--cyan-700));
}

.ring-cyan-800 {
  --tw-ring-color: rgb(var(--cyan-800));
}

.ring-cyan-900 {
  --tw-ring-color: rgb(var(--cyan-900));
}

.ring-sky-50 {
  --tw-ring-color: rgb(var(--sky-50));
}

.ring-sky-100 {
  --tw-ring-color: rgb(var(--sky-100));
}

.ring-sky-200 {
  --tw-ring-color: rgb(var(--sky-200));
}

.ring-sky-300 {
  --tw-ring-color: rgb(var(--sky-300));
}

.ring-sky-400 {
  --tw-ring-color: rgb(var(--sky-400));
}

.ring-sky-500 {
  --tw-ring-color: rgb(var(--sky-500));
}

.ring-sky-600 {
  --tw-ring-color: rgb(var(--sky-600));
}

.ring-sky-700 {
  --tw-ring-color: rgb(var(--sky-700));
}

.ring-sky-800 {
  --tw-ring-color: rgb(var(--sky-800));
}

.ring-sky-900 {
  --tw-ring-color: rgb(var(--sky-900));
}

.ring-blue-50 {
  --tw-ring-color: rgb(var(--blue-50));
}

.ring-blue-100 {
  --tw-ring-color: rgb(var(--blue-100));
}

.ring-blue-200 {
  --tw-ring-color: rgb(var(--blue-200));
}

.ring-blue-300 {
  --tw-ring-color: rgb(var(--blue-300));
}

.ring-blue-400 {
  --tw-ring-color: rgb(var(--blue-400));
}

.ring-blue-500 {
  --tw-ring-color: rgb(var(--blue-500));
}

.ring-blue-600 {
  --tw-ring-color: rgb(var(--blue-600));
}

.ring-blue-700 {
  --tw-ring-color: rgb(var(--blue-700));
}

.ring-blue-800 {
  --tw-ring-color: rgb(var(--blue-800));
}

.ring-blue-900 {
  --tw-ring-color: rgb(var(--blue-900));
}

.ring-indigo-50 {
  --tw-ring-color: rgb(var(--indigo-50));
}

.ring-indigo-100 {
  --tw-ring-color: rgb(var(--indigo-100));
}

.ring-indigo-200 {
  --tw-ring-color: rgb(var(--indigo-200));
}

.ring-indigo-300 {
  --tw-ring-color: rgb(var(--indigo-300));
}

.ring-indigo-400 {
  --tw-ring-color: rgb(var(--indigo-400));
}

.ring-indigo-500 {
  --tw-ring-color: rgb(var(--indigo-500));
}

.ring-indigo-600 {
  --tw-ring-color: rgb(var(--indigo-600));
}

.ring-indigo-700 {
  --tw-ring-color: rgb(var(--indigo-700));
}

.ring-indigo-800 {
  --tw-ring-color: rgb(var(--indigo-800));
}

.ring-indigo-900 {
  --tw-ring-color: rgb(var(--indigo-900));
}

.ring-violet-50 {
  --tw-ring-color: rgb(var(--violet-50));
}

.ring-violet-100 {
  --tw-ring-color: rgb(var(--violet-100));
}

.ring-violet-200 {
  --tw-ring-color: rgb(var(--violet-200));
}

.ring-violet-300 {
  --tw-ring-color: rgb(var(--violet-300));
}

.ring-violet-400 {
  --tw-ring-color: rgb(var(--violet-400));
}

.ring-violet-500 {
  --tw-ring-color: rgb(var(--violet-500));
}

.ring-violet-600 {
  --tw-ring-color: rgb(var(--violet-600));
}

.ring-violet-700 {
  --tw-ring-color: rgb(var(--violet-700));
}

.ring-violet-800 {
  --tw-ring-color: rgb(var(--violet-800));
}

.ring-violet-900 {
  --tw-ring-color: rgb(var(--violet-900));
}

.ring-purple-50 {
  --tw-ring-color: rgb(var(--purple-50));
}

.ring-purple-100 {
  --tw-ring-color: rgb(var(--purple-100));
}

.ring-purple-200 {
  --tw-ring-color: rgb(var(--purple-200));
}

.ring-purple-300 {
  --tw-ring-color: rgb(var(--purple-300));
}

.ring-purple-400 {
  --tw-ring-color: rgb(var(--purple-400));
}

.ring-purple-500 {
  --tw-ring-color: rgb(var(--purple-500));
}

.ring-purple-600 {
  --tw-ring-color: rgb(var(--purple-600));
}

.ring-purple-700 {
  --tw-ring-color: rgb(var(--purple-700));
}

.ring-purple-800 {
  --tw-ring-color: rgb(var(--purple-800));
}

.ring-purple-900 {
  --tw-ring-color: rgb(var(--purple-900));
}

.ring-fuchsia-50 {
  --tw-ring-color: rgb(var(--fuchsia-50));
}

.ring-fuchsia-100 {
  --tw-ring-color: rgb(var(--fuchsia-100));
}

.ring-fuchsia-200 {
  --tw-ring-color: rgb(var(--fuchsia-200));
}

.ring-fuchsia-300 {
  --tw-ring-color: rgb(var(--fuchsia-300));
}

.ring-fuchsia-400 {
  --tw-ring-color: rgb(var(--fuchsia-400));
}

.ring-fuchsia-500 {
  --tw-ring-color: rgb(var(--fuchsia-500));
}

.ring-fuchsia-600 {
  --tw-ring-color: rgb(var(--fuchsia-600));
}

.ring-fuchsia-700 {
  --tw-ring-color: rgb(var(--fuchsia-700));
}

.ring-fuchsia-800 {
  --tw-ring-color: rgb(var(--fuchsia-800));
}

.ring-fuchsia-900 {
  --tw-ring-color: rgb(var(--fuchsia-900));
}

.ring-pink-50 {
  --tw-ring-color: rgb(var(--pink-50));
}

.ring-pink-100 {
  --tw-ring-color: rgb(var(--pink-100));
}

.ring-pink-200 {
  --tw-ring-color: rgb(var(--pink-200));
}

.ring-pink-300 {
  --tw-ring-color: rgb(var(--pink-300));
}

.ring-pink-400 {
  --tw-ring-color: rgb(var(--pink-400));
}

.ring-pink-500 {
  --tw-ring-color: rgb(var(--pink-500));
}

.ring-pink-600 {
  --tw-ring-color: rgb(var(--pink-600));
}

.ring-pink-700 {
  --tw-ring-color: rgb(var(--pink-700));
}

.ring-pink-800 {
  --tw-ring-color: rgb(var(--pink-800));
}

.ring-pink-900 {
  --tw-ring-color: rgb(var(--pink-900));
}

.ring-rose-50 {
  --tw-ring-color: rgb(var(--rose-50));
}

.ring-rose-100 {
  --tw-ring-color: rgb(var(--rose-100));
}

.ring-rose-200 {
  --tw-ring-color: rgb(var(--rose-200));
}

.ring-rose-300 {
  --tw-ring-color: rgb(var(--rose-300));
}

.ring-rose-400 {
  --tw-ring-color: rgb(var(--rose-400));
}

.ring-rose-500 {
  --tw-ring-color: rgb(var(--rose-500));
}

.ring-rose-600 {
  --tw-ring-color: rgb(var(--rose-600));
}

.ring-rose-700 {
  --tw-ring-color: rgb(var(--rose-700));
}

.ring-rose-800 {
  --tw-ring-color: rgb(var(--rose-800));
}

.ring-rose-900 {
  --tw-ring-color: rgb(var(--rose-900));
}

.ring-slate-50 {
  --tw-ring-color: rgb(var(--slate-50));
}

.ring-slate-100 {
  --tw-ring-color: rgb(var(--slate-100));
}

.ring-slate-200 {
  --tw-ring-color: rgb(var(--slate-200));
}

.ring-slate-300 {
  --tw-ring-color: rgb(var(--slate-300));
}

.ring-slate-400 {
  --tw-ring-color: rgb(var(--slate-400));
}

.ring-slate-500 {
  --tw-ring-color: rgb(var(--slate-500));
}

.ring-slate-600 {
  --tw-ring-color: rgb(var(--slate-600));
}

.ring-slate-700 {
  --tw-ring-color: rgb(var(--slate-700));
}

.ring-slate-800 {
  --tw-ring-color: rgb(var(--slate-800));
}

.ring-slate-900 {
  --tw-ring-color: rgb(var(--slate-900));
}

.ring-gray-50 {
  --tw-ring-color: rgb(var(--gray-50));
}

.ring-gray-100 {
  --tw-ring-color: rgb(var(--gray-100));
}

.ring-gray-200 {
  --tw-ring-color: rgb(var(--gray-200));
}

.ring-gray-300 {
  --tw-ring-color: rgb(var(--gray-300));
}

.ring-gray-400 {
  --tw-ring-color: rgb(var(--gray-400));
}

.ring-gray-500 {
  --tw-ring-color: rgb(var(--gray-500));
}

.ring-gray-600 {
  --tw-ring-color: rgb(var(--gray-600));
}

.ring-gray-700 {
  --tw-ring-color: rgb(var(--gray-700));
}

.ring-gray-800 {
  --tw-ring-color: rgb(var(--gray-800));
}

.ring-gray-900 {
  --tw-ring-color: rgb(var(--gray-900));
}

.ring-zinc-50 {
  --tw-ring-color: rgb(var(--zinc-50));
}

.ring-zinc-100 {
  --tw-ring-color: rgb(var(--zinc-100));
}

.ring-zinc-200 {
  --tw-ring-color: rgb(var(--zinc-200));
}

.ring-zinc-300 {
  --tw-ring-color: rgb(var(--zinc-300));
}

.ring-zinc-400 {
  --tw-ring-color: rgb(var(--zinc-400));
}

.ring-zinc-500 {
  --tw-ring-color: rgb(var(--zinc-500));
}

.ring-zinc-600 {
  --tw-ring-color: rgb(var(--zinc-600));
}

.ring-zinc-700 {
  --tw-ring-color: rgb(var(--zinc-700));
}

.ring-zinc-800 {
  --tw-ring-color: rgb(var(--zinc-800));
}

.ring-zinc-900 {
  --tw-ring-color: rgb(var(--zinc-900));
}

.ring-black-DEFAULT {
  --tw-ring-color: rgb(var(--black-DEFAULT));
}

.ring-white-DEFAULT {
  --tw-ring-color: rgb(var(--white-DEFAULT));
}

.ring-inset {
  --tw-ring-inset: inset;
}

.ring-offset-red-50 {
  --tw-ring-offset-color: rgb(var(--red-50));
}

.ring-offset-red-100 {
  --tw-ring-offset-color: rgb(var(--red-100));
}

.ring-offset-red-200 {
  --tw-ring-offset-color: rgb(var(--red-200));
}

.ring-offset-red-300 {
  --tw-ring-offset-color: rgb(var(--red-300));
}

.ring-offset-red-400 {
  --tw-ring-offset-color: rgb(var(--red-400));
}

.ring-offset-red-500 {
  --tw-ring-offset-color: rgb(var(--red-500));
}

.ring-offset-red-600 {
  --tw-ring-offset-color: rgb(var(--red-600));
}

.ring-offset-red-700 {
  --tw-ring-offset-color: rgb(var(--red-700));
}

.ring-offset-red-800 {
  --tw-ring-offset-color: rgb(var(--red-800));
}

.ring-offset-red-900 {
  --tw-ring-offset-color: rgb(var(--red-900));
}

.ring-offset-orange-50 {
  --tw-ring-offset-color: rgb(var(--orange-50));
}

.ring-offset-orange-100 {
  --tw-ring-offset-color: rgb(var(--orange-100));
}

.ring-offset-orange-200 {
  --tw-ring-offset-color: rgb(var(--orange-200));
}

.ring-offset-orange-300 {
  --tw-ring-offset-color: rgb(var(--orange-300));
}

.ring-offset-orange-400 {
  --tw-ring-offset-color: rgb(var(--orange-400));
}

.ring-offset-orange-500 {
  --tw-ring-offset-color: rgb(var(--orange-500));
}

.ring-offset-orange-600 {
  --tw-ring-offset-color: rgb(var(--orange-600));
}

.ring-offset-orange-700 {
  --tw-ring-offset-color: rgb(var(--orange-700));
}

.ring-offset-orange-800 {
  --tw-ring-offset-color: rgb(var(--orange-800));
}

.ring-offset-orange-900 {
  --tw-ring-offset-color: rgb(var(--orange-900));
}

.ring-offset-amber-50 {
  --tw-ring-offset-color: rgb(var(--amber-50));
}

.ring-offset-amber-100 {
  --tw-ring-offset-color: rgb(var(--amber-100));
}

.ring-offset-amber-200 {
  --tw-ring-offset-color: rgb(var(--amber-200));
}

.ring-offset-amber-300 {
  --tw-ring-offset-color: rgb(var(--amber-300));
}

.ring-offset-amber-400 {
  --tw-ring-offset-color: rgb(var(--amber-400));
}

.ring-offset-amber-500 {
  --tw-ring-offset-color: rgb(var(--amber-500));
}

.ring-offset-amber-600 {
  --tw-ring-offset-color: rgb(var(--amber-600));
}

.ring-offset-amber-700 {
  --tw-ring-offset-color: rgb(var(--amber-700));
}

.ring-offset-amber-800 {
  --tw-ring-offset-color: rgb(var(--amber-800));
}

.ring-offset-amber-900 {
  --tw-ring-offset-color: rgb(var(--amber-900));
}

.ring-offset-yellow-50 {
  --tw-ring-offset-color: rgb(var(--yellow-50));
}

.ring-offset-yellow-100 {
  --tw-ring-offset-color: rgb(var(--yellow-100));
}

.ring-offset-yellow-200 {
  --tw-ring-offset-color: rgb(var(--yellow-200));
}

.ring-offset-yellow-300 {
  --tw-ring-offset-color: rgb(var(--yellow-300));
}

.ring-offset-yellow-400 {
  --tw-ring-offset-color: rgb(var(--yellow-400));
}

.ring-offset-yellow-500 {
  --tw-ring-offset-color: rgb(var(--yellow-500));
}

.ring-offset-yellow-600 {
  --tw-ring-offset-color: rgb(var(--yellow-600));
}

.ring-offset-yellow-700 {
  --tw-ring-offset-color: rgb(var(--yellow-700));
}

.ring-offset-yellow-800 {
  --tw-ring-offset-color: rgb(var(--yellow-800));
}

.ring-offset-yellow-900 {
  --tw-ring-offset-color: rgb(var(--yellow-900));
}

.ring-offset-lime-50 {
  --tw-ring-offset-color: rgb(var(--lime-50));
}

.ring-offset-lime-100 {
  --tw-ring-offset-color: rgb(var(--lime-100));
}

.ring-offset-lime-200 {
  --tw-ring-offset-color: rgb(var(--lime-200));
}

.ring-offset-lime-300 {
  --tw-ring-offset-color: rgb(var(--lime-300));
}

.ring-offset-lime-400 {
  --tw-ring-offset-color: rgb(var(--lime-400));
}

.ring-offset-lime-500 {
  --tw-ring-offset-color: rgb(var(--lime-500));
}

.ring-offset-lime-600 {
  --tw-ring-offset-color: rgb(var(--lime-600));
}

.ring-offset-lime-700 {
  --tw-ring-offset-color: rgb(var(--lime-700));
}

.ring-offset-lime-800 {
  --tw-ring-offset-color: rgb(var(--lime-800));
}

.ring-offset-lime-900 {
  --tw-ring-offset-color: rgb(var(--lime-900));
}

.ring-offset-green-50 {
  --tw-ring-offset-color: rgb(var(--green-50));
}

.ring-offset-green-100 {
  --tw-ring-offset-color: rgb(var(--green-100));
}

.ring-offset-green-200 {
  --tw-ring-offset-color: rgb(var(--green-200));
}

.ring-offset-green-300 {
  --tw-ring-offset-color: rgb(var(--green-300));
}

.ring-offset-green-400 {
  --tw-ring-offset-color: rgb(var(--green-400));
}

.ring-offset-green-500 {
  --tw-ring-offset-color: rgb(var(--green-500));
}

.ring-offset-green-600 {
  --tw-ring-offset-color: rgb(var(--green-600));
}

.ring-offset-green-700 {
  --tw-ring-offset-color: rgb(var(--green-700));
}

.ring-offset-green-800 {
  --tw-ring-offset-color: rgb(var(--green-800));
}

.ring-offset-green-900 {
  --tw-ring-offset-color: rgb(var(--green-900));
}

.ring-offset-emerald-50 {
  --tw-ring-offset-color: rgb(var(--emerald-50));
}

.ring-offset-emerald-100 {
  --tw-ring-offset-color: rgb(var(--emerald-100));
}

.ring-offset-emerald-200 {
  --tw-ring-offset-color: rgb(var(--emerald-200));
}

.ring-offset-emerald-300 {
  --tw-ring-offset-color: rgb(var(--emerald-300));
}

.ring-offset-emerald-400 {
  --tw-ring-offset-color: rgb(var(--emerald-400));
}

.ring-offset-emerald-500 {
  --tw-ring-offset-color: rgb(var(--emerald-500));
}

.ring-offset-emerald-600 {
  --tw-ring-offset-color: rgb(var(--emerald-600));
}

.ring-offset-emerald-700 {
  --tw-ring-offset-color: rgb(var(--emerald-700));
}

.ring-offset-emerald-800 {
  --tw-ring-offset-color: rgb(var(--emerald-800));
}

.ring-offset-emerald-900 {
  --tw-ring-offset-color: rgb(var(--emerald-900));
}

.ring-offset-teal-50 {
  --tw-ring-offset-color: rgb(var(--teal-50));
}

.ring-offset-teal-100 {
  --tw-ring-offset-color: rgb(var(--teal-100));
}

.ring-offset-teal-200 {
  --tw-ring-offset-color: rgb(var(--teal-200));
}

.ring-offset-teal-300 {
  --tw-ring-offset-color: rgb(var(--teal-300));
}

.ring-offset-teal-400 {
  --tw-ring-offset-color: rgb(var(--teal-400));
}

.ring-offset-teal-500 {
  --tw-ring-offset-color: rgb(var(--teal-500));
}

.ring-offset-teal-600 {
  --tw-ring-offset-color: rgb(var(--teal-600));
}

.ring-offset-teal-700 {
  --tw-ring-offset-color: rgb(var(--teal-700));
}

.ring-offset-teal-800 {
  --tw-ring-offset-color: rgb(var(--teal-800));
}

.ring-offset-teal-900 {
  --tw-ring-offset-color: rgb(var(--teal-900));
}

.ring-offset-cyan-50 {
  --tw-ring-offset-color: rgb(var(--cyan-50));
}

.ring-offset-cyan-100 {
  --tw-ring-offset-color: rgb(var(--cyan-100));
}

.ring-offset-cyan-200 {
  --tw-ring-offset-color: rgb(var(--cyan-200));
}

.ring-offset-cyan-300 {
  --tw-ring-offset-color: rgb(var(--cyan-300));
}

.ring-offset-cyan-400 {
  --tw-ring-offset-color: rgb(var(--cyan-400));
}

.ring-offset-cyan-500 {
  --tw-ring-offset-color: rgb(var(--cyan-500));
}

.ring-offset-cyan-600 {
  --tw-ring-offset-color: rgb(var(--cyan-600));
}

.ring-offset-cyan-700 {
  --tw-ring-offset-color: rgb(var(--cyan-700));
}

.ring-offset-cyan-800 {
  --tw-ring-offset-color: rgb(var(--cyan-800));
}

.ring-offset-cyan-900 {
  --tw-ring-offset-color: rgb(var(--cyan-900));
}

.ring-offset-sky-50 {
  --tw-ring-offset-color: rgb(var(--sky-50));
}

.ring-offset-sky-100 {
  --tw-ring-offset-color: rgb(var(--sky-100));
}

.ring-offset-sky-200 {
  --tw-ring-offset-color: rgb(var(--sky-200));
}

.ring-offset-sky-300 {
  --tw-ring-offset-color: rgb(var(--sky-300));
}

.ring-offset-sky-400 {
  --tw-ring-offset-color: rgb(var(--sky-400));
}

.ring-offset-sky-500 {
  --tw-ring-offset-color: rgb(var(--sky-500));
}

.ring-offset-sky-600 {
  --tw-ring-offset-color: rgb(var(--sky-600));
}

.ring-offset-sky-700 {
  --tw-ring-offset-color: rgb(var(--sky-700));
}

.ring-offset-sky-800 {
  --tw-ring-offset-color: rgb(var(--sky-800));
}

.ring-offset-sky-900 {
  --tw-ring-offset-color: rgb(var(--sky-900));
}

.ring-offset-blue-50 {
  --tw-ring-offset-color: rgb(var(--blue-50));
}

.ring-offset-blue-100 {
  --tw-ring-offset-color: rgb(var(--blue-100));
}

.ring-offset-blue-200 {
  --tw-ring-offset-color: rgb(var(--blue-200));
}

.ring-offset-blue-300 {
  --tw-ring-offset-color: rgb(var(--blue-300));
}

.ring-offset-blue-400 {
  --tw-ring-offset-color: rgb(var(--blue-400));
}

.ring-offset-blue-500 {
  --tw-ring-offset-color: rgb(var(--blue-500));
}

.ring-offset-blue-600 {
  --tw-ring-offset-color: rgb(var(--blue-600));
}

.ring-offset-blue-700 {
  --tw-ring-offset-color: rgb(var(--blue-700));
}

.ring-offset-blue-800 {
  --tw-ring-offset-color: rgb(var(--blue-800));
}

.ring-offset-blue-900 {
  --tw-ring-offset-color: rgb(var(--blue-900));
}

.ring-offset-indigo-50 {
  --tw-ring-offset-color: rgb(var(--indigo-50));
}

.ring-offset-indigo-100 {
  --tw-ring-offset-color: rgb(var(--indigo-100));
}

.ring-offset-indigo-200 {
  --tw-ring-offset-color: rgb(var(--indigo-200));
}

.ring-offset-indigo-300 {
  --tw-ring-offset-color: rgb(var(--indigo-300));
}

.ring-offset-indigo-400 {
  --tw-ring-offset-color: rgb(var(--indigo-400));
}

.ring-offset-indigo-500 {
  --tw-ring-offset-color: rgb(var(--indigo-500));
}

.ring-offset-indigo-600 {
  --tw-ring-offset-color: rgb(var(--indigo-600));
}

.ring-offset-indigo-700 {
  --tw-ring-offset-color: rgb(var(--indigo-700));
}

.ring-offset-indigo-800 {
  --tw-ring-offset-color: rgb(var(--indigo-800));
}

.ring-offset-indigo-900 {
  --tw-ring-offset-color: rgb(var(--indigo-900));
}

.ring-offset-violet-50 {
  --tw-ring-offset-color: rgb(var(--violet-50));
}

.ring-offset-violet-100 {
  --tw-ring-offset-color: rgb(var(--violet-100));
}

.ring-offset-violet-200 {
  --tw-ring-offset-color: rgb(var(--violet-200));
}

.ring-offset-violet-300 {
  --tw-ring-offset-color: rgb(var(--violet-300));
}

.ring-offset-violet-400 {
  --tw-ring-offset-color: rgb(var(--violet-400));
}

.ring-offset-violet-500 {
  --tw-ring-offset-color: rgb(var(--violet-500));
}

.ring-offset-violet-600 {
  --tw-ring-offset-color: rgb(var(--violet-600));
}

.ring-offset-violet-700 {
  --tw-ring-offset-color: rgb(var(--violet-700));
}

.ring-offset-violet-800 {
  --tw-ring-offset-color: rgb(var(--violet-800));
}

.ring-offset-violet-900 {
  --tw-ring-offset-color: rgb(var(--violet-900));
}

.ring-offset-purple-50 {
  --tw-ring-offset-color: rgb(var(--purple-50));
}

.ring-offset-purple-100 {
  --tw-ring-offset-color: rgb(var(--purple-100));
}

.ring-offset-purple-200 {
  --tw-ring-offset-color: rgb(var(--purple-200));
}

.ring-offset-purple-300 {
  --tw-ring-offset-color: rgb(var(--purple-300));
}

.ring-offset-purple-400 {
  --tw-ring-offset-color: rgb(var(--purple-400));
}

.ring-offset-purple-500 {
  --tw-ring-offset-color: rgb(var(--purple-500));
}

.ring-offset-purple-600 {
  --tw-ring-offset-color: rgb(var(--purple-600));
}

.ring-offset-purple-700 {
  --tw-ring-offset-color: rgb(var(--purple-700));
}

.ring-offset-purple-800 {
  --tw-ring-offset-color: rgb(var(--purple-800));
}

.ring-offset-purple-900 {
  --tw-ring-offset-color: rgb(var(--purple-900));
}

.ring-offset-fuchsia-50 {
  --tw-ring-offset-color: rgb(var(--fuchsia-50));
}

.ring-offset-fuchsia-100 {
  --tw-ring-offset-color: rgb(var(--fuchsia-100));
}

.ring-offset-fuchsia-200 {
  --tw-ring-offset-color: rgb(var(--fuchsia-200));
}

.ring-offset-fuchsia-300 {
  --tw-ring-offset-color: rgb(var(--fuchsia-300));
}

.ring-offset-fuchsia-400 {
  --tw-ring-offset-color: rgb(var(--fuchsia-400));
}

.ring-offset-fuchsia-500 {
  --tw-ring-offset-color: rgb(var(--fuchsia-500));
}

.ring-offset-fuchsia-600 {
  --tw-ring-offset-color: rgb(var(--fuchsia-600));
}

.ring-offset-fuchsia-700 {
  --tw-ring-offset-color: rgb(var(--fuchsia-700));
}

.ring-offset-fuchsia-800 {
  --tw-ring-offset-color: rgb(var(--fuchsia-800));
}

.ring-offset-fuchsia-900 {
  --tw-ring-offset-color: rgb(var(--fuchsia-900));
}

.ring-offset-pink-50 {
  --tw-ring-offset-color: rgb(var(--pink-50));
}

.ring-offset-pink-100 {
  --tw-ring-offset-color: rgb(var(--pink-100));
}

.ring-offset-pink-200 {
  --tw-ring-offset-color: rgb(var(--pink-200));
}

.ring-offset-pink-300 {
  --tw-ring-offset-color: rgb(var(--pink-300));
}

.ring-offset-pink-400 {
  --tw-ring-offset-color: rgb(var(--pink-400));
}

.ring-offset-pink-500 {
  --tw-ring-offset-color: rgb(var(--pink-500));
}

.ring-offset-pink-600 {
  --tw-ring-offset-color: rgb(var(--pink-600));
}

.ring-offset-pink-700 {
  --tw-ring-offset-color: rgb(var(--pink-700));
}

.ring-offset-pink-800 {
  --tw-ring-offset-color: rgb(var(--pink-800));
}

.ring-offset-pink-900 {
  --tw-ring-offset-color: rgb(var(--pink-900));
}

.ring-offset-rose-50 {
  --tw-ring-offset-color: rgb(var(--rose-50));
}

.ring-offset-rose-100 {
  --tw-ring-offset-color: rgb(var(--rose-100));
}

.ring-offset-rose-200 {
  --tw-ring-offset-color: rgb(var(--rose-200));
}

.ring-offset-rose-300 {
  --tw-ring-offset-color: rgb(var(--rose-300));
}

.ring-offset-rose-400 {
  --tw-ring-offset-color: rgb(var(--rose-400));
}

.ring-offset-rose-500 {
  --tw-ring-offset-color: rgb(var(--rose-500));
}

.ring-offset-rose-600 {
  --tw-ring-offset-color: rgb(var(--rose-600));
}

.ring-offset-rose-700 {
  --tw-ring-offset-color: rgb(var(--rose-700));
}

.ring-offset-rose-800 {
  --tw-ring-offset-color: rgb(var(--rose-800));
}

.ring-offset-rose-900 {
  --tw-ring-offset-color: rgb(var(--rose-900));
}

.ring-offset-slate-50 {
  --tw-ring-offset-color: rgb(var(--slate-50));
}

.ring-offset-slate-100 {
  --tw-ring-offset-color: rgb(var(--slate-100));
}

.ring-offset-slate-200 {
  --tw-ring-offset-color: rgb(var(--slate-200));
}

.ring-offset-slate-300 {
  --tw-ring-offset-color: rgb(var(--slate-300));
}

.ring-offset-slate-400 {
  --tw-ring-offset-color: rgb(var(--slate-400));
}

.ring-offset-slate-500 {
  --tw-ring-offset-color: rgb(var(--slate-500));
}

.ring-offset-slate-600 {
  --tw-ring-offset-color: rgb(var(--slate-600));
}

.ring-offset-slate-700 {
  --tw-ring-offset-color: rgb(var(--slate-700));
}

.ring-offset-slate-800 {
  --tw-ring-offset-color: rgb(var(--slate-800));
}

.ring-offset-slate-900 {
  --tw-ring-offset-color: rgb(var(--slate-900));
}

.ring-offset-gray-50 {
  --tw-ring-offset-color: rgb(var(--gray-50));
}

.ring-offset-gray-100 {
  --tw-ring-offset-color: rgb(var(--gray-100));
}

.ring-offset-gray-200 {
  --tw-ring-offset-color: rgb(var(--gray-200));
}

.ring-offset-gray-300 {
  --tw-ring-offset-color: rgb(var(--gray-300));
}

.ring-offset-gray-400 {
  --tw-ring-offset-color: rgb(var(--gray-400));
}

.ring-offset-gray-500 {
  --tw-ring-offset-color: rgb(var(--gray-500));
}

.ring-offset-gray-600 {
  --tw-ring-offset-color: rgb(var(--gray-600));
}

.ring-offset-gray-700 {
  --tw-ring-offset-color: rgb(var(--gray-700));
}

.ring-offset-gray-800 {
  --tw-ring-offset-color: rgb(var(--gray-800));
}

.ring-offset-gray-900 {
  --tw-ring-offset-color: rgb(var(--gray-900));
}

.ring-offset-zinc-50 {
  --tw-ring-offset-color: rgb(var(--zinc-50));
}

.ring-offset-zinc-100 {
  --tw-ring-offset-color: rgb(var(--zinc-100));
}

.ring-offset-zinc-200 {
  --tw-ring-offset-color: rgb(var(--zinc-200));
}

.ring-offset-zinc-300 {
  --tw-ring-offset-color: rgb(var(--zinc-300));
}

.ring-offset-zinc-400 {
  --tw-ring-offset-color: rgb(var(--zinc-400));
}

.ring-offset-zinc-500 {
  --tw-ring-offset-color: rgb(var(--zinc-500));
}

.ring-offset-zinc-600 {
  --tw-ring-offset-color: rgb(var(--zinc-600));
}

.ring-offset-zinc-700 {
  --tw-ring-offset-color: rgb(var(--zinc-700));
}

.ring-offset-zinc-800 {
  --tw-ring-offset-color: rgb(var(--zinc-800));
}

.ring-offset-zinc-900 {
  --tw-ring-offset-color: rgb(var(--zinc-900));
}

.ring-offset-black-DEFAULT {
  --tw-ring-offset-color: rgb(var(--black-DEFAULT));
}

.ring-offset-white-DEFAULT {
  --tw-ring-offset-color: rgb(var(--white-DEFAULT));
}


/* 分割线 */
/* 基础类 */
.divide-x-0 {
  border-right-width: var(--border-width-0);
  border-left-width: var(--border-width-0);
}

.divide-x-1 {
  border-right-width: var(--border-width-1);
  border-left-width: var(--border-width-1);
}

.divide-x-2 {
  border-right-width: var(--border-width-2);
  border-left-width: var(--border-width-2);
}

.divide-x-4 {
  border-right-width: var(--border-width-4);
  border-left-width: var(--border-width-4);
}

.divide-x-8 {
  border-right-width: var(--border-width-8);
  border-left-width: var(--border-width-8);
}

.divide-y-0 {
  border-top-width: var(--border-width-0);
  border-bottom-width: var(--border-width-0);
}

.divide-y-1 {
  border-top-width: var(--border-width-1);
  border-bottom-width: var(--border-width-1);
}

.divide-y-2 {
  border-top-width: var(--border-width-2);
  border-bottom-width: var(--border-width-2);
}

.divide-y-4 {
  border-top-width: var(--border-width-4);
  border-bottom-width: var(--border-width-4);
}

.divide-y-8 {
  border-top-width: var(--border-width-8);
  border-bottom-width: var(--border-width-8);
}

.divide-x-reverse-0 {
  border-left-width: var(--border-width-0);
  border-right-width: var(--border-width-0);
}

.divide-x-reverse-1 {
  border-left-width: var(--border-width-1);
  border-right-width: var(--border-width-1);
}

.divide-x-reverse-2 {
  border-left-width: var(--border-width-2);
  border-right-width: var(--border-width-2);
}

.divide-x-reverse-4 {
  border-left-width: var(--border-width-4);
  border-right-width: var(--border-width-4);
}

.divide-x-reverse-8 {
  border-left-width: var(--border-width-8);
  border-right-width: var(--border-width-8);
}

.divide-y-reverse-0 {
  border-bottom-width: var(--border-width-0);
  border-top-width: var(--border-width-0);
}

.divide-y-reverse-1 {
  border-bottom-width: var(--border-width-1);
  border-top-width: var(--border-width-1);
}

.divide-y-reverse-2 {
  border-bottom-width: var(--border-width-2);
  border-top-width: var(--border-width-2);
}

.divide-y-reverse-4 {
  border-bottom-width: var(--border-width-4);
  border-top-width: var(--border-width-4);
}

.divide-y-reverse-8 {
  border-bottom-width: var(--border-width-8);
  border-top-width: var(--border-width-8);
}

.divide-solid {
  border-style: solid;
}

.divide-dashed {
  border-style: dashed;
}

.divide-dotted {
  border-style: dotted;
}

.divide-double {
  border-style: double;
}

.divide-none {
  border-style: none;
}

.divide-red-50 {
  border-color: rgb(var(--red-50));
}

.divide-red-100 {
  border-color: rgb(var(--red-100));
}

.divide-red-200 {
  border-color: rgb(var(--red-200));
}

.divide-red-300 {
  border-color: rgb(var(--red-300));
}

.divide-red-400 {
  border-color: rgb(var(--red-400));
}

.divide-red-500 {
  border-color: rgb(var(--red-500));
}

.divide-red-600 {
  border-color: rgb(var(--red-600));
}

.divide-red-700 {
  border-color: rgb(var(--red-700));
}

.divide-red-800 {
  border-color: rgb(var(--red-800));
}

.divide-red-900 {
  border-color: rgb(var(--red-900));
}

.divide-orange-50 {
  border-color: rgb(var(--orange-50));
}

.divide-orange-100 {
  border-color: rgb(var(--orange-100));
}

.divide-orange-200 {
  border-color: rgb(var(--orange-200));
}

.divide-orange-300 {
  border-color: rgb(var(--orange-300));
}

.divide-orange-400 {
  border-color: rgb(var(--orange-400));
}

.divide-orange-500 {
  border-color: rgb(var(--orange-500));
}

.divide-orange-600 {
  border-color: rgb(var(--orange-600));
}

.divide-orange-700 {
  border-color: rgb(var(--orange-700));
}

.divide-orange-800 {
  border-color: rgb(var(--orange-800));
}

.divide-orange-900 {
  border-color: rgb(var(--orange-900));
}

.divide-amber-50 {
  border-color: rgb(var(--amber-50));
}

.divide-amber-100 {
  border-color: rgb(var(--amber-100));
}

.divide-amber-200 {
  border-color: rgb(var(--amber-200));
}

.divide-amber-300 {
  border-color: rgb(var(--amber-300));
}

.divide-amber-400 {
  border-color: rgb(var(--amber-400));
}

.divide-amber-500 {
  border-color: rgb(var(--amber-500));
}

.divide-amber-600 {
  border-color: rgb(var(--amber-600));
}

.divide-amber-700 {
  border-color: rgb(var(--amber-700));
}

.divide-amber-800 {
  border-color: rgb(var(--amber-800));
}

.divide-amber-900 {
  border-color: rgb(var(--amber-900));
}

.divide-yellow-50 {
  border-color: rgb(var(--yellow-50));
}

.divide-yellow-100 {
  border-color: rgb(var(--yellow-100));
}

.divide-yellow-200 {
  border-color: rgb(var(--yellow-200));
}

.divide-yellow-300 {
  border-color: rgb(var(--yellow-300));
}

.divide-yellow-400 {
  border-color: rgb(var(--yellow-400));
}

.divide-yellow-500 {
  border-color: rgb(var(--yellow-500));
}

.divide-yellow-600 {
  border-color: rgb(var(--yellow-600));
}

.divide-yellow-700 {
  border-color: rgb(var(--yellow-700));
}

.divide-yellow-800 {
  border-color: rgb(var(--yellow-800));
}

.divide-yellow-900 {
  border-color: rgb(var(--yellow-900));
}

.divide-lime-50 {
  border-color: rgb(var(--lime-50));
}

.divide-lime-100 {
  border-color: rgb(var(--lime-100));
}

.divide-lime-200 {
  border-color: rgb(var(--lime-200));
}

.divide-lime-300 {
  border-color: rgb(var(--lime-300));
}

.divide-lime-400 {
  border-color: rgb(var(--lime-400));
}

.divide-lime-500 {
  border-color: rgb(var(--lime-500));
}

.divide-lime-600 {
  border-color: rgb(var(--lime-600));
}

.divide-lime-700 {
  border-color: rgb(var(--lime-700));
}

.divide-lime-800 {
  border-color: rgb(var(--lime-800));
}

.divide-lime-900 {
  border-color: rgb(var(--lime-900));
}

.divide-green-50 {
  border-color: rgb(var(--green-50));
}

.divide-green-100 {
  border-color: rgb(var(--green-100));
}

.divide-green-200 {
  border-color: rgb(var(--green-200));
}

.divide-green-300 {
  border-color: rgb(var(--green-300));
}

.divide-green-400 {
  border-color: rgb(var(--green-400));
}

.divide-green-500 {
  border-color: rgb(var(--green-500));
}

.divide-green-600 {
  border-color: rgb(var(--green-600));
}

.divide-green-700 {
  border-color: rgb(var(--green-700));
}

.divide-green-800 {
  border-color: rgb(var(--green-800));
}

.divide-green-900 {
  border-color: rgb(var(--green-900));
}

.divide-emerald-50 {
  border-color: rgb(var(--emerald-50));
}

.divide-emerald-100 {
  border-color: rgb(var(--emerald-100));
}

.divide-emerald-200 {
  border-color: rgb(var(--emerald-200));
}

.divide-emerald-300 {
  border-color: rgb(var(--emerald-300));
}

.divide-emerald-400 {
  border-color: rgb(var(--emerald-400));
}

.divide-emerald-500 {
  border-color: rgb(var(--emerald-500));
}

.divide-emerald-600 {
  border-color: rgb(var(--emerald-600));
}

.divide-emerald-700 {
  border-color: rgb(var(--emerald-700));
}

.divide-emerald-800 {
  border-color: rgb(var(--emerald-800));
}

.divide-emerald-900 {
  border-color: rgb(var(--emerald-900));
}

.divide-teal-50 {
  border-color: rgb(var(--teal-50));
}

.divide-teal-100 {
  border-color: rgb(var(--teal-100));
}

.divide-teal-200 {
  border-color: rgb(var(--teal-200));
}

.divide-teal-300 {
  border-color: rgb(var(--teal-300));
}

.divide-teal-400 {
  border-color: rgb(var(--teal-400));
}

.divide-teal-500 {
  border-color: rgb(var(--teal-500));
}

.divide-teal-600 {
  border-color: rgb(var(--teal-600));
}

.divide-teal-700 {
  border-color: rgb(var(--teal-700));
}

.divide-teal-800 {
  border-color: rgb(var(--teal-800));
}

.divide-teal-900 {
  border-color: rgb(var(--teal-900));
}

.divide-cyan-50 {
  border-color: rgb(var(--cyan-50));
}

.divide-cyan-100 {
  border-color: rgb(var(--cyan-100));
}

.divide-cyan-200 {
  border-color: rgb(var(--cyan-200));
}

.divide-cyan-300 {
  border-color: rgb(var(--cyan-300));
}

.divide-cyan-400 {
  border-color: rgb(var(--cyan-400));
}

.divide-cyan-500 {
  border-color: rgb(var(--cyan-500));
}

.divide-cyan-600 {
  border-color: rgb(var(--cyan-600));
}

.divide-cyan-700 {
  border-color: rgb(var(--cyan-700));
}

.divide-cyan-800 {
  border-color: rgb(var(--cyan-800));
}

.divide-cyan-900 {
  border-color: rgb(var(--cyan-900));
}

.divide-sky-50 {
  border-color: rgb(var(--sky-50));
}

.divide-sky-100 {
  border-color: rgb(var(--sky-100));
}

.divide-sky-200 {
  border-color: rgb(var(--sky-200));
}

.divide-sky-300 {
  border-color: rgb(var(--sky-300));
}

.divide-sky-400 {
  border-color: rgb(var(--sky-400));
}

.divide-sky-500 {
  border-color: rgb(var(--sky-500));
}

.divide-sky-600 {
  border-color: rgb(var(--sky-600));
}

.divide-sky-700 {
  border-color: rgb(var(--sky-700));
}

.divide-sky-800 {
  border-color: rgb(var(--sky-800));
}

.divide-sky-900 {
  border-color: rgb(var(--sky-900));
}

.divide-blue-50 {
  border-color: rgb(var(--blue-50));
}

.divide-blue-100 {
  border-color: rgb(var(--blue-100));
}

.divide-blue-200 {
  border-color: rgb(var(--blue-200));
}

.divide-blue-300 {
  border-color: rgb(var(--blue-300));
}

.divide-blue-400 {
  border-color: rgb(var(--blue-400));
}

.divide-blue-500 {
  border-color: rgb(var(--blue-500));
}

.divide-blue-600 {
  border-color: rgb(var(--blue-600));
}

.divide-blue-700 {
  border-color: rgb(var(--blue-700));
}

.divide-blue-800 {
  border-color: rgb(var(--blue-800));
}

.divide-blue-900 {
  border-color: rgb(var(--blue-900));
}

.divide-indigo-50 {
  border-color: rgb(var(--indigo-50));
}

.divide-indigo-100 {
  border-color: rgb(var(--indigo-100));
}

.divide-indigo-200 {
  border-color: rgb(var(--indigo-200));
}

.divide-indigo-300 {
  border-color: rgb(var(--indigo-300));
}

.divide-indigo-400 {
  border-color: rgb(var(--indigo-400));
}

.divide-indigo-500 {
  border-color: rgb(var(--indigo-500));
}

.divide-indigo-600 {
  border-color: rgb(var(--indigo-600));
}

.divide-indigo-700 {
  border-color: rgb(var(--indigo-700));
}

.divide-indigo-800 {
  border-color: rgb(var(--indigo-800));
}

.divide-indigo-900 {
  border-color: rgb(var(--indigo-900));
}

.divide-violet-50 {
  border-color: rgb(var(--violet-50));
}

.divide-violet-100 {
  border-color: rgb(var(--violet-100));
}

.divide-violet-200 {
  border-color: rgb(var(--violet-200));
}

.divide-violet-300 {
  border-color: rgb(var(--violet-300));
}

.divide-violet-400 {
  border-color: rgb(var(--violet-400));
}

.divide-violet-500 {
  border-color: rgb(var(--violet-500));
}

.divide-violet-600 {
  border-color: rgb(var(--violet-600));
}

.divide-violet-700 {
  border-color: rgb(var(--violet-700));
}

.divide-violet-800 {
  border-color: rgb(var(--violet-800));
}

.divide-violet-900 {
  border-color: rgb(var(--violet-900));
}

.divide-purple-50 {
  border-color: rgb(var(--purple-50));
}

.divide-purple-100 {
  border-color: rgb(var(--purple-100));
}

.divide-purple-200 {
  border-color: rgb(var(--purple-200));
}

.divide-purple-300 {
  border-color: rgb(var(--purple-300));
}

.divide-purple-400 {
  border-color: rgb(var(--purple-400));
}

.divide-purple-500 {
  border-color: rgb(var(--purple-500));
}

.divide-purple-600 {
  border-color: rgb(var(--purple-600));
}

.divide-purple-700 {
  border-color: rgb(var(--purple-700));
}

.divide-purple-800 {
  border-color: rgb(var(--purple-800));
}

.divide-purple-900 {
  border-color: rgb(var(--purple-900));
}

.divide-fuchsia-50 {
  border-color: rgb(var(--fuchsia-50));
}

.divide-fuchsia-100 {
  border-color: rgb(var(--fuchsia-100));
}

.divide-fuchsia-200 {
  border-color: rgb(var(--fuchsia-200));
}

.divide-fuchsia-300 {
  border-color: rgb(var(--fuchsia-300));
}

.divide-fuchsia-400 {
  border-color: rgb(var(--fuchsia-400));
}

.divide-fuchsia-500 {
  border-color: rgb(var(--fuchsia-500));
}

.divide-fuchsia-600 {
  border-color: rgb(var(--fuchsia-600));
}

.divide-fuchsia-700 {
  border-color: rgb(var(--fuchsia-700));
}

.divide-fuchsia-800 {
  border-color: rgb(var(--fuchsia-800));
}

.divide-fuchsia-900 {
  border-color: rgb(var(--fuchsia-900));
}

.divide-pink-50 {
  border-color: rgb(var(--pink-50));
}

.divide-pink-100 {
  border-color: rgb(var(--pink-100));
}

.divide-pink-200 {
  border-color: rgb(var(--pink-200));
}

.divide-pink-300 {
  border-color: rgb(var(--pink-300));
}

.divide-pink-400 {
  border-color: rgb(var(--pink-400));
}

.divide-pink-500 {
  border-color: rgb(var(--pink-500));
}

.divide-pink-600 {
  border-color: rgb(var(--pink-600));
}

.divide-pink-700 {
  border-color: rgb(var(--pink-700));
}

.divide-pink-800 {
  border-color: rgb(var(--pink-800));
}

.divide-pink-900 {
  border-color: rgb(var(--pink-900));
}

.divide-rose-50 {
  border-color: rgb(var(--rose-50));
}

.divide-rose-100 {
  border-color: rgb(var(--rose-100));
}

.divide-rose-200 {
  border-color: rgb(var(--rose-200));
}

.divide-rose-300 {
  border-color: rgb(var(--rose-300));
}

.divide-rose-400 {
  border-color: rgb(var(--rose-400));
}

.divide-rose-500 {
  border-color: rgb(var(--rose-500));
}

.divide-rose-600 {
  border-color: rgb(var(--rose-600));
}

.divide-rose-700 {
  border-color: rgb(var(--rose-700));
}

.divide-rose-800 {
  border-color: rgb(var(--rose-800));
}

.divide-rose-900 {
  border-color: rgb(var(--rose-900));
}

.divide-slate-50 {
  border-color: rgb(var(--slate-50));
}

.divide-slate-100 {
  border-color: rgb(var(--slate-100));
}

.divide-slate-200 {
  border-color: rgb(var(--slate-200));
}

.divide-slate-300 {
  border-color: rgb(var(--slate-300));
}

.divide-slate-400 {
  border-color: rgb(var(--slate-400));
}

.divide-slate-500 {
  border-color: rgb(var(--slate-500));
}

.divide-slate-600 {
  border-color: rgb(var(--slate-600));
}

.divide-slate-700 {
  border-color: rgb(var(--slate-700));
}

.divide-slate-800 {
  border-color: rgb(var(--slate-800));
}

.divide-slate-900 {
  border-color: rgb(var(--slate-900));
}

.divide-gray-50 {
  border-color: rgb(var(--gray-50));
}

.divide-gray-100 {
  border-color: rgb(var(--gray-100));
}

.divide-gray-200 {
  border-color: rgb(var(--gray-200));
}

.divide-gray-300 {
  border-color: rgb(var(--gray-300));
}

.divide-gray-400 {
  border-color: rgb(var(--gray-400));
}

.divide-gray-500 {
  border-color: rgb(var(--gray-500));
}

.divide-gray-600 {
  border-color: rgb(var(--gray-600));
}

.divide-gray-700 {
  border-color: rgb(var(--gray-700));
}

.divide-gray-800 {
  border-color: rgb(var(--gray-800));
}

.divide-gray-900 {
  border-color: rgb(var(--gray-900));
}

.divide-zinc-50 {
  border-color: rgb(var(--zinc-50));
}

.divide-zinc-100 {
  border-color: rgb(var(--zinc-100));
}

.divide-zinc-200 {
  border-color: rgb(var(--zinc-200));
}

.divide-zinc-300 {
  border-color: rgb(var(--zinc-300));
}

.divide-zinc-400 {
  border-color: rgb(var(--zinc-400));
}

.divide-zinc-500 {
  border-color: rgb(var(--zinc-500));
}

.divide-zinc-600 {
  border-color: rgb(var(--zinc-600));
}

.divide-zinc-700 {
  border-color: rgb(var(--zinc-700));
}

.divide-zinc-800 {
  border-color: rgb(var(--zinc-800));
}

.divide-zinc-900 {
  border-color: rgb(var(--zinc-900));
}

.divide-black-DEFAULT {
  border-color: rgb(var(--black-DEFAULT));
}

.divide-white-DEFAULT {
  border-color: rgb(var(--white-DEFAULT));
}

.divide-x-0 {
  border-right-width: var(--border-width-0);
  border-left-width: var(--border-width-0);
}

.divide-x-1 {
  border-right-width: var(--border-width-1);
  border-left-width: var(--border-width-1);
}

.divide-x-2 {
  border-right-width: var(--border-width-2);
  border-left-width: var(--border-width-2);
}

.divide-x-4 {
  border-right-width: var(--border-width-4);
  border-left-width: var(--border-width-4);
}

.divide-x-8 {
  border-right-width: var(--border-width-8);
  border-left-width: var(--border-width-8);
}

.divide-y-0 {
  border-top-width: var(--border-width-0);
  border-bottom-width: var(--border-width-0);
}

.divide-y-1 {
  border-top-width: var(--border-width-1);
  border-bottom-width: var(--border-width-1);
}

.divide-y-2 {
  border-top-width: var(--border-width-2);
  border-bottom-width: var(--border-width-2);
}

.divide-y-4 {
  border-top-width: var(--border-width-4);
  border-bottom-width: var(--border-width-4);
}

.divide-y-8 {
  border-top-width: var(--border-width-8);
  border-bottom-width: var(--border-width-8);
}

.divide-x-0 {
  border-right-width: 0px;
  border-left-width: 0px;
}

.divide-x-2 {
  border-right-width: 2px;
  border-left-width: 2px;
}

.divide-x-4 {
  border-right-width: 4px;
  border-left-width: 4px;
}

.divide-x-8 {
  border-right-width: 8px;
  border-left-width: 8px;
}

.divide-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.divide-y-2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.divide-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.divide-y-8 {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.divide-x-0 {
  border-right-width: var(--border-width-0);
  border-left-width: var(--border-width-0);
}

.divide-x-1 {
  border-right-width: var(--border-width-1);
  border-left-width: var(--border-width-1);
}

.divide-x-2 {
  border-right-width: var(--border-width-2);
  border-left-width: var(--border-width-2);
}

.divide-x-4 {
  border-right-width: var(--border-width-4);
  border-left-width: var(--border-width-4);
}

.divide-x-8 {
  border-right-width: var(--border-width-8);
  border-left-width: var(--border-width-8);
}

.divide-y-0 {
  border-top-width: var(--border-width-0);
  border-bottom-width: var(--border-width-0);
}

.divide-y-1 {
  border-top-width: var(--border-width-1);
  border-bottom-width: var(--border-width-1);
}

.divide-y-2 {
  border-top-width: var(--border-width-2);
  border-bottom-width: var(--border-width-2);
}

.divide-y-4 {
  border-top-width: var(--border-width-4);
  border-bottom-width: var(--border-width-4);
}

.divide-y-8 {
  border-top-width: var(--border-width-8);
  border-bottom-width: var(--border-width-8);
}

/* 视觉效果 */
/* 基础类 */
.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;
}

.brightness-0 {
  filter: brightness(0);
}

.brightness-50 {
  filter: brightness(0.5);
}

.brightness-75 {
  filter: brightness(0.75);
}

.brightness-90 {
  filter: brightness(0.9);
}

.brightness-95 {
  filter: brightness(0.95);
}

.brightness-100 {
  filter: brightness(1);
}

.brightness-105 {
  filter: brightness(1.05);
}

.brightness-110 {
  filter: brightness(1.1);
}

.brightness-125 {
  filter: brightness(1.25);
}

.brightness-150 {
  filter: brightness(1.5);
}

.brightness-200 {
  filter: brightness(2);
}

.contrast-0 {
  filter: contrast(0);
}

.contrast-50 {
  filter: contrast(0.5);
}

.contrast-75 {
  filter: contrast(0.75);
}

.contrast-100 {
  filter: contrast(1);
}

.contrast-125 {
  filter: contrast(1.25);
}

.contrast-150 {
  filter: contrast(1.5);
}

.contrast-200 {
  filter: contrast(2);
}

.grayscale-0 {
  filter: grayscale(0);
}

.grayscale-DEFAULT {
  filter: grayscale(1);
}

.sepia-0 {
  filter: sepia(0);
}

.sepia-DEFAULT {
  filter: sepia(1);
}

.blur-none {
  filter: blur(0px);
}

.blur-sm {
  filter: blur(4px);
}

.blur-DEFAULT {
  filter: blur(8px);
}

.blur-md {
  filter: blur(12px);
}

.blur-lg {
  filter: blur(16px);
}

.blur-xl {
  filter: blur(24px);
}

.blur-2xl {
  filter: blur(40px);
}

.blur-3xl {
  filter: blur(64px);
}

.drop-shadow-none {
  filter: drop-shadow(0 0 #0000);
}

.drop-shadow-sm {
  filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
}

.drop-shadow-DEFAULT {
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1));
}

.drop-shadow-md {
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07));
}

.drop-shadow-lg {
  filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04));
}

.drop-shadow-xl {
  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03));
}

.drop-shadow-2xl {
  filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.05));
}

.mix-blend-normal {
  mix-blend-mode: normal;
}

.mix-blend-multiply {
  mix-blend-mode: multiply;
}

.mix-blend-screen {
  mix-blend-mode: screen;
}

.mix-blend-overlay {
  mix-blend-mode: overlay;
}

.mix-blend-darken {
  mix-blend-mode: darken;
}

.mix-blend-lighten {
  mix-blend-mode: lighten;
}

.mix-blend-color-dodge {
  mix-blend-mode: color-dodge;
}

.mix-blend-color-burn {
  mix-blend-mode: color-burn;
}

.mix-blend-hard-light {
  mix-blend-mode: hard-light;
}

.mix-blend-soft-light {
  mix-blend-mode: soft-light;
}

.mix-blend-difference {
  mix-blend-mode: difference;
}

.mix-blend-exclusion {
  mix-blend-mode: exclusion;
}

.mix-blend-hue {
  mix-blend-mode: hue;
}

.mix-blend-saturation {
  mix-blend-mode: saturation;
}

.mix-blend-color {
  mix-blend-mode: color;
}

.mix-blend-luminosity {
  mix-blend-mode: luminosity;
}

/* 滤镜效果 */
/* 基础类 */
.hue-rotate-0 {
  filter: hue-rotate(0deg);
}

.hue-rotate-90 {
  filter: hue-rotate(90deg);
}

.hue-rotate-180 {
  filter: hue-rotate(180deg);
}

.hue-rotate-270 {
  filter: hue-rotate(270deg);
}

.saturate-0 {
  filter: saturate(0);
}

.saturate-50 {
  filter: saturate(0.5);
}

.saturate-100 {
  filter: saturate(1);
}

.saturate-150 {
  filter: saturate(1.5);
}

.saturate-200 {
  filter: saturate(2);
}

.invert-0 {
  filter: invert(0);
}

.invert-100 {
  filter: invert(1);
}

.backdrop-blur-none {
  backdrop-filter: blur(0px);
}

.backdrop-blur-sm {
  backdrop-filter: blur(4px);
}

.backdrop-blur-DEFAULT {
  backdrop-filter: blur(8px);
}

.backdrop-blur-md {
  backdrop-filter: blur(12px);
}

.backdrop-blur-lg {
  backdrop-filter: blur(16px);
}

.backdrop-blur-xl {
  backdrop-filter: blur(24px);
}

.backdrop-blur-2xl {
  backdrop-filter: blur(40px);
}

.backdrop-blur-3xl {
  backdrop-filter: blur(64px);
}

.backdrop-grayscale-0 {
  backdrop-filter: grayscale(0);
}

.backdrop-grayscale-DEFAULT {
  backdrop-filter: grayscale(1);
}

.backdrop-invert-0 {
  backdrop-filter: invert(0);
}

.backdrop-invert-DEFAULT {
  backdrop-filter: invert(1);
}

.backdrop-sepia-0 {
  backdrop-filter: sepia(0);
}

.backdrop-sepia-DEFAULT {
  backdrop-filter: sepia(1);
}

.backdrop-contrast-0 {
  backdrop-filter: contrast(0);
}

.backdrop-contrast-50 {
  backdrop-filter: contrast(0.5);
}

.backdrop-contrast-75 {
  backdrop-filter: contrast(0.75);
}

.backdrop-contrast-100 {
  backdrop-filter: contrast(1);
}

.backdrop-contrast-125 {
  backdrop-filter: contrast(1.25);
}

.backdrop-contrast-150 {
  backdrop-filter: contrast(1.5);
}

.backdrop-contrast-200 {
  backdrop-filter: contrast(2);
}

.backdrop-brightness-0 {
  backdrop-filter: brightness(0);
}

.backdrop-brightness-50 {
  backdrop-filter: brightness(0.5);
}

.backdrop-brightness-75 {
  backdrop-filter: brightness(0.75);
}

.backdrop-brightness-90 {
  backdrop-filter: brightness(0.9);
}

.backdrop-brightness-95 {
  backdrop-filter: brightness(0.95);
}

.backdrop-brightness-100 {
  backdrop-filter: brightness(1);
}

.backdrop-brightness-105 {
  backdrop-filter: brightness(1.05);
}

.backdrop-brightness-110 {
  backdrop-filter: brightness(1.1);
}

.backdrop-brightness-125 {
  backdrop-filter: brightness(1.25);
}

.backdrop-brightness-150 {
  backdrop-filter: brightness(1.5);
}

.backdrop-brightness-200 {
  backdrop-filter: brightness(2);
}

.backdrop-hue-rotate-0 {
  backdrop-filter: hue-rotate(0deg);
}

.backdrop-hue-rotate-90 {
  backdrop-filter: hue-rotate(90deg);
}

.backdrop-hue-rotate-180 {
  backdrop-filter: hue-rotate(180deg);
}

.backdrop-hue-rotate-270 {
  backdrop-filter: hue-rotate(270deg);
}

.backdrop-saturate-0 {
  backdrop-filter: saturate(0);
}

.backdrop-saturate-50 {
  backdrop-filter: saturate(0.5);
}

.backdrop-saturate-100 {
  backdrop-filter: saturate(1);
}

.backdrop-saturate-150 {
  backdrop-filter: saturate(1.5);
}

.backdrop-saturate-200 {
  backdrop-filter: saturate(2);
}

/* 变换与动画 */
/* 基础类 */
.scale-0 {
  transform: scale(0);
}

.scale-50 {
  transform: scale(0.5);
}

.scale-75 {
  transform: scale(0.75);
}

.scale-90 {
  transform: scale(0.9);
}

.scale-95 {
  transform: scale(0.95);
}

.scale-100 {
  transform: scale(1);
}

.scale-105 {
  transform: scale(1.05);
}

.scale-110 {
  transform: scale(1.1);
}

.scale-125 {
  transform: scale(1.25);
}

.scale-150 {
  transform: scale(1.5);
}

.scale-x-0 {
  transform: scaleX(0);
}

.scale-x-50 {
  transform: scaleX(0.5);
}

.scale-x-75 {
  transform: scaleX(0.75);
}

.scale-x-90 {
  transform: scaleX(0.9);
}

.scale-x-95 {
  transform: scaleX(0.95);
}

.scale-x-100 {
  transform: scaleX(1);
}

.scale-x-105 {
  transform: scaleX(1.05);
}

.scale-x-110 {
  transform: scaleX(1.1);
}

.scale-x-125 {
  transform: scaleX(1.25);
}

.scale-x-150 {
  transform: scaleX(1.5);
}

.scale-y-0 {
  transform: scaleY(0);
}

.scale-y-50 {
  transform: scaleY(0.5);
}

.scale-y-75 {
  transform: scaleY(0.75);
}

.scale-y-90 {
  transform: scaleY(0.9);
}

.scale-y-95 {
  transform: scaleY(0.95);
}

.scale-y-100 {
  transform: scaleY(1);
}

.scale-y-105 {
  transform: scaleY(1.05);
}

.scale-y-110 {
  transform: scaleY(1.1);
}

.scale-y-125 {
  transform: scaleY(1.25);
}

.scale-y-150 {
  transform: scaleY(1.5);
}

.rotate-0 {
  transform: rotate(0deg);
}

.rotate-1 {
  transform: rotate(1deg);
}

.rotate-2 {
  transform: rotate(2deg);
}

.rotate-3 {
  transform: rotate(3deg);
}

.rotate-6 {
  transform: rotate(6deg);
}

.rotate-12 {
  transform: rotate(12deg);
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.translate-x-0 {
  transform: var(--spacing-0);
}

.translate-x-1 {
  transform: var(--spacing-1);
}

.translate-x-2 {
  transform: var(--spacing-2);
}

.translate-x-3 {
  transform: var(--spacing-3);
}

.translate-x-4 {
  transform: var(--spacing-4);
}

.translate-x-5 {
  transform: var(--spacing-5);
}

.translate-x-6 {
  transform: var(--spacing-6);
}

.translate-x-7 {
  transform: var(--spacing-7);
}

.translate-x-8 {
  transform: var(--spacing-8);
}

.translate-x-9 {
  transform: var(--spacing-9);
}

.translate-x-10 {
  transform: var(--spacing-10);
}

.translate-x-11 {
  transform: var(--spacing-11);
}

.translate-x-12 {
  transform: var(--spacing-12);
}

.translate-x-14 {
  transform: var(--spacing-14);
}

.translate-x-16 {
  transform: var(--spacing-16);
}

.translate-x-20 {
  transform: var(--spacing-20);
}

.translate-x-24 {
  transform: var(--spacing-24);
}

.translate-x-28 {
  transform: var(--spacing-28);
}

.translate-x-32 {
  transform: var(--spacing-32);
}

.translate-x-36 {
  transform: var(--spacing-36);
}

.translate-x-40 {
  transform: var(--spacing-40);
}

.translate-x-44 {
  transform: var(--spacing-44);
}

.translate-x-48 {
  transform: var(--spacing-48);
}

.translate-x-52 {
  transform: var(--spacing-52);
}

.translate-x-56 {
  transform: var(--spacing-56);
}

.translate-x-60 {
  transform: var(--spacing-60);
}

.translate-x-64 {
  transform: var(--spacing-64);
}

.translate-x-72 {
  transform: var(--spacing-72);
}

.translate-x-80 {
  transform: var(--spacing-80);
}

.translate-x-96 {
  transform: var(--spacing-96);
}

.translate-x-px {
  transform: var(--spacing-px);
}

.translate-x-0\.5 {
  transform: var(--spacing-0.5);
}

.translate-x-1\.5 {
  transform: var(--spacing-1.5);
}

.translate-x-2\.5 {
  transform: var(--spacing-2.5);
}

.translate-x-3\.5 {
  transform: var(--spacing-3.5);
}

.translate-x-auto {
  transform: var(--spacing-auto);
}

.translate-x-1\/2 {
  transform: var(--spacing-1/2);
}

.translate-x-1\/3 {
  transform: var(--spacing-1/3);
}

.translate-x-2\/3 {
  transform: var(--spacing-2/3);
}

.translate-x-1\/4 {
  transform: var(--spacing-1/4);
}

.translate-x-2\/4 {
  transform: var(--spacing-2/4);
}

.translate-x-3\/4 {
  transform: var(--spacing-3/4);
}

.translate-x-1\/5 {
  transform: var(--spacing-1/5);
}

.translate-x-2\/5 {
  transform: var(--spacing-2/5);
}

.translate-x-3\/5 {
  transform: var(--spacing-3/5);
}

.translate-x-4\/5 {
  transform: var(--spacing-4/5);
}

.translate-x-1\/6 {
  transform: var(--spacing-1/6);
}

.translate-x-2\/6 {
  transform: var(--spacing-2/6);
}

.translate-x-3\/6 {
  transform: var(--spacing-3/6);
}

.translate-x-4\/6 {
  transform: var(--spacing-4/6);
}

.translate-x-5\/6 {
  transform: var(--spacing-5/6);
}

.translate-x-full {
  transform: var(--spacing-full);
}

.translate-x-screen {
  transform: var(--spacing-screen);
}

.translate-x-min {
  transform: var(--spacing-min);
}

.translate-x-max {
  transform: var(--spacing-max);
}

.translate-x-fit {
  transform: var(--spacing-fit);
}

.translate-y-0 {
  transform: var(--spacing-0);
}

.translate-y-1 {
  transform: var(--spacing-1);
}

.translate-y-2 {
  transform: var(--spacing-2);
}

.translate-y-3 {
  transform: var(--spacing-3);
}

.translate-y-4 {
  transform: var(--spacing-4);
}

.translate-y-5 {
  transform: var(--spacing-5);
}

.translate-y-6 {
  transform: var(--spacing-6);
}

.translate-y-7 {
  transform: var(--spacing-7);
}

.translate-y-8 {
  transform: var(--spacing-8);
}

.translate-y-9 {
  transform: var(--spacing-9);
}

.translate-y-10 {
  transform: var(--spacing-10);
}

.translate-y-11 {
  transform: var(--spacing-11);
}

.translate-y-12 {
  transform: var(--spacing-12);
}

.translate-y-14 {
  transform: var(--spacing-14);
}

.translate-y-16 {
  transform: var(--spacing-16);
}

.translate-y-20 {
  transform: var(--spacing-20);
}

.translate-y-24 {
  transform: var(--spacing-24);
}

.translate-y-28 {
  transform: var(--spacing-28);
}

.translate-y-32 {
  transform: var(--spacing-32);
}

.translate-y-36 {
  transform: var(--spacing-36);
}

.translate-y-40 {
  transform: var(--spacing-40);
}

.translate-y-44 {
  transform: var(--spacing-44);
}

.translate-y-48 {
  transform: var(--spacing-48);
}

.translate-y-52 {
  transform: var(--spacing-52);
}

.translate-y-56 {
  transform: var(--spacing-56);
}

.translate-y-60 {
  transform: var(--spacing-60);
}

.translate-y-64 {
  transform: var(--spacing-64);
}

.translate-y-72 {
  transform: var(--spacing-72);
}

.translate-y-80 {
  transform: var(--spacing-80);
}

.translate-y-96 {
  transform: var(--spacing-96);
}

.translate-y-px {
  transform: var(--spacing-px);
}

.translate-y-0\.5 {
  transform: var(--spacing-0.5);
}

.translate-y-1\.5 {
  transform: var(--spacing-1.5);
}

.translate-y-2\.5 {
  transform: var(--spacing-2.5);
}

.translate-y-3\.5 {
  transform: var(--spacing-3.5);
}

.translate-y-auto {
  transform: var(--spacing-auto);
}

.translate-y-1\/2 {
  transform: var(--spacing-1/2);
}

.translate-y-1\/3 {
  transform: var(--spacing-1/3);
}

.translate-y-2\/3 {
  transform: var(--spacing-2/3);
}

.translate-y-1\/4 {
  transform: var(--spacing-1/4);
}

.translate-y-2\/4 {
  transform: var(--spacing-2/4);
}

.translate-y-3\/4 {
  transform: var(--spacing-3/4);
}

.translate-y-1\/5 {
  transform: var(--spacing-1/5);
}

.translate-y-2\/5 {
  transform: var(--spacing-2/5);
}

.translate-y-3\/5 {
  transform: var(--spacing-3/5);
}

.translate-y-4\/5 {
  transform: var(--spacing-4/5);
}

.translate-y-1\/6 {
  transform: var(--spacing-1/6);
}

.translate-y-2\/6 {
  transform: var(--spacing-2/6);
}

.translate-y-3\/6 {
  transform: var(--spacing-3/6);
}

.translate-y-4\/6 {
  transform: var(--spacing-4/6);
}

.translate-y-5\/6 {
  transform: var(--spacing-5/6);
}

.translate-y-full {
  transform: var(--spacing-full);
}

.translate-y-screen {
  transform: var(--spacing-screen);
}

.translate-y-min {
  transform: var(--spacing-min);
}

.translate-y-max {
  transform: var(--spacing-max);
}

.translate-y-fit {
  transform: var(--spacing-fit);
}

.skew-x-0 {
  transform: skewX(0deg);
}

.skew-x-1 {
  transform: skewX(1deg);
}

.skew-x-2 {
  transform: skewX(2deg);
}

.skew-x-3 {
  transform: skewX(3deg);
}

.skew-x-6 {
  transform: skewX(6deg);
}

.skew-x-12 {
  transform: skewX(12deg);
}

.skew-y-0 {
  transform: skewY(0deg);
}

.skew-y-1 {
  transform: skewY(1deg);
}

.skew-y-2 {
  transform: skewY(2deg);
}

.skew-y-3 {
  transform: skewY(3deg);
}

.skew-y-6 {
  transform: skewY(6deg);
}

.skew-y-12 {
  transform: skewY(12deg);
}

.transform-none {
  transform: none;
}

.transform-gpu {
  transform: translateZ(0);
}

.transform-cpu {
  transform: none;
}

.transform {
  transform: none;
}

.preserve-3d-preserve-3d {
  transform-style: preserve-3d;
}

.preserve-3d-flat {
  transform-style: flat;
}

.transform-gpu {
  transform: translate3d(0, 0, 0);
}

/* 混合模式  */
/* 基础类 */
.mix-blend-normal {
  mix-blend-mode: normal;
}

.mix-blend-multiply {
  mix-blend-mode: multiply;
}

.mix-blend-screen {
  mix-blend-mode: screen;
}

.mix-blend-overlay {
  mix-blend-mode: overlay;
}

.mix-blend-darken {
  mix-blend-mode: darken;
}

.mix-blend-lighten {
  mix-blend-mode: lighten;
}

.mix-blend-color-dodge {
  mix-blend-mode: color-dodge;
}

.mix-blend-color-burn {
  mix-blend-mode: color-burn;
}

.mix-blend-hard-light {
  mix-blend-mode: hard-light;
}

.mix-blend-soft-light {
  mix-blend-mode: soft-light;
}

.mix-blend-difference {
  mix-blend-mode: difference;
}

.mix-blend-exclusion {
  mix-blend-mode: exclusion;
}

.mix-blend-hue {
  mix-blend-mode: hue;
}

.mix-blend-saturation {
  mix-blend-mode: saturation;
}

.mix-blend-color {
  mix-blend-mode: color;
}

.mix-blend-luminosity {
  mix-blend-mode: luminosity;
}

.isolation-auto {
  isolation: auto;
}

.isolation-isolate {
  isolation: isolate;
}

/* 过渡 */
/* 基础类 */
.transition-none {
  transition: none;
}

.transition-all {
  transition: all 150ms ease-in-out;
}

.transition-colors {
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}

.transition-opacity {
  transition: opacity 150ms ease-in-out;
}

.transition-shadow {
  transition: box-shadow 150ms ease-in-out;
}

.transition-transform {
  transition: transform 150ms ease-in-out;
}

.transition-none {
  transition: none;
}

.transition-all {
  transition: all 150ms ease-in-out;
}

.transition-colors {
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}

.transition-opacity {
  transition: opacity 150ms ease-in-out;
}

.transition-shadow {
  transition: box-shadow 150ms ease-in-out;
}

.transition-transform {
  transition: transform 150ms ease-in-out;
}

/* 持续时间 */
/* 基础类 */
.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;
}

/* 缓动函数 */
/* 基础类 */
.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);
}
/* 延迟 */
/* 基础类 */
.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;
}

/* 动画与关键帧 */
/* 基础类 */
.animate-none {
  animation: none;
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-bounce {
  animation: bounce 1s infinite;
}

.keyframes-spin {
  @keyframes: spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
}

.keyframes-ping {
  @keyframes: ping { 75%, 100% { transform: scale(2); opacity: 0; } };
}

.keyframes-pulse {
  @keyframes: pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } };
}

.keyframes-bounce {
  @keyframes: bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } };
}

/* 交互状态 */
/* 基础类 */
.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-help {
  cursor: help;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.select-none {
  user-select: none;
}

.select-text {
  user-select: text;
}

.select-all {
  user-select: all;
}

.select-auto {
  user-select: auto;
}

.resize-none {
  resize: none;
}

.resize-x {
  resize: resize-x;
}

.resize-y {
  resize: resize-y;
}

.resize-DEFAULT {
  resize: resize;
}

.touch-pan-pan {
  touch-action: pan;
}

.touch-pan-pan-x {
  touch-action: pan-x;
}

.touch-pan-pan-y {
  touch-action: pan-y;
}

.touch-pan-pan-left {
  touch-action: pan-left;
}

.touch-pan-pan-right {
  touch-action: pan-right;
}

.touch-pan-pan-up {
  touch-action: pan-up;
}

.touch-pan-pan-down {
  touch-action: pan-down;
}

.touch-pinch-zoom {
  touch-action: pinch-zoom;
}

.touch-manipulation {
  touch-action: manipulation;
}

.will-change-auto {
  will-change: auto;
}

.will-change-scroll {
  will-change: scroll-position;
}

.will-change-contents {
  will-change: contents;
}

.will-change-transform {
  will-change: transform;
}


/* 表单与列表 */
/* 基础类 */
.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

.appearance-none {
  appearance: none;
}

.outline-none-none {
  outline: 2px solid transparent;
}

.outline-none-DEFAULT {
  outline: none;
}
.list-circle {
  list-style-type: circle;
}

.list-square {
  list-style-type: square;
}

.list-alpha {
  list-style-type: lower-alpha;
}

.list-roman {
  list-style-type: lower-roman;
}
.list-image-none {
  list-style-image: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-color: transparent;
}

.not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border-color: inherit;
}


/* 内容适配 */
/* 基础类 */
.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-fill {
  object-fit: fill;
}

.object-none {
  object-fit: none;
}

.object-scale-down {
  object-fit: scale-down;
}

.object-center {
  object-position: center;
}

.object-top {
  object-position: top;
}

.object-bottom {
  object-position: bottom;
}

.object-left {
  object-position: left;
}

.object-right {
  object-position: right;
}

.object-top-left {
  object-position: top left;
}

.object-top-right {
  object-position: top right;
}

.object-bottom-left {
  object-position: bottom left;
}

.object-bottom-right {
  object-position: bottom right;
}

/* 文本行数 */
/* 行数限制 */
.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5,
.line-clamp-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
}

.line-clamp-6 {
  -webkit-line-clamp: 6;
}


/* 表格布局 */
/* 基础类 */
.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.border-collapse {
  border-collapse: collapse;
}

.border-separate {
  border-collapse: separate;
}

.caption-top {
  caption-side: top;
}

.caption-bottom {
  caption-side: bottom;
}

.border-collapse {
  border-collapse: collapse;
}

.border-separate {
  border-collapse: separate;
}

.border-spacing-0 {
  border-spacing: var(--spacing-0);
}

.border-spacing-1 {
  border-spacing: var(--spacing-1);
}

.border-spacing-2 {
  border-spacing: var(--spacing-2);
}

.border-spacing-3 {
  border-spacing: var(--spacing-3);
}

.border-spacing-4 {
  border-spacing: var(--spacing-4);
}

.border-spacing-5 {
  border-spacing: var(--spacing-5);
}

.border-spacing-6 {
  border-spacing: var(--spacing-6);
}

.border-spacing-7 {
  border-spacing: var(--spacing-7);
}

.border-spacing-8 {
  border-spacing: var(--spacing-8);
}

.border-spacing-9 {
  border-spacing: var(--spacing-9);
}

.border-spacing-10 {
  border-spacing: var(--spacing-10);
}

.border-spacing-11 {
  border-spacing: var(--spacing-11);
}

.border-spacing-12 {
  border-spacing: var(--spacing-12);
}

.border-spacing-14 {
  border-spacing: var(--spacing-14);
}

.border-spacing-16 {
  border-spacing: var(--spacing-16);
}

.border-spacing-20 {
  border-spacing: var(--spacing-20);
}

.border-spacing-24 {
  border-spacing: var(--spacing-24);
}

.border-spacing-28 {
  border-spacing: var(--spacing-28);
}

.border-spacing-32 {
  border-spacing: var(--spacing-32);
}

.border-spacing-36 {
  border-spacing: var(--spacing-36);
}

.border-spacing-40 {
  border-spacing: var(--spacing-40);
}

.border-spacing-44 {
  border-spacing: var(--spacing-44);
}

.border-spacing-48 {
  border-spacing: var(--spacing-48);
}

.border-spacing-52 {
  border-spacing: var(--spacing-52);
}

.border-spacing-56 {
  border-spacing: var(--spacing-56);
}

.border-spacing-60 {
  border-spacing: var(--spacing-60);
}

.border-spacing-64 {
  border-spacing: var(--spacing-64);
}

.border-spacing-72 {
  border-spacing: var(--spacing-72);
}

.border-spacing-80 {
  border-spacing: var(--spacing-80);
}

.border-spacing-96 {
  border-spacing: var(--spacing-96);
}

.border-spacing-px {
  border-spacing: var(--spacing-px);
}

.border-spacing-0\.5 {
  border-spacing: var(--spacing-0.5);
}

.border-spacing-1\.5 {
  border-spacing: var(--spacing-1.5);
}

.border-spacing-2\.5 {
  border-spacing: var(--spacing-2.5);
}

.border-spacing-3\.5 {
  border-spacing: var(--spacing-3.5);
}

.border-spacing-auto {
  border-spacing: var(--spacing-auto);
}

.border-spacing-1\/2 {
  border-spacing: var(--spacing-1/2);
}

.border-spacing-1\/3 {
  border-spacing: var(--spacing-1/3);
}

.border-spacing-2\/3 {
  border-spacing: var(--spacing-2/3);
}

.border-spacing-1\/4 {
  border-spacing: var(--spacing-1/4);
}

.border-spacing-2\/4 {
  border-spacing: var(--spacing-2/4);
}

.border-spacing-3\/4 {
  border-spacing: var(--spacing-3/4);
}

.border-spacing-1\/5 {
  border-spacing: var(--spacing-1/5);
}

.border-spacing-2\/5 {
  border-spacing: var(--spacing-2/5);
}

.border-spacing-3\/5 {
  border-spacing: var(--spacing-3/5);
}

.border-spacing-4\/5 {
  border-spacing: var(--spacing-4/5);
}

.border-spacing-1\/6 {
  border-spacing: var(--spacing-1/6);
}

.border-spacing-2\/6 {
  border-spacing: var(--spacing-2/6);
}

.border-spacing-3\/6 {
  border-spacing: var(--spacing-3/6);
}

.border-spacing-4\/6 {
  border-spacing: var(--spacing-4/6);
}

.border-spacing-5\/6 {
  border-spacing: var(--spacing-5/6);
}

.border-spacing-full {
  border-spacing: var(--spacing-full);
}

.border-spacing-screen {
  border-spacing: var(--spacing-screen);
}

.border-spacing-min {
  border-spacing: var(--spacing-min);
}

.border-spacing-max {
  border-spacing: var(--spacing-max);
}

.border-spacing-fit {
  border-spacing: var(--spacing-fit);
}

.border-spacing-x-0 {
  --tw-border-spacing-x: var(--spacing-0);
  --tw-border-spacing-y: var(--spacing-0);
  border-spacing: var(--spacing-0);
}

.border-spacing-x-1 {
  --tw-border-spacing-x: var(--spacing-1);
  --tw-border-spacing-y: var(--spacing-1);
  border-spacing: var(--spacing-1);
}

.border-spacing-x-2 {
  --tw-border-spacing-x: var(--spacing-2);
  --tw-border-spacing-y: var(--spacing-2);
  border-spacing: var(--spacing-2);
}

.border-spacing-x-3 {
  --tw-border-spacing-x: var(--spacing-3);
  --tw-border-spacing-y: var(--spacing-3);
  border-spacing: var(--spacing-3);
}

.border-spacing-x-4 {
  --tw-border-spacing-x: var(--spacing-4);
  --tw-border-spacing-y: var(--spacing-4);
  border-spacing: var(--spacing-4);
}

.border-spacing-x-5 {
  --tw-border-spacing-x: var(--spacing-5);
  --tw-border-spacing-y: var(--spacing-5);
  border-spacing: var(--spacing-5);
}

.border-spacing-x-6 {
  --tw-border-spacing-x: var(--spacing-6);
  --tw-border-spacing-y: var(--spacing-6);
  border-spacing: var(--spacing-6);
}

.border-spacing-x-7 {
  --tw-border-spacing-x: var(--spacing-7);
  --tw-border-spacing-y: var(--spacing-7);
  border-spacing: var(--spacing-7);
}

.border-spacing-x-8 {
  --tw-border-spacing-x: var(--spacing-8);
  --tw-border-spacing-y: var(--spacing-8);
  border-spacing: var(--spacing-8);
}

.border-spacing-x-9 {
  --tw-border-spacing-x: var(--spacing-9);
  --tw-border-spacing-y: var(--spacing-9);
  border-spacing: var(--spacing-9);
}

.border-spacing-x-10 {
  --tw-border-spacing-x: var(--spacing-10);
  --tw-border-spacing-y: var(--spacing-10);
  border-spacing: var(--spacing-10);
}

.border-spacing-x-11 {
  --tw-border-spacing-x: var(--spacing-11);
  --tw-border-spacing-y: var(--spacing-11);
  border-spacing: var(--spacing-11);
}

.border-spacing-x-12 {
  --tw-border-spacing-x: var(--spacing-12);
  --tw-border-spacing-y: var(--spacing-12);
  border-spacing: var(--spacing-12);
}

.border-spacing-x-14 {
  --tw-border-spacing-x: var(--spacing-14);
  --tw-border-spacing-y: var(--spacing-14);
  border-spacing: var(--spacing-14);
}

.border-spacing-x-16 {
  --tw-border-spacing-x: var(--spacing-16);
  --tw-border-spacing-y: var(--spacing-16);
  border-spacing: var(--spacing-16);
}

.border-spacing-x-20 {
  --tw-border-spacing-x: var(--spacing-20);
  --tw-border-spacing-y: var(--spacing-20);
  border-spacing: var(--spacing-20);
}

.border-spacing-x-24 {
  --tw-border-spacing-x: var(--spacing-24);
  --tw-border-spacing-y: var(--spacing-24);
  border-spacing: var(--spacing-24);
}

.border-spacing-x-28 {
  --tw-border-spacing-x: var(--spacing-28);
  --tw-border-spacing-y: var(--spacing-28);
  border-spacing: var(--spacing-28);
}

.border-spacing-x-32 {
  --tw-border-spacing-x: var(--spacing-32);
  --tw-border-spacing-y: var(--spacing-32);
  border-spacing: var(--spacing-32);
}

.border-spacing-x-36 {
  --tw-border-spacing-x: var(--spacing-36);
  --tw-border-spacing-y: var(--spacing-36);
  border-spacing: var(--spacing-36);
}

.border-spacing-x-40 {
  --tw-border-spacing-x: var(--spacing-40);
  --tw-border-spacing-y: var(--spacing-40);
  border-spacing: var(--spacing-40);
}

.border-spacing-x-44 {
  --tw-border-spacing-x: var(--spacing-44);
  --tw-border-spacing-y: var(--spacing-44);
  border-spacing: var(--spacing-44);
}

.border-spacing-x-48 {
  --tw-border-spacing-x: var(--spacing-48);
  --tw-border-spacing-y: var(--spacing-48);
  border-spacing: var(--spacing-48);
}

.border-spacing-x-52 {
  --tw-border-spacing-x: var(--spacing-52);
  --tw-border-spacing-y: var(--spacing-52);
  border-spacing: var(--spacing-52);
}

.border-spacing-x-56 {
  --tw-border-spacing-x: var(--spacing-56);
  --tw-border-spacing-y: var(--spacing-56);
  border-spacing: var(--spacing-56);
}

.border-spacing-x-60 {
  --tw-border-spacing-x: var(--spacing-60);
  --tw-border-spacing-y: var(--spacing-60);
  border-spacing: var(--spacing-60);
}

.border-spacing-x-64 {
  --tw-border-spacing-x: var(--spacing-64);
  --tw-border-spacing-y: var(--spacing-64);
  border-spacing: var(--spacing-64);
}

.border-spacing-x-72 {
  --tw-border-spacing-x: var(--spacing-72);
  --tw-border-spacing-y: var(--spacing-72);
  border-spacing: var(--spacing-72);
}

.border-spacing-x-80 {
  --tw-border-spacing-x: var(--spacing-80);
  --tw-border-spacing-y: var(--spacing-80);
  border-spacing: var(--spacing-80);
}

.border-spacing-x-96 {
  --tw-border-spacing-x: var(--spacing-96);
  --tw-border-spacing-y: var(--spacing-96);
  border-spacing: var(--spacing-96);
}

.border-spacing-x-px {
  --tw-border-spacing-x: var(--spacing-px);
  --tw-border-spacing-y: var(--spacing-px);
  border-spacing: var(--spacing-px);
}

.border-spacing-x-0\.5 {
  --tw-border-spacing-x: var(--spacing-0.5);
  --tw-border-spacing-y: var(--spacing-0.5);
  border-spacing: var(--spacing-0.5);
}

.border-spacing-x-1\.5 {
  --tw-border-spacing-x: var(--spacing-1.5);
  --tw-border-spacing-y: var(--spacing-1.5);
  border-spacing: var(--spacing-1.5);
}

.border-spacing-x-2\.5 {
  --tw-border-spacing-x: var(--spacing-2.5);
  --tw-border-spacing-y: var(--spacing-2.5);
  border-spacing: var(--spacing-2.5);
}

.border-spacing-x-3\.5 {
  --tw-border-spacing-x: var(--spacing-3.5);
  --tw-border-spacing-y: var(--spacing-3.5);
  border-spacing: var(--spacing-3.5);
}

.border-spacing-x-auto {
  --tw-border-spacing-x: var(--spacing-auto);
  --tw-border-spacing-y: var(--spacing-auto);
  border-spacing: var(--spacing-auto);
}

.border-spacing-x-1\/2 {
  --tw-border-spacing-x: var(--spacing-1/2);
  --tw-border-spacing-y: var(--spacing-1/2);
  border-spacing: var(--spacing-1/2);
}

.border-spacing-x-1\/3 {
  --tw-border-spacing-x: var(--spacing-1/3);
  --tw-border-spacing-y: var(--spacing-1/3);
  border-spacing: var(--spacing-1/3);
}

.border-spacing-x-2\/3 {
  --tw-border-spacing-x: var(--spacing-2/3);
  --tw-border-spacing-y: var(--spacing-2/3);
  border-spacing: var(--spacing-2/3);
}

.border-spacing-x-1\/4 {
  --tw-border-spacing-x: var(--spacing-1/4);
  --tw-border-spacing-y: var(--spacing-1/4);
  border-spacing: var(--spacing-1/4);
}

.border-spacing-x-2\/4 {
  --tw-border-spacing-x: var(--spacing-2/4);
  --tw-border-spacing-y: var(--spacing-2/4);
  border-spacing: var(--spacing-2/4);
}

.border-spacing-x-3\/4 {
  --tw-border-spacing-x: var(--spacing-3/4);
  --tw-border-spacing-y: var(--spacing-3/4);
  border-spacing: var(--spacing-3/4);
}

.border-spacing-x-1\/5 {
  --tw-border-spacing-x: var(--spacing-1/5);
  --tw-border-spacing-y: var(--spacing-1/5);
  border-spacing: var(--spacing-1/5);
}

.border-spacing-x-2\/5 {
  --tw-border-spacing-x: var(--spacing-2/5);
  --tw-border-spacing-y: var(--spacing-2/5);
  border-spacing: var(--spacing-2/5);
}

.border-spacing-x-3\/5 {
  --tw-border-spacing-x: var(--spacing-3/5);
  --tw-border-spacing-y: var(--spacing-3/5);
  border-spacing: var(--spacing-3/5);
}

.border-spacing-x-4\/5 {
  --tw-border-spacing-x: var(--spacing-4/5);
  --tw-border-spacing-y: var(--spacing-4/5);
  border-spacing: var(--spacing-4/5);
}

.border-spacing-x-1\/6 {
  --tw-border-spacing-x: var(--spacing-1/6);
  --tw-border-spacing-y: var(--spacing-1/6);
  border-spacing: var(--spacing-1/6);
}

.border-spacing-x-2\/6 {
  --tw-border-spacing-x: var(--spacing-2/6);
  --tw-border-spacing-y: var(--spacing-2/6);
  border-spacing: var(--spacing-2/6);
}

.border-spacing-x-3\/6 {
  --tw-border-spacing-x: var(--spacing-3/6);
  --tw-border-spacing-y: var(--spacing-3/6);
  border-spacing: var(--spacing-3/6);
}

.border-spacing-x-4\/6 {
  --tw-border-spacing-x: var(--spacing-4/6);
  --tw-border-spacing-y: var(--spacing-4/6);
  border-spacing: var(--spacing-4/6);
}

.border-spacing-x-5\/6 {
  --tw-border-spacing-x: var(--spacing-5/6);
  --tw-border-spacing-y: var(--spacing-5/6);
  border-spacing: var(--spacing-5/6);
}

.border-spacing-x-full {
  --tw-border-spacing-x: var(--spacing-full);
  --tw-border-spacing-y: var(--spacing-full);
  border-spacing: var(--spacing-full);
}

.border-spacing-x-screen {
  --tw-border-spacing-x: var(--spacing-screen);
  --tw-border-spacing-y: var(--spacing-screen);
  border-spacing: var(--spacing-screen);
}

.border-spacing-x-min {
  --tw-border-spacing-x: var(--spacing-min);
  --tw-border-spacing-y: var(--spacing-min);
  border-spacing: var(--spacing-min);
}

.border-spacing-x-max {
  --tw-border-spacing-x: var(--spacing-max);
  --tw-border-spacing-y: var(--spacing-max);
  border-spacing: var(--spacing-max);
}

.border-spacing-x-fit {
  --tw-border-spacing-x: var(--spacing-fit);
  --tw-border-spacing-y: var(--spacing-fit);
  border-spacing: var(--spacing-fit);
}

.border-spacing-0 {
  border-spacing: var(--spacing-0);
}

.border-spacing-1 {
  border-spacing: var(--spacing-1);
}

.border-spacing-2 {
  border-spacing: var(--spacing-2);
}

.border-spacing-3 {
  border-spacing: var(--spacing-3);
}

.border-spacing-4 {
  border-spacing: var(--spacing-4);
}

.border-spacing-5 {
  border-spacing: var(--spacing-5);
}

.border-spacing-6 {
  border-spacing: var(--spacing-6);
}

.border-spacing-7 {
  border-spacing: var(--spacing-7);
}

.border-spacing-8 {
  border-spacing: var(--spacing-8);
}

.border-spacing-9 {
  border-spacing: var(--spacing-9);
}

.border-spacing-10 {
  border-spacing: var(--spacing-10);
}

.border-spacing-11 {
  border-spacing: var(--spacing-11);
}

.border-spacing-12 {
  border-spacing: var(--spacing-12);
}

.border-spacing-14 {
  border-spacing: var(--spacing-14);
}

.border-spacing-16 {
  border-spacing: var(--spacing-16);
}

.border-spacing-20 {
  border-spacing: var(--spacing-20);
}

.border-spacing-24 {
  border-spacing: var(--spacing-24);
}

.border-spacing-28 {
  border-spacing: var(--spacing-28);
}

.border-spacing-32 {
  border-spacing: var(--spacing-32);
}

.border-spacing-36 {
  border-spacing: var(--spacing-36);
}

.border-spacing-40 {
  border-spacing: var(--spacing-40);
}

.border-spacing-44 {
  border-spacing: var(--spacing-44);
}

.border-spacing-48 {
  border-spacing: var(--spacing-48);
}

.border-spacing-52 {
  border-spacing: var(--spacing-52);
}

.border-spacing-56 {
  border-spacing: var(--spacing-56);
}

.border-spacing-60 {
  border-spacing: var(--spacing-60);
}

.border-spacing-64 {
  border-spacing: var(--spacing-64);
}

.border-spacing-72 {
  border-spacing: var(--spacing-72);
}

.border-spacing-80 {
  border-spacing: var(--spacing-80);
}

.border-spacing-96 {
  border-spacing: var(--spacing-96);
}

.border-spacing-px {
  border-spacing: var(--spacing-px);
}

.border-spacing-0\.5 {
  border-spacing: var(--spacing-0.5);
}

.border-spacing-1\.5 {
  border-spacing: var(--spacing-1.5);
}

.border-spacing-2\.5 {
  border-spacing: var(--spacing-2.5);
}

.border-spacing-3\.5 {
  border-spacing: var(--spacing-3.5);
}

.border-spacing-auto {
  border-spacing: var(--spacing-auto);
}

.border-spacing-1\/2 {
  border-spacing: var(--spacing-1/2);
}

.border-spacing-1\/3 {
  border-spacing: var(--spacing-1/3);
}

.border-spacing-2\/3 {
  border-spacing: var(--spacing-2/3);
}

.border-spacing-1\/4 {
  border-spacing: var(--spacing-1/4);
}

.border-spacing-2\/4 {
  border-spacing: var(--spacing-2/4);
}

.border-spacing-3\/4 {
  border-spacing: var(--spacing-3/4);
}

.border-spacing-1\/5 {
  border-spacing: var(--spacing-1/5);
}

.border-spacing-2\/5 {
  border-spacing: var(--spacing-2/5);
}

.border-spacing-3\/5 {
  border-spacing: var(--spacing-3/5);
}

.border-spacing-4\/5 {
  border-spacing: var(--spacing-4/5);
}

.border-spacing-1\/6 {
  border-spacing: var(--spacing-1/6);
}

.border-spacing-2\/6 {
  border-spacing: var(--spacing-2/6);
}

.border-spacing-3\/6 {
  border-spacing: var(--spacing-3/6);
}

.border-spacing-4\/6 {
  border-spacing: var(--spacing-4/6);
}

.border-spacing-5\/6 {
  border-spacing: var(--spacing-5/6);
}

.border-spacing-full {
  border-spacing: var(--spacing-full);
}

.border-spacing-screen {
  border-spacing: var(--spacing-screen);
}

.border-spacing-min {
  border-spacing: var(--spacing-min);
}

.border-spacing-max {
  border-spacing: var(--spacing-max);
}

.border-spacing-fit {
  border-spacing: var(--spacing-fit);
}

.border-spacing-x-0 {
  --tw-border-spacing-x: var(--spacing-0);
  --tw-border-spacing-y: var(--spacing-0);
  border-spacing: var(--spacing-0);
}

.border-spacing-x-1 {
  --tw-border-spacing-x: var(--spacing-1);
  --tw-border-spacing-y: var(--spacing-1);
  border-spacing: var(--spacing-1);
}

.border-spacing-x-2 {
  --tw-border-spacing-x: var(--spacing-2);
  --tw-border-spacing-y: var(--spacing-2);
  border-spacing: var(--spacing-2);
}

.border-spacing-x-3 {
  --tw-border-spacing-x: var(--spacing-3);
  --tw-border-spacing-y: var(--spacing-3);
  border-spacing: var(--spacing-3);
}

.border-spacing-x-4 {
  --tw-border-spacing-x: var(--spacing-4);
  --tw-border-spacing-y: var(--spacing-4);
  border-spacing: var(--spacing-4);
}

.border-spacing-x-5 {
  --tw-border-spacing-x: var(--spacing-5);
  --tw-border-spacing-y: var(--spacing-5);
  border-spacing: var(--spacing-5);
}

.border-spacing-x-6 {
  --tw-border-spacing-x: var(--spacing-6);
  --tw-border-spacing-y: var(--spacing-6);
  border-spacing: var(--spacing-6);
}

.border-spacing-x-7 {
  --tw-border-spacing-x: var(--spacing-7);
  --tw-border-spacing-y: var(--spacing-7);
  border-spacing: var(--spacing-7);
}

.border-spacing-x-8 {
  --tw-border-spacing-x: var(--spacing-8);
  --tw-border-spacing-y: var(--spacing-8);
  border-spacing: var(--spacing-8);
}

.border-spacing-x-9 {
  --tw-border-spacing-x: var(--spacing-9);
  --tw-border-spacing-y: var(--spacing-9);
  border-spacing: var(--spacing-9);
}

.border-spacing-x-10 {
  --tw-border-spacing-x: var(--spacing-10);
  --tw-border-spacing-y: var(--spacing-10);
  border-spacing: var(--spacing-10);
}

.border-spacing-x-11 {
  --tw-border-spacing-x: var(--spacing-11);
  --tw-border-spacing-y: var(--spacing-11);
  border-spacing: var(--spacing-11);
}

.border-spacing-x-12 {
  --tw-border-spacing-x: var(--spacing-12);
  --tw-border-spacing-y: var(--spacing-12);
  border-spacing: var(--spacing-12);
}

.border-spacing-x-14 {
  --tw-border-spacing-x: var(--spacing-14);
  --tw-border-spacing-y: var(--spacing-14);
  border-spacing: var(--spacing-14);
}

.border-spacing-x-16 {
  --tw-border-spacing-x: var(--spacing-16);
  --tw-border-spacing-y: var(--spacing-16);
  border-spacing: var(--spacing-16);
}

.border-spacing-x-20 {
  --tw-border-spacing-x: var(--spacing-20);
  --tw-border-spacing-y: var(--spacing-20);
  border-spacing: var(--spacing-20);
}

.border-spacing-x-24 {
  --tw-border-spacing-x: var(--spacing-24);
  --tw-border-spacing-y: var(--spacing-24);
  border-spacing: var(--spacing-24);
}

.border-spacing-x-28 {
  --tw-border-spacing-x: var(--spacing-28);
  --tw-border-spacing-y: var(--spacing-28);
  border-spacing: var(--spacing-28);
}

.border-spacing-x-32 {
  --tw-border-spacing-x: var(--spacing-32);
  --tw-border-spacing-y: var(--spacing-32);
  border-spacing: var(--spacing-32);
}

.border-spacing-x-36 {
  --tw-border-spacing-x: var(--spacing-36);
  --tw-border-spacing-y: var(--spacing-36);
  border-spacing: var(--spacing-36);
}

.border-spacing-x-40 {
  --tw-border-spacing-x: var(--spacing-40);
  --tw-border-spacing-y: var(--spacing-40);
  border-spacing: var(--spacing-40);
}

.border-spacing-x-44 {
  --tw-border-spacing-x: var(--spacing-44);
  --tw-border-spacing-y: var(--spacing-44);
  border-spacing: var(--spacing-44);
}

.border-spacing-x-48 {
  --tw-border-spacing-x: var(--spacing-48);
  --tw-border-spacing-y: var(--spacing-48);
  border-spacing: var(--spacing-48);
}

.border-spacing-x-52 {
  --tw-border-spacing-x: var(--spacing-52);
  --tw-border-spacing-y: var(--spacing-52);
  border-spacing: var(--spacing-52);
}

.border-spacing-x-56 {
  --tw-border-spacing-x: var(--spacing-56);
  --tw-border-spacing-y: var(--spacing-56);
  border-spacing: var(--spacing-56);
}

.border-spacing-x-60 {
  --tw-border-spacing-x: var(--spacing-60);
  --tw-border-spacing-y: var(--spacing-60);
  border-spacing: var(--spacing-60);
}

.border-spacing-x-64 {
  --tw-border-spacing-x: var(--spacing-64);
  --tw-border-spacing-y: var(--spacing-64);
  border-spacing: var(--spacing-64);
}

.border-spacing-x-72 {
  --tw-border-spacing-x: var(--spacing-72);
  --tw-border-spacing-y: var(--spacing-72);
  border-spacing: var(--spacing-72);
}

.border-spacing-x-80 {
  --tw-border-spacing-x: var(--spacing-80);
  --tw-border-spacing-y: var(--spacing-80);
  border-spacing: var(--spacing-80);
}

.border-spacing-x-96 {
  --tw-border-spacing-x: var(--spacing-96);
  --tw-border-spacing-y: var(--spacing-96);
  border-spacing: var(--spacing-96);
}

.border-spacing-x-px {
  --tw-border-spacing-x: var(--spacing-px);
  --tw-border-spacing-y: var(--spacing-px);
  border-spacing: var(--spacing-px);
}

.border-spacing-x-0\.5 {
  --tw-border-spacing-x: var(--spacing-0.5);
  --tw-border-spacing-y: var(--spacing-0.5);
  border-spacing: var(--spacing-0.5);
}

.border-spacing-x-1\.5 {
  --tw-border-spacing-x: var(--spacing-1.5);
  --tw-border-spacing-y: var(--spacing-1.5);
  border-spacing: var(--spacing-1.5);
}

.border-spacing-x-2\.5 {
  --tw-border-spacing-x: var(--spacing-2.5);
  --tw-border-spacing-y: var(--spacing-2.5);
  border-spacing: var(--spacing-2.5);
}

.border-spacing-x-3\.5 {
  --tw-border-spacing-x: var(--spacing-3.5);
  --tw-border-spacing-y: var(--spacing-3.5);
  border-spacing: var(--spacing-3.5);
}

.border-spacing-x-auto {
  --tw-border-spacing-x: var(--spacing-auto);
  --tw-border-spacing-y: var(--spacing-auto);
  border-spacing: var(--spacing-auto);
}

.border-spacing-x-1\/2 {
  --tw-border-spacing-x: var(--spacing-1/2);
  --tw-border-spacing-y: var(--spacing-1/2);
  border-spacing: var(--spacing-1/2);
}

.border-spacing-x-1\/3 {
  --tw-border-spacing-x: var(--spacing-1/3);
  --tw-border-spacing-y: var(--spacing-1/3);
  border-spacing: var(--spacing-1/3);
}

.border-spacing-x-2\/3 {
  --tw-border-spacing-x: var(--spacing-2/3);
  --tw-border-spacing-y: var(--spacing-2/3);
  border-spacing: var(--spacing-2/3);
}

.border-spacing-x-1\/4 {
  --tw-border-spacing-x: var(--spacing-1/4);
  --tw-border-spacing-y: var(--spacing-1/4);
  border-spacing: var(--spacing-1/4);
}

.border-spacing-x-2\/4 {
  --tw-border-spacing-x: var(--spacing-2/4);
  --tw-border-spacing-y: var(--spacing-2/4);
  border-spacing: var(--spacing-2/4);
}

.border-spacing-x-3\/4 {
  --tw-border-spacing-x: var(--spacing-3/4);
  --tw-border-spacing-y: var(--spacing-3/4);
  border-spacing: var(--spacing-3/4);
}

.border-spacing-x-1\/5 {
  --tw-border-spacing-x: var(--spacing-1/5);
  --tw-border-spacing-y: var(--spacing-1/5);
  border-spacing: var(--spacing-1/5);
}

.border-spacing-x-2\/5 {
  --tw-border-spacing-x: var(--spacing-2/5);
  --tw-border-spacing-y: var(--spacing-2/5);
  border-spacing: var(--spacing-2/5);
}

.border-spacing-x-3\/5 {
  --tw-border-spacing-x: var(--spacing-3/5);
  --tw-border-spacing-y: var(--spacing-3/5);
  border-spacing: var(--spacing-3/5);
}

.border-spacing-x-4\/5 {
  --tw-border-spacing-x: var(--spacing-4/5);
  --tw-border-spacing-y: var(--spacing-4/5);
  border-spacing: var(--spacing-4/5);
}

.border-spacing-x-1\/6 {
  --tw-border-spacing-x: var(--spacing-1/6);
  --tw-border-spacing-y: var(--spacing-1/6);
  border-spacing: var(--spacing-1/6);
}

.border-spacing-x-2\/6 {
  --tw-border-spacing-x: var(--spacing-2/6);
  --tw-border-spacing-y: var(--spacing-2/6);
  border-spacing: var(--spacing-2/6);
}

.border-spacing-x-3\/6 {
  --tw-border-spacing-x: var(--spacing-3/6);
  --tw-border-spacing-y: var(--spacing-3/6);
  border-spacing: var(--spacing-3/6);
}

.border-spacing-x-4\/6 {
  --tw-border-spacing-x: var(--spacing-4/6);
  --tw-border-spacing-y: var(--spacing-4/6);
  border-spacing: var(--spacing-4/6);
}

.border-spacing-x-5\/6 {
  --tw-border-spacing-x: var(--spacing-5/6);
  --tw-border-spacing-y: var(--spacing-5/6);
  border-spacing: var(--spacing-5/6);
}

.border-spacing-x-full {
  --tw-border-spacing-x: var(--spacing-full);
  --tw-border-spacing-y: var(--spacing-full);
  border-spacing: var(--spacing-full);
}

.border-spacing-x-screen {
  --tw-border-spacing-x: var(--spacing-screen);
  --tw-border-spacing-y: var(--spacing-screen);
  border-spacing: var(--spacing-screen);
}

.border-spacing-x-min {
  --tw-border-spacing-x: var(--spacing-min);
  --tw-border-spacing-y: var(--spacing-min);
  border-spacing: var(--spacing-min);
}

.border-spacing-x-max {
  --tw-border-spacing-x: var(--spacing-max);
  --tw-border-spacing-y: var(--spacing-max);
  border-spacing: var(--spacing-max);
}

.border-spacing-x-fit {
  --tw-border-spacing-x: var(--spacing-fit);
  --tw-border-spacing-y: var(--spacing-fit);
  border-spacing: var(--spacing-fit);
}

.border-spacing-y-0 {
  border-spacing-y: var(--spacing-0);
}

.border-spacing-y-1 {
  border-spacing-y: var(--spacing-1);
}

.border-spacing-y-2 {
  border-spacing-y: var(--spacing-2);
}

.border-spacing-y-3 {
  border-spacing-y: var(--spacing-3);
}

.border-spacing-y-4 {
  border-spacing-y: var(--spacing-4);
}

.border-spacing-y-5 {
  border-spacing-y: var(--spacing-5);
}

.border-spacing-y-6 {
  border-spacing-y: var(--spacing-6);
}

.border-spacing-y-7 {
  border-spacing-y: var(--spacing-7);
}

.border-spacing-y-8 {
  border-spacing-y: var(--spacing-8);
}

.border-spacing-y-9 {
  border-spacing-y: var(--spacing-9);
}

.border-spacing-y-10 {
  border-spacing-y: var(--spacing-10);
}

.border-spacing-y-11 {
  border-spacing-y: var(--spacing-11);
}

.border-spacing-y-12 {
  border-spacing-y: var(--spacing-12);
}

.border-spacing-y-14 {
  border-spacing-y: var(--spacing-14);
}

.border-spacing-y-16 {
  border-spacing-y: var(--spacing-16);
}

.border-spacing-y-20 {
  border-spacing-y: var(--spacing-20);
}

.border-spacing-y-24 {
  border-spacing-y: var(--spacing-24);
}

.border-spacing-y-28 {
  border-spacing-y: var(--spacing-28);
}

.border-spacing-y-32 {
  border-spacing-y: var(--spacing-32);
}

.border-spacing-y-36 {
  border-spacing-y: var(--spacing-36);
}

.border-spacing-y-40 {
  border-spacing-y: var(--spacing-40);
}

.border-spacing-y-44 {
  border-spacing-y: var(--spacing-44);
}

.border-spacing-y-48 {
  border-spacing-y: var(--spacing-48);
}

.border-spacing-y-52 {
  border-spacing-y: var(--spacing-52);
}

.border-spacing-y-56 {
  border-spacing-y: var(--spacing-56);
}

.border-spacing-y-60 {
  border-spacing-y: var(--spacing-60);
}

.border-spacing-y-64 {
  border-spacing-y: var(--spacing-64);
}

.border-spacing-y-72 {
  border-spacing-y: var(--spacing-72);
}

.border-spacing-y-80 {
  border-spacing-y: var(--spacing-80);
}

.border-spacing-y-96 {
  border-spacing-y: var(--spacing-96);
}

.border-spacing-y-px {
  border-spacing-y: var(--spacing-px);
}

.border-spacing-y-0\.5 {
  border-spacing-y: var(--spacing-0.5);
}

.border-spacing-y-1\.5 {
  border-spacing-y: var(--spacing-1.5);
}

.border-spacing-y-2\.5 {
  border-spacing-y: var(--spacing-2.5);
}

.border-spacing-y-3\.5 {
  border-spacing-y: var(--spacing-3.5);
}

.border-spacing-y-auto {
  border-spacing-y: var(--spacing-auto);
}

.border-spacing-y-1\/2 {
  border-spacing-y: var(--spacing-1/2);
}

.border-spacing-y-1\/3 {
  border-spacing-y: var(--spacing-1/3);
}

.border-spacing-y-2\/3 {
  border-spacing-y: var(--spacing-2/3);
}

.border-spacing-y-1\/4 {
  border-spacing-y: var(--spacing-1/4);
}

.border-spacing-y-2\/4 {
  border-spacing-y: var(--spacing-2/4);
}

.border-spacing-y-3\/4 {
  border-spacing-y: var(--spacing-3/4);
}

.border-spacing-y-1\/5 {
  border-spacing-y: var(--spacing-1/5);
}

.border-spacing-y-2\/5 {
  border-spacing-y: var(--spacing-2/5);
}

.border-spacing-y-3\/5 {
  border-spacing-y: var(--spacing-3/5);
}

.border-spacing-y-4\/5 {
  border-spacing-y: var(--spacing-4/5);
}

.border-spacing-y-1\/6 {
  border-spacing-y: var(--spacing-1/6);
}

.border-spacing-y-2\/6 {
  border-spacing-y: var(--spacing-2/6);
}

.border-spacing-y-3\/6 {
  border-spacing-y: var(--spacing-3/6);
}

.border-spacing-y-4\/6 {
  border-spacing-y: var(--spacing-4/6);
}

.border-spacing-y-5\/6 {
  border-spacing-y: var(--spacing-5/6);
}

.border-spacing-y-full {
  border-spacing-y: var(--spacing-full);
}

.border-spacing-y-screen {
  border-spacing-y: var(--spacing-screen);
}

.border-spacing-y-min {
  border-spacing-y: var(--spacing-min);
}

.border-spacing-y-max {
  border-spacing-y: var(--spacing-max);
}

.border-spacing-y-fit {
  border-spacing-y: var(--spacing-fit);
}

/* 表单控件 */
/* 基础类 */
.appearance-none {
  appearance: none;
}

.caret-transparent {
  caret-color: transparent;
}

.caret-current {
  caret-color: currentColor;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.resize-none {
  resize: none;
}

.resize-none {
  resize: none;
}

.resize-x {
  resize: resize-x;
}

.resize-y {
  resize: resize-y;
}

.resize-DEFAULT {
  resize: resize;
}

.resize-x {
  resize: horizontal;
}

.resize-y {
  resize: vertical;
}

.scroll-auto {
  overflow-scroll-behavior: auto;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.accent-auto {
  accent-color: auto;
}

.accent-current {
  accent-color: currentColor;
}

.accent-transparent {
  accent-color: transparent;
}

.caret-inherit {
  caret-color: inherit;
}

.caret-transparent {
  caret-color: transparent;
}

.outline-none-none {
  outline: 2px solid transparent;
}

.outline-none-DEFAULT {
  outline: none;
}

.outline-transparent {
  outline-color: transparent;
}

.outline-current {
  outline-color: currentColor;
}

/* 容器查询 */
.container-inline-size {
  container-type: inline-size;
}

.container-size {
  container-type: size;
}

.container-normal {
  container-type: normal;
}
/* 滚动条 */
/* 基础类 */
.scrollbar-auto {
  scrollbar-width: auto;
}

.scrollbar-thin {
  scrollbar-width: thin;
}

.scrollbar-none {
  scrollbar-width: none;
}

.scrollbar-track-red-50 {
  scrollbar-track-color: rgb(var(--red-50));
}

.scrollbar-track-red-100 {
  scrollbar-track-color: rgb(var(--red-100));
}

.scrollbar-track-red-200 {
  scrollbar-track-color: rgb(var(--red-200));
}

.scrollbar-track-red-300 {
  scrollbar-track-color: rgb(var(--red-300));
}

.scrollbar-track-red-400 {
  scrollbar-track-color: rgb(var(--red-400));
}

.scrollbar-track-red-500 {
  scrollbar-track-color: rgb(var(--red-500));
}

.scrollbar-track-red-600 {
  scrollbar-track-color: rgb(var(--red-600));
}

.scrollbar-track-red-700 {
  scrollbar-track-color: rgb(var(--red-700));
}

.scrollbar-track-red-800 {
  scrollbar-track-color: rgb(var(--red-800));
}

.scrollbar-track-red-900 {
  scrollbar-track-color: rgb(var(--red-900));
}

.scrollbar-track-orange-50 {
  scrollbar-track-color: rgb(var(--orange-50));
}

.scrollbar-track-orange-100 {
  scrollbar-track-color: rgb(var(--orange-100));
}

.scrollbar-track-orange-200 {
  scrollbar-track-color: rgb(var(--orange-200));
}

.scrollbar-track-orange-300 {
  scrollbar-track-color: rgb(var(--orange-300));
}

.scrollbar-track-orange-400 {
  scrollbar-track-color: rgb(var(--orange-400));
}

.scrollbar-track-orange-500 {
  scrollbar-track-color: rgb(var(--orange-500));
}

.scrollbar-track-orange-600 {
  scrollbar-track-color: rgb(var(--orange-600));
}

.scrollbar-track-orange-700 {
  scrollbar-track-color: rgb(var(--orange-700));
}

.scrollbar-track-orange-800 {
  scrollbar-track-color: rgb(var(--orange-800));
}

.scrollbar-track-orange-900 {
  scrollbar-track-color: rgb(var(--orange-900));
}

.scrollbar-track-amber-50 {
  scrollbar-track-color: rgb(var(--amber-50));
}

.scrollbar-track-amber-100 {
  scrollbar-track-color: rgb(var(--amber-100));
}

.scrollbar-track-amber-200 {
  scrollbar-track-color: rgb(var(--amber-200));
}

.scrollbar-track-amber-300 {
  scrollbar-track-color: rgb(var(--amber-300));
}

.scrollbar-track-amber-400 {
  scrollbar-track-color: rgb(var(--amber-400));
}

.scrollbar-track-amber-500 {
  scrollbar-track-color: rgb(var(--amber-500));
}

.scrollbar-track-amber-600 {
  scrollbar-track-color: rgb(var(--amber-600));
}

.scrollbar-track-amber-700 {
  scrollbar-track-color: rgb(var(--amber-700));
}

.scrollbar-track-amber-800 {
  scrollbar-track-color: rgb(var(--amber-800));
}

.scrollbar-track-amber-900 {
  scrollbar-track-color: rgb(var(--amber-900));
}

.scrollbar-track-yellow-50 {
  scrollbar-track-color: rgb(var(--yellow-50));
}

.scrollbar-track-yellow-100 {
  scrollbar-track-color: rgb(var(--yellow-100));
}

.scrollbar-track-yellow-200 {
  scrollbar-track-color: rgb(var(--yellow-200));
}

.scrollbar-track-yellow-300 {
  scrollbar-track-color: rgb(var(--yellow-300));
}

.scrollbar-track-yellow-400 {
  scrollbar-track-color: rgb(var(--yellow-400));
}

.scrollbar-track-yellow-500 {
  scrollbar-track-color: rgb(var(--yellow-500));
}

.scrollbar-track-yellow-600 {
  scrollbar-track-color: rgb(var(--yellow-600));
}

.scrollbar-track-yellow-700 {
  scrollbar-track-color: rgb(var(--yellow-700));
}

.scrollbar-track-yellow-800 {
  scrollbar-track-color: rgb(var(--yellow-800));
}

.scrollbar-track-yellow-900 {
  scrollbar-track-color: rgb(var(--yellow-900));
}

.scrollbar-track-lime-50 {
  scrollbar-track-color: rgb(var(--lime-50));
}

.scrollbar-track-lime-100 {
  scrollbar-track-color: rgb(var(--lime-100));
}

.scrollbar-track-lime-200 {
  scrollbar-track-color: rgb(var(--lime-200));
}

.scrollbar-track-lime-300 {
  scrollbar-track-color: rgb(var(--lime-300));
}

.scrollbar-track-lime-400 {
  scrollbar-track-color: rgb(var(--lime-400));
}

.scrollbar-track-lime-500 {
  scrollbar-track-color: rgb(var(--lime-500));
}

.scrollbar-track-lime-600 {
  scrollbar-track-color: rgb(var(--lime-600));
}

.scrollbar-track-lime-700 {
  scrollbar-track-color: rgb(var(--lime-700));
}

.scrollbar-track-lime-800 {
  scrollbar-track-color: rgb(var(--lime-800));
}

.scrollbar-track-lime-900 {
  scrollbar-track-color: rgb(var(--lime-900));
}

.scrollbar-track-green-50 {
  scrollbar-track-color: rgb(var(--green-50));
}

.scrollbar-track-green-100 {
  scrollbar-track-color: rgb(var(--green-100));
}

.scrollbar-track-green-200 {
  scrollbar-track-color: rgb(var(--green-200));
}

.scrollbar-track-green-300 {
  scrollbar-track-color: rgb(var(--green-300));
}

.scrollbar-track-green-400 {
  scrollbar-track-color: rgb(var(--green-400));
}

.scrollbar-track-green-500 {
  scrollbar-track-color: rgb(var(--green-500));
}

.scrollbar-track-green-600 {
  scrollbar-track-color: rgb(var(--green-600));
}

.scrollbar-track-green-700 {
  scrollbar-track-color: rgb(var(--green-700));
}

.scrollbar-track-green-800 {
  scrollbar-track-color: rgb(var(--green-800));
}

.scrollbar-track-green-900 {
  scrollbar-track-color: rgb(var(--green-900));
}

.scrollbar-track-emerald-50 {
  scrollbar-track-color: rgb(var(--emerald-50));
}

.scrollbar-track-emerald-100 {
  scrollbar-track-color: rgb(var(--emerald-100));
}

.scrollbar-track-emerald-200 {
  scrollbar-track-color: rgb(var(--emerald-200));
}

.scrollbar-track-emerald-300 {
  scrollbar-track-color: rgb(var(--emerald-300));
}

.scrollbar-track-emerald-400 {
  scrollbar-track-color: rgb(var(--emerald-400));
}

.scrollbar-track-emerald-500 {
  scrollbar-track-color: rgb(var(--emerald-500));
}

.scrollbar-track-emerald-600 {
  scrollbar-track-color: rgb(var(--emerald-600));
}

.scrollbar-track-emerald-700 {
  scrollbar-track-color: rgb(var(--emerald-700));
}

.scrollbar-track-emerald-800 {
  scrollbar-track-color: rgb(var(--emerald-800));
}

.scrollbar-track-emerald-900 {
  scrollbar-track-color: rgb(var(--emerald-900));
}

.scrollbar-track-teal-50 {
  scrollbar-track-color: rgb(var(--teal-50));
}

.scrollbar-track-teal-100 {
  scrollbar-track-color: rgb(var(--teal-100));
}

.scrollbar-track-teal-200 {
  scrollbar-track-color: rgb(var(--teal-200));
}

.scrollbar-track-teal-300 {
  scrollbar-track-color: rgb(var(--teal-300));
}

.scrollbar-track-teal-400 {
  scrollbar-track-color: rgb(var(--teal-400));
}

.scrollbar-track-teal-500 {
  scrollbar-track-color: rgb(var(--teal-500));
}

.scrollbar-track-teal-600 {
  scrollbar-track-color: rgb(var(--teal-600));
}

.scrollbar-track-teal-700 {
  scrollbar-track-color: rgb(var(--teal-700));
}

.scrollbar-track-teal-800 {
  scrollbar-track-color: rgb(var(--teal-800));
}

.scrollbar-track-teal-900 {
  scrollbar-track-color: rgb(var(--teal-900));
}

.scrollbar-track-cyan-50 {
  scrollbar-track-color: rgb(var(--cyan-50));
}

.scrollbar-track-cyan-100 {
  scrollbar-track-color: rgb(var(--cyan-100));
}

.scrollbar-track-cyan-200 {
  scrollbar-track-color: rgb(var(--cyan-200));
}

.scrollbar-track-cyan-300 {
  scrollbar-track-color: rgb(var(--cyan-300));
}

.scrollbar-track-cyan-400 {
  scrollbar-track-color: rgb(var(--cyan-400));
}

.scrollbar-track-cyan-500 {
  scrollbar-track-color: rgb(var(--cyan-500));
}

.scrollbar-track-cyan-600 {
  scrollbar-track-color: rgb(var(--cyan-600));
}

.scrollbar-track-cyan-700 {
  scrollbar-track-color: rgb(var(--cyan-700));
}

.scrollbar-track-cyan-800 {
  scrollbar-track-color: rgb(var(--cyan-800));
}

.scrollbar-track-cyan-900 {
  scrollbar-track-color: rgb(var(--cyan-900));
}

.scrollbar-track-sky-50 {
  scrollbar-track-color: rgb(var(--sky-50));
}

.scrollbar-track-sky-100 {
  scrollbar-track-color: rgb(var(--sky-100));
}

.scrollbar-track-sky-200 {
  scrollbar-track-color: rgb(var(--sky-200));
}

.scrollbar-track-sky-300 {
  scrollbar-track-color: rgb(var(--sky-300));
}

.scrollbar-track-sky-400 {
  scrollbar-track-color: rgb(var(--sky-400));
}

.scrollbar-track-sky-500 {
  scrollbar-track-color: rgb(var(--sky-500));
}

.scrollbar-track-sky-600 {
  scrollbar-track-color: rgb(var(--sky-600));
}

.scrollbar-track-sky-700 {
  scrollbar-track-color: rgb(var(--sky-700));
}

.scrollbar-track-sky-800 {
  scrollbar-track-color: rgb(var(--sky-800));
}

.scrollbar-track-sky-900 {
  scrollbar-track-color: rgb(var(--sky-900));
}

.scrollbar-track-blue-50 {
  scrollbar-track-color: rgb(var(--blue-50));
}

.scrollbar-track-blue-100 {
  scrollbar-track-color: rgb(var(--blue-100));
}

.scrollbar-track-blue-200 {
  scrollbar-track-color: rgb(var(--blue-200));
}

.scrollbar-track-blue-300 {
  scrollbar-track-color: rgb(var(--blue-300));
}

.scrollbar-track-blue-400 {
  scrollbar-track-color: rgb(var(--blue-400));
}

.scrollbar-track-blue-500 {
  scrollbar-track-color: rgb(var(--blue-500));
}

.scrollbar-track-blue-600 {
  scrollbar-track-color: rgb(var(--blue-600));
}

.scrollbar-track-blue-700 {
  scrollbar-track-color: rgb(var(--blue-700));
}

.scrollbar-track-blue-800 {
  scrollbar-track-color: rgb(var(--blue-800));
}

.scrollbar-track-blue-900 {
  scrollbar-track-color: rgb(var(--blue-900));
}

.scrollbar-track-indigo-50 {
  scrollbar-track-color: rgb(var(--indigo-50));
}

.scrollbar-track-indigo-100 {
  scrollbar-track-color: rgb(var(--indigo-100));
}

.scrollbar-track-indigo-200 {
  scrollbar-track-color: rgb(var(--indigo-200));
}

.scrollbar-track-indigo-300 {
  scrollbar-track-color: rgb(var(--indigo-300));
}

.scrollbar-track-indigo-400 {
  scrollbar-track-color: rgb(var(--indigo-400));
}

.scrollbar-track-indigo-500 {
  scrollbar-track-color: rgb(var(--indigo-500));
}

.scrollbar-track-indigo-600 {
  scrollbar-track-color: rgb(var(--indigo-600));
}

.scrollbar-track-indigo-700 {
  scrollbar-track-color: rgb(var(--indigo-700));
}

.scrollbar-track-indigo-800 {
  scrollbar-track-color: rgb(var(--indigo-800));
}

.scrollbar-track-indigo-900 {
  scrollbar-track-color: rgb(var(--indigo-900));
}

.scrollbar-track-violet-50 {
  scrollbar-track-color: rgb(var(--violet-50));
}

.scrollbar-track-violet-100 {
  scrollbar-track-color: rgb(var(--violet-100));
}

.scrollbar-track-violet-200 {
  scrollbar-track-color: rgb(var(--violet-200));
}

.scrollbar-track-violet-300 {
  scrollbar-track-color: rgb(var(--violet-300));
}

.scrollbar-track-violet-400 {
  scrollbar-track-color: rgb(var(--violet-400));
}

.scrollbar-track-violet-500 {
  scrollbar-track-color: rgb(var(--violet-500));
}

.scrollbar-track-violet-600 {
  scrollbar-track-color: rgb(var(--violet-600));
}

.scrollbar-track-violet-700 {
  scrollbar-track-color: rgb(var(--violet-700));
}

.scrollbar-track-violet-800 {
  scrollbar-track-color: rgb(var(--violet-800));
}

.scrollbar-track-violet-900 {
  scrollbar-track-color: rgb(var(--violet-900));
}

.scrollbar-track-purple-50 {
  scrollbar-track-color: rgb(var(--purple-50));
}

.scrollbar-track-purple-100 {
  scrollbar-track-color: rgb(var(--purple-100));
}

.scrollbar-track-purple-200 {
  scrollbar-track-color: rgb(var(--purple-200));
}

.scrollbar-track-purple-300 {
  scrollbar-track-color: rgb(var(--purple-300));
}

.scrollbar-track-purple-400 {
  scrollbar-track-color: rgb(var(--purple-400));
}

.scrollbar-track-purple-500 {
  scrollbar-track-color: rgb(var(--purple-500));
}

.scrollbar-track-purple-600 {
  scrollbar-track-color: rgb(var(--purple-600));
}

.scrollbar-track-purple-700 {
  scrollbar-track-color: rgb(var(--purple-700));
}

.scrollbar-track-purple-800 {
  scrollbar-track-color: rgb(var(--purple-800));
}

.scrollbar-track-purple-900 {
  scrollbar-track-color: rgb(var(--purple-900));
}

.scrollbar-track-fuchsia-50 {
  scrollbar-track-color: rgb(var(--fuchsia-50));
}

.scrollbar-track-fuchsia-100 {
  scrollbar-track-color: rgb(var(--fuchsia-100));
}

.scrollbar-track-fuchsia-200 {
  scrollbar-track-color: rgb(var(--fuchsia-200));
}

.scrollbar-track-fuchsia-300 {
  scrollbar-track-color: rgb(var(--fuchsia-300));
}

.scrollbar-track-fuchsia-400 {
  scrollbar-track-color: rgb(var(--fuchsia-400));
}

.scrollbar-track-fuchsia-500 {
  scrollbar-track-color: rgb(var(--fuchsia-500));
}

.scrollbar-track-fuchsia-600 {
  scrollbar-track-color: rgb(var(--fuchsia-600));
}

.scrollbar-track-fuchsia-700 {
  scrollbar-track-color: rgb(var(--fuchsia-700));
}

.scrollbar-track-fuchsia-800 {
  scrollbar-track-color: rgb(var(--fuchsia-800));
}

.scrollbar-track-fuchsia-900 {
  scrollbar-track-color: rgb(var(--fuchsia-900));
}

.scrollbar-track-pink-50 {
  scrollbar-track-color: rgb(var(--pink-50));
}

.scrollbar-track-pink-100 {
  scrollbar-track-color: rgb(var(--pink-100));
}

.scrollbar-track-pink-200 {
  scrollbar-track-color: rgb(var(--pink-200));
}

.scrollbar-track-pink-300 {
  scrollbar-track-color: rgb(var(--pink-300));
}

.scrollbar-track-pink-400 {
  scrollbar-track-color: rgb(var(--pink-400));
}

.scrollbar-track-pink-500 {
  scrollbar-track-color: rgb(var(--pink-500));
}

.scrollbar-track-pink-600 {
  scrollbar-track-color: rgb(var(--pink-600));
}

.scrollbar-track-pink-700 {
  scrollbar-track-color: rgb(var(--pink-700));
}

.scrollbar-track-pink-800 {
  scrollbar-track-color: rgb(var(--pink-800));
}

.scrollbar-track-pink-900 {
  scrollbar-track-color: rgb(var(--pink-900));
}

.scrollbar-track-rose-50 {
  scrollbar-track-color: rgb(var(--rose-50));
}

.scrollbar-track-rose-100 {
  scrollbar-track-color: rgb(var(--rose-100));
}

.scrollbar-track-rose-200 {
  scrollbar-track-color: rgb(var(--rose-200));
}

.scrollbar-track-rose-300 {
  scrollbar-track-color: rgb(var(--rose-300));
}

.scrollbar-track-rose-400 {
  scrollbar-track-color: rgb(var(--rose-400));
}

.scrollbar-track-rose-500 {
  scrollbar-track-color: rgb(var(--rose-500));
}

.scrollbar-track-rose-600 {
  scrollbar-track-color: rgb(var(--rose-600));
}

.scrollbar-track-rose-700 {
  scrollbar-track-color: rgb(var(--rose-700));
}

.scrollbar-track-rose-800 {
  scrollbar-track-color: rgb(var(--rose-800));
}

.scrollbar-track-rose-900 {
  scrollbar-track-color: rgb(var(--rose-900));
}

.scrollbar-track-slate-50 {
  scrollbar-track-color: rgb(var(--slate-50));
}

.scrollbar-track-slate-100 {
  scrollbar-track-color: rgb(var(--slate-100));
}

.scrollbar-track-slate-200 {
  scrollbar-track-color: rgb(var(--slate-200));
}

.scrollbar-track-slate-300 {
  scrollbar-track-color: rgb(var(--slate-300));
}

.scrollbar-track-slate-400 {
  scrollbar-track-color: rgb(var(--slate-400));
}

.scrollbar-track-slate-500 {
  scrollbar-track-color: rgb(var(--slate-500));
}

.scrollbar-track-slate-600 {
  scrollbar-track-color: rgb(var(--slate-600));
}

.scrollbar-track-slate-700 {
  scrollbar-track-color: rgb(var(--slate-700));
}

.scrollbar-track-slate-800 {
  scrollbar-track-color: rgb(var(--slate-800));
}

.scrollbar-track-slate-900 {
  scrollbar-track-color: rgb(var(--slate-900));
}

.scrollbar-track-gray-50 {
  scrollbar-track-color: rgb(var(--gray-50));
}

.scrollbar-track-gray-100 {
  scrollbar-track-color: rgb(var(--gray-100));
}

.scrollbar-track-gray-200 {
  scrollbar-track-color: rgb(var(--gray-200));
}

.scrollbar-track-gray-300 {
  scrollbar-track-color: rgb(var(--gray-300));
}

.scrollbar-track-gray-400 {
  scrollbar-track-color: rgb(var(--gray-400));
}

.scrollbar-track-gray-500 {
  scrollbar-track-color: rgb(var(--gray-500));
}

.scrollbar-track-gray-600 {
  scrollbar-track-color: rgb(var(--gray-600));
}

.scrollbar-track-gray-700 {
  scrollbar-track-color: rgb(var(--gray-700));
}

.scrollbar-track-gray-800 {
  scrollbar-track-color: rgb(var(--gray-800));
}

.scrollbar-track-gray-900 {
  scrollbar-track-color: rgb(var(--gray-900));
}

.scrollbar-track-zinc-50 {
  scrollbar-track-color: rgb(var(--zinc-50));
}

.scrollbar-track-zinc-100 {
  scrollbar-track-color: rgb(var(--zinc-100));
}

.scrollbar-track-zinc-200 {
  scrollbar-track-color: rgb(var(--zinc-200));
}

.scrollbar-track-zinc-300 {
  scrollbar-track-color: rgb(var(--zinc-300));
}

.scrollbar-track-zinc-400 {
  scrollbar-track-color: rgb(var(--zinc-400));
}

.scrollbar-track-zinc-500 {
  scrollbar-track-color: rgb(var(--zinc-500));
}

.scrollbar-track-zinc-600 {
  scrollbar-track-color: rgb(var(--zinc-600));
}

.scrollbar-track-zinc-700 {
  scrollbar-track-color: rgb(var(--zinc-700));
}

.scrollbar-track-zinc-800 {
  scrollbar-track-color: rgb(var(--zinc-800));
}

.scrollbar-track-zinc-900 {
  scrollbar-track-color: rgb(var(--zinc-900));
}

.scrollbar-track-black-DEFAULT {
  scrollbar-track-color: rgb(var(--black-DEFAULT));
}

.scrollbar-track-white-DEFAULT {
  scrollbar-track-color: rgb(var(--white-DEFAULT));
}

.scrollbar-thumb-red-50 {
  scrollbar-thumb-color: rgb(var(--red-50));
}

.scrollbar-thumb-red-100 {
  scrollbar-thumb-color: rgb(var(--red-100));
}

.scrollbar-thumb-red-200 {
  scrollbar-thumb-color: rgb(var(--red-200));
}

.scrollbar-thumb-red-300 {
  scrollbar-thumb-color: rgb(var(--red-300));
}

.scrollbar-thumb-red-400 {
  scrollbar-thumb-color: rgb(var(--red-400));
}

.scrollbar-thumb-red-500 {
  scrollbar-thumb-color: rgb(var(--red-500));
}

.scrollbar-thumb-red-600 {
  scrollbar-thumb-color: rgb(var(--red-600));
}

.scrollbar-thumb-red-700 {
  scrollbar-thumb-color: rgb(var(--red-700));
}

.scrollbar-thumb-red-800 {
  scrollbar-thumb-color: rgb(var(--red-800));
}

.scrollbar-thumb-red-900 {
  scrollbar-thumb-color: rgb(var(--red-900));
}

.scrollbar-thumb-orange-50 {
  scrollbar-thumb-color: rgb(var(--orange-50));
}

.scrollbar-thumb-orange-100 {
  scrollbar-thumb-color: rgb(var(--orange-100));
}

.scrollbar-thumb-orange-200 {
  scrollbar-thumb-color: rgb(var(--orange-200));
}

.scrollbar-thumb-orange-300 {
  scrollbar-thumb-color: rgb(var(--orange-300));
}

.scrollbar-thumb-orange-400 {
  scrollbar-thumb-color: rgb(var(--orange-400));
}

.scrollbar-thumb-orange-500 {
  scrollbar-thumb-color: rgb(var(--orange-500));
}

.scrollbar-thumb-orange-600 {
  scrollbar-thumb-color: rgb(var(--orange-600));
}

.scrollbar-thumb-orange-700 {
  scrollbar-thumb-color: rgb(var(--orange-700));
}

.scrollbar-thumb-orange-800 {
  scrollbar-thumb-color: rgb(var(--orange-800));
}

.scrollbar-thumb-orange-900 {
  scrollbar-thumb-color: rgb(var(--orange-900));
}

.scrollbar-thumb-amber-50 {
  scrollbar-thumb-color: rgb(var(--amber-50));
}

.scrollbar-thumb-amber-100 {
  scrollbar-thumb-color: rgb(var(--amber-100));
}

.scrollbar-thumb-amber-200 {
  scrollbar-thumb-color: rgb(var(--amber-200));
}

.scrollbar-thumb-amber-300 {
  scrollbar-thumb-color: rgb(var(--amber-300));
}

.scrollbar-thumb-amber-400 {
  scrollbar-thumb-color: rgb(var(--amber-400));
}

.scrollbar-thumb-amber-500 {
  scrollbar-thumb-color: rgb(var(--amber-500));
}

.scrollbar-thumb-amber-600 {
  scrollbar-thumb-color: rgb(var(--amber-600));
}

.scrollbar-thumb-amber-700 {
  scrollbar-thumb-color: rgb(var(--amber-700));
}

.scrollbar-thumb-amber-800 {
  scrollbar-thumb-color: rgb(var(--amber-800));
}

.scrollbar-thumb-amber-900 {
  scrollbar-thumb-color: rgb(var(--amber-900));
}

.scrollbar-thumb-yellow-50 {
  scrollbar-thumb-color: rgb(var(--yellow-50));
}

.scrollbar-thumb-yellow-100 {
  scrollbar-thumb-color: rgb(var(--yellow-100));
}

.scrollbar-thumb-yellow-200 {
  scrollbar-thumb-color: rgb(var(--yellow-200));
}

.scrollbar-thumb-yellow-300 {
  scrollbar-thumb-color: rgb(var(--yellow-300));
}

.scrollbar-thumb-yellow-400 {
  scrollbar-thumb-color: rgb(var(--yellow-400));
}

.scrollbar-thumb-yellow-500 {
  scrollbar-thumb-color: rgb(var(--yellow-500));
}

.scrollbar-thumb-yellow-600 {
  scrollbar-thumb-color: rgb(var(--yellow-600));
}

.scrollbar-thumb-yellow-700 {
  scrollbar-thumb-color: rgb(var(--yellow-700));
}

.scrollbar-thumb-yellow-800 {
  scrollbar-thumb-color: rgb(var(--yellow-800));
}

.scrollbar-thumb-yellow-900 {
  scrollbar-thumb-color: rgb(var(--yellow-900));
}

.scrollbar-thumb-lime-50 {
  scrollbar-thumb-color: rgb(var(--lime-50));
}

.scrollbar-thumb-lime-100 {
  scrollbar-thumb-color: rgb(var(--lime-100));
}

.scrollbar-thumb-lime-200 {
  scrollbar-thumb-color: rgb(var(--lime-200));
}

.scrollbar-thumb-lime-300 {
  scrollbar-thumb-color: rgb(var(--lime-300));
}

.scrollbar-thumb-lime-400 {
  scrollbar-thumb-color: rgb(var(--lime-400));
}

.scrollbar-thumb-lime-500 {
  scrollbar-thumb-color: rgb(var(--lime-500));
}

.scrollbar-thumb-lime-600 {
  scrollbar-thumb-color: rgb(var(--lime-600));
}

.scrollbar-thumb-lime-700 {
  scrollbar-thumb-color: rgb(var(--lime-700));
}

.scrollbar-thumb-lime-800 {
  scrollbar-thumb-color: rgb(var(--lime-800));
}

.scrollbar-thumb-lime-900 {
  scrollbar-thumb-color: rgb(var(--lime-900));
}

.scrollbar-thumb-green-50 {
  scrollbar-thumb-color: rgb(var(--green-50));
}

.scrollbar-thumb-green-100 {
  scrollbar-thumb-color: rgb(var(--green-100));
}

.scrollbar-thumb-green-200 {
  scrollbar-thumb-color: rgb(var(--green-200));
}

.scrollbar-thumb-green-300 {
  scrollbar-thumb-color: rgb(var(--green-300));
}

.scrollbar-thumb-green-400 {
  scrollbar-thumb-color: rgb(var(--green-400));
}

.scrollbar-thumb-green-500 {
  scrollbar-thumb-color: rgb(var(--green-500));
}

.scrollbar-thumb-green-600 {
  scrollbar-thumb-color: rgb(var(--green-600));
}

.scrollbar-thumb-green-700 {
  scrollbar-thumb-color: rgb(var(--green-700));
}

.scrollbar-thumb-green-800 {
  scrollbar-thumb-color: rgb(var(--green-800));
}

.scrollbar-thumb-green-900 {
  scrollbar-thumb-color: rgb(var(--green-900));
}

.scrollbar-thumb-emerald-50 {
  scrollbar-thumb-color: rgb(var(--emerald-50));
}

.scrollbar-thumb-emerald-100 {
  scrollbar-thumb-color: rgb(var(--emerald-100));
}

.scrollbar-thumb-emerald-200 {
  scrollbar-thumb-color: rgb(var(--emerald-200));
}

.scrollbar-thumb-emerald-300 {
  scrollbar-thumb-color: rgb(var(--emerald-300));
}

.scrollbar-thumb-emerald-400 {
  scrollbar-thumb-color: rgb(var(--emerald-400));
}

.scrollbar-thumb-emerald-500 {
  scrollbar-thumb-color: rgb(var(--emerald-500));
}

.scrollbar-thumb-emerald-600 {
  scrollbar-thumb-color: rgb(var(--emerald-600));
}

.scrollbar-thumb-emerald-700 {
  scrollbar-thumb-color: rgb(var(--emerald-700));
}

.scrollbar-thumb-emerald-800 {
  scrollbar-thumb-color: rgb(var(--emerald-800));
}

.scrollbar-thumb-emerald-900 {
  scrollbar-thumb-color: rgb(var(--emerald-900));
}

.scrollbar-thumb-teal-50 {
  scrollbar-thumb-color: rgb(var(--teal-50));
}

.scrollbar-thumb-teal-100 {
  scrollbar-thumb-color: rgb(var(--teal-100));
}

.scrollbar-thumb-teal-200 {
  scrollbar-thumb-color: rgb(var(--teal-200));
}

.scrollbar-thumb-teal-300 {
  scrollbar-thumb-color: rgb(var(--teal-300));
}

.scrollbar-thumb-teal-400 {
  scrollbar-thumb-color: rgb(var(--teal-400));
}

.scrollbar-thumb-teal-500 {
  scrollbar-thumb-color: rgb(var(--teal-500));
}

.scrollbar-thumb-teal-600 {
  scrollbar-thumb-color: rgb(var(--teal-600));
}

.scrollbar-thumb-teal-700 {
  scrollbar-thumb-color: rgb(var(--teal-700));
}

.scrollbar-thumb-teal-800 {
  scrollbar-thumb-color: rgb(var(--teal-800));
}

.scrollbar-thumb-teal-900 {
  scrollbar-thumb-color: rgb(var(--teal-900));
}

.scrollbar-thumb-cyan-50 {
  scrollbar-thumb-color: rgb(var(--cyan-50));
}

.scrollbar-thumb-cyan-100 {
  scrollbar-thumb-color: rgb(var(--cyan-100));
}

.scrollbar-thumb-cyan-200 {
  scrollbar-thumb-color: rgb(var(--cyan-200));
}

.scrollbar-thumb-cyan-300 {
  scrollbar-thumb-color: rgb(var(--cyan-300));
}

.scrollbar-thumb-cyan-400 {
  scrollbar-thumb-color: rgb(var(--cyan-400));
}

.scrollbar-thumb-cyan-500 {
  scrollbar-thumb-color: rgb(var(--cyan-500));
}

.scrollbar-thumb-cyan-600 {
  scrollbar-thumb-color: rgb(var(--cyan-600));
}

.scrollbar-thumb-cyan-700 {
  scrollbar-thumb-color: rgb(var(--cyan-700));
}

.scrollbar-thumb-cyan-800 {
  scrollbar-thumb-color: rgb(var(--cyan-800));
}

.scrollbar-thumb-cyan-900 {
  scrollbar-thumb-color: rgb(var(--cyan-900));
}

.scrollbar-thumb-sky-50 {
  scrollbar-thumb-color: rgb(var(--sky-50));
}

.scrollbar-thumb-sky-100 {
  scrollbar-thumb-color: rgb(var(--sky-100));
}

.scrollbar-thumb-sky-200 {
  scrollbar-thumb-color: rgb(var(--sky-200));
}

.scrollbar-thumb-sky-300 {
  scrollbar-thumb-color: rgb(var(--sky-300));
}

.scrollbar-thumb-sky-400 {
  scrollbar-thumb-color: rgb(var(--sky-400));
}

.scrollbar-thumb-sky-500 {
  scrollbar-thumb-color: rgb(var(--sky-500));
}

.scrollbar-thumb-sky-600 {
  scrollbar-thumb-color: rgb(var(--sky-600));
}

.scrollbar-thumb-sky-700 {
  scrollbar-thumb-color: rgb(var(--sky-700));
}

.scrollbar-thumb-sky-800 {
  scrollbar-thumb-color: rgb(var(--sky-800));
}

.scrollbar-thumb-sky-900 {
  scrollbar-thumb-color: rgb(var(--sky-900));
}

.scrollbar-thumb-blue-50 {
  scrollbar-thumb-color: rgb(var(--blue-50));
}

.scrollbar-thumb-blue-100 {
  scrollbar-thumb-color: rgb(var(--blue-100));
}

.scrollbar-thumb-blue-200 {
  scrollbar-thumb-color: rgb(var(--blue-200));
}

.scrollbar-thumb-blue-300 {
  scrollbar-thumb-color: rgb(var(--blue-300));
}

.scrollbar-thumb-blue-400 {
  scrollbar-thumb-color: rgb(var(--blue-400));
}

.scrollbar-thumb-blue-500 {
  scrollbar-thumb-color: rgb(var(--blue-500));
}

.scrollbar-thumb-blue-600 {
  scrollbar-thumb-color: rgb(var(--blue-600));
}

.scrollbar-thumb-blue-700 {
  scrollbar-thumb-color: rgb(var(--blue-700));
}

.scrollbar-thumb-blue-800 {
  scrollbar-thumb-color: rgb(var(--blue-800));
}

.scrollbar-thumb-blue-900 {
  scrollbar-thumb-color: rgb(var(--blue-900));
}

.scrollbar-thumb-indigo-50 {
  scrollbar-thumb-color: rgb(var(--indigo-50));
}

.scrollbar-thumb-indigo-100 {
  scrollbar-thumb-color: rgb(var(--indigo-100));
}

.scrollbar-thumb-indigo-200 {
  scrollbar-thumb-color: rgb(var(--indigo-200));
}

.scrollbar-thumb-indigo-300 {
  scrollbar-thumb-color: rgb(var(--indigo-300));
}

.scrollbar-thumb-indigo-400 {
  scrollbar-thumb-color: rgb(var(--indigo-400));
}

.scrollbar-thumb-indigo-500 {
  scrollbar-thumb-color: rgb(var(--indigo-500));
}

.scrollbar-thumb-indigo-600 {
  scrollbar-thumb-color: rgb(var(--indigo-600));
}

.scrollbar-thumb-indigo-700 {
  scrollbar-thumb-color: rgb(var(--indigo-700));
}

.scrollbar-thumb-indigo-800 {
  scrollbar-thumb-color: rgb(var(--indigo-800));
}

.scrollbar-thumb-indigo-900 {
  scrollbar-thumb-color: rgb(var(--indigo-900));
}

.scrollbar-thumb-violet-50 {
  scrollbar-thumb-color: rgb(var(--violet-50));
}

.scrollbar-thumb-violet-100 {
  scrollbar-thumb-color: rgb(var(--violet-100));
}

.scrollbar-thumb-violet-200 {
  scrollbar-thumb-color: rgb(var(--violet-200));
}

.scrollbar-thumb-violet-300 {
  scrollbar-thumb-color: rgb(var(--violet-300));
}

.scrollbar-thumb-violet-400 {
  scrollbar-thumb-color: rgb(var(--violet-400));
}

.scrollbar-thumb-violet-500 {
  scrollbar-thumb-color: rgb(var(--violet-500));
}

.scrollbar-thumb-violet-600 {
  scrollbar-thumb-color: rgb(var(--violet-600));
}

.scrollbar-thumb-violet-700 {
  scrollbar-thumb-color: rgb(var(--violet-700));
}

.scrollbar-thumb-violet-800 {
  scrollbar-thumb-color: rgb(var(--violet-800));
}

.scrollbar-thumb-violet-900 {
  scrollbar-thumb-color: rgb(var(--violet-900));
}

.scrollbar-thumb-purple-50 {
  scrollbar-thumb-color: rgb(var(--purple-50));
}

.scrollbar-thumb-purple-100 {
  scrollbar-thumb-color: rgb(var(--purple-100));
}

.scrollbar-thumb-purple-200 {
  scrollbar-thumb-color: rgb(var(--purple-200));
}

.scrollbar-thumb-purple-300 {
  scrollbar-thumb-color: rgb(var(--purple-300));
}

.scrollbar-thumb-purple-400 {
  scrollbar-thumb-color: rgb(var(--purple-400));
}

.scrollbar-thumb-purple-500 {
  scrollbar-thumb-color: rgb(var(--purple-500));
}

.scrollbar-thumb-purple-600 {
  scrollbar-thumb-color: rgb(var(--purple-600));
}

.scrollbar-thumb-purple-700 {
  scrollbar-thumb-color: rgb(var(--purple-700));
}

.scrollbar-thumb-purple-800 {
  scrollbar-thumb-color: rgb(var(--purple-800));
}

.scrollbar-thumb-purple-900 {
  scrollbar-thumb-color: rgb(var(--purple-900));
}

.scrollbar-thumb-fuchsia-50 {
  scrollbar-thumb-color: rgb(var(--fuchsia-50));
}

.scrollbar-thumb-fuchsia-100 {
  scrollbar-thumb-color: rgb(var(--fuchsia-100));
}

.scrollbar-thumb-fuchsia-200 {
  scrollbar-thumb-color: rgb(var(--fuchsia-200));
}

.scrollbar-thumb-fuchsia-300 {
  scrollbar-thumb-color: rgb(var(--fuchsia-300));
}

.scrollbar-thumb-fuchsia-400 {
  scrollbar-thumb-color: rgb(var(--fuchsia-400));
}

.scrollbar-thumb-fuchsia-500 {
  scrollbar-thumb-color: rgb(var(--fuchsia-500));
}

.scrollbar-thumb-fuchsia-600 {
  scrollbar-thumb-color: rgb(var(--fuchsia-600));
}

.scrollbar-thumb-fuchsia-700 {
  scrollbar-thumb-color: rgb(var(--fuchsia-700));
}

.scrollbar-thumb-fuchsia-800 {
  scrollbar-thumb-color: rgb(var(--fuchsia-800));
}

.scrollbar-thumb-fuchsia-900 {
  scrollbar-thumb-color: rgb(var(--fuchsia-900));
}

.scrollbar-thumb-pink-50 {
  scrollbar-thumb-color: rgb(var(--pink-50));
}

.scrollbar-thumb-pink-100 {
  scrollbar-thumb-color: rgb(var(--pink-100));
}

.scrollbar-thumb-pink-200 {
  scrollbar-thumb-color: rgb(var(--pink-200));
}

.scrollbar-thumb-pink-300 {
  scrollbar-thumb-color: rgb(var(--pink-300));
}

.scrollbar-thumb-pink-400 {
  scrollbar-thumb-color: rgb(var(--pink-400));
}

.scrollbar-thumb-pink-500 {
  scrollbar-thumb-color: rgb(var(--pink-500));
}

.scrollbar-thumb-pink-600 {
  scrollbar-thumb-color: rgb(var(--pink-600));
}

.scrollbar-thumb-pink-700 {
  scrollbar-thumb-color: rgb(var(--pink-700));
}

.scrollbar-thumb-pink-800 {
  scrollbar-thumb-color: rgb(var(--pink-800));
}

.scrollbar-thumb-pink-900 {
  scrollbar-thumb-color: rgb(var(--pink-900));
}

.scrollbar-thumb-rose-50 {
  scrollbar-thumb-color: rgb(var(--rose-50));
}

.scrollbar-thumb-rose-100 {
  scrollbar-thumb-color: rgb(var(--rose-100));
}

.scrollbar-thumb-rose-200 {
  scrollbar-thumb-color: rgb(var(--rose-200));
}

.scrollbar-thumb-rose-300 {
  scrollbar-thumb-color: rgb(var(--rose-300));
}

.scrollbar-thumb-rose-400 {
  scrollbar-thumb-color: rgb(var(--rose-400));
}

.scrollbar-thumb-rose-500 {
  scrollbar-thumb-color: rgb(var(--rose-500));
}

.scrollbar-thumb-rose-600 {
  scrollbar-thumb-color: rgb(var(--rose-600));
}

.scrollbar-thumb-rose-700 {
  scrollbar-thumb-color: rgb(var(--rose-700));
}

.scrollbar-thumb-rose-800 {
  scrollbar-thumb-color: rgb(var(--rose-800));
}

.scrollbar-thumb-rose-900 {
  scrollbar-thumb-color: rgb(var(--rose-900));
}

.scrollbar-thumb-slate-50 {
  scrollbar-thumb-color: rgb(var(--slate-50));
}

.scrollbar-thumb-slate-100 {
  scrollbar-thumb-color: rgb(var(--slate-100));
}

.scrollbar-thumb-slate-200 {
  scrollbar-thumb-color: rgb(var(--slate-200));
}

.scrollbar-thumb-slate-300 {
  scrollbar-thumb-color: rgb(var(--slate-300));
}

.scrollbar-thumb-slate-400 {
  scrollbar-thumb-color: rgb(var(--slate-400));
}

.scrollbar-thumb-slate-500 {
  scrollbar-thumb-color: rgb(var(--slate-500));
}

.scrollbar-thumb-slate-600 {
  scrollbar-thumb-color: rgb(var(--slate-600));
}

.scrollbar-thumb-slate-700 {
  scrollbar-thumb-color: rgb(var(--slate-700));
}

.scrollbar-thumb-slate-800 {
  scrollbar-thumb-color: rgb(var(--slate-800));
}

.scrollbar-thumb-slate-900 {
  scrollbar-thumb-color: rgb(var(--slate-900));
}

.scrollbar-thumb-gray-50 {
  scrollbar-thumb-color: rgb(var(--gray-50));
}

.scrollbar-thumb-gray-100 {
  scrollbar-thumb-color: rgb(var(--gray-100));
}

.scrollbar-thumb-gray-200 {
  scrollbar-thumb-color: rgb(var(--gray-200));
}

.scrollbar-thumb-gray-300 {
  scrollbar-thumb-color: rgb(var(--gray-300));
}

.scrollbar-thumb-gray-400 {
  scrollbar-thumb-color: rgb(var(--gray-400));
}

.scrollbar-thumb-gray-500 {
  scrollbar-thumb-color: rgb(var(--gray-500));
}

.scrollbar-thumb-gray-600 {
  scrollbar-thumb-color: rgb(var(--gray-600));
}

.scrollbar-thumb-gray-700 {
  scrollbar-thumb-color: rgb(var(--gray-700));
}

.scrollbar-thumb-gray-800 {
  scrollbar-thumb-color: rgb(var(--gray-800));
}

.scrollbar-thumb-gray-900 {
  scrollbar-thumb-color: rgb(var(--gray-900));
}

.scrollbar-thumb-zinc-50 {
  scrollbar-thumb-color: rgb(var(--zinc-50));
}

.scrollbar-thumb-zinc-100 {
  scrollbar-thumb-color: rgb(var(--zinc-100));
}

.scrollbar-thumb-zinc-200 {
  scrollbar-thumb-color: rgb(var(--zinc-200));
}

.scrollbar-thumb-zinc-300 {
  scrollbar-thumb-color: rgb(var(--zinc-300));
}

.scrollbar-thumb-zinc-400 {
  scrollbar-thumb-color: rgb(var(--zinc-400));
}

.scrollbar-thumb-zinc-500 {
  scrollbar-thumb-color: rgb(var(--zinc-500));
}

.scrollbar-thumb-zinc-600 {
  scrollbar-thumb-color: rgb(var(--zinc-600));
}

.scrollbar-thumb-zinc-700 {
  scrollbar-thumb-color: rgb(var(--zinc-700));
}

.scrollbar-thumb-zinc-800 {
  scrollbar-thumb-color: rgb(var(--zinc-800));
}

.scrollbar-thumb-zinc-900 {
  scrollbar-thumb-color: rgb(var(--zinc-900));
}

.scrollbar-thumb-black-DEFAULT {
  scrollbar-thumb-color: rgb(var(--black-DEFAULT));
}

.scrollbar-thumb-white-DEFAULT {
  scrollbar-thumb-color: rgb(var(--white-DEFAULT));
}

/* 纵横比 */
/* 基础类 */
.aspect-video {
  aspect-ratio: 16/9;
}

.aspect-square {
  aspect-ratio: 1/1;
}

.aspect-4-3 {
  aspect-ratio: 4/3;
}

.aspect-3-2 {
  aspect-ratio: 3/2;
}

.aspect-auto {
  aspect-ratio: auto;
}