:root{
   --color-red-500:oklch(63.7% .237 25.331);

}


.text-red-500 {
   color: var(--color-red-500) /* oklch(63.7% 0.237 25.331) = #fb2c36 */;
}

.border-red-500 {
   border-color: var(--color-red-500) /* oklch(63.7% 0.237 25.331) = #fb2c36 */;
}

.ring-red-500 {
   --tw-ring-color: var(--color-red-500) /* oklch(63.7% 0.237 25.331) = #fb2c36 */;
}

.ring-1 {
   --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@property --tw-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
   syntax: "*";
   inherits: false;
}
@property --tw-shadow-alpha {
   syntax: "<percentage>";
   inherits: false;
   initial-value: 100%;
}
@property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
   syntax: "*";
   inherits: false;
}
@property --tw-inset-shadow-alpha {
   syntax: "<percentage>";
   inherits: false;
   initial-value: 100%;
}
@property --tw-ring-color {
   syntax: "*";
   inherits: false;
}
@property --tw-ring-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
   syntax: "*";
   inherits: false;
}
@property --tw-inset-ring-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
   syntax: "*";
   inherits: false;
}
@property --tw-ring-offset-width {
   syntax: "<length>";
   inherits: false;
   initial-value: 0px;
}
@property --tw-ring-offset-color {
   syntax: "*";
   inherits: false;
   initial-value: #fff;
}
@property --tw-ring-offset-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
}