@100mslive/hms-ai-ui
Version:
100ms AI UI components
2,262 lines (2,261 loc) • 2.88 MB
CSS
/* temp_stylePlugin:src/components/ui/datePicker.css */
.Sample__container__content .react-calendar {
width: 350px;
max-width: 100%;
background: var(--bg-primary);
border: none;
line-height: 1.125em;
margin: 0 auto;
}
.Sample__container__content .react-calendar .react-calendar--doubleView {
width: 700px;
}
.Sample__container__content .react-calendar .react-calendar--doubleView .react-calendar__viewContainer {
display: flex;
margin: -0.5em;
}
.Sample__container__content .react-calendar .react-calendar--doubleView .react-calendar__viewContainer > * {
width: 50%;
margin: 0.5em;
}
.Sample__container__content .react-calendar .react-calendar,
.Sample__container__content .react-calendar .react-calendar *,
.Sample__container__content .react-calendar .react-calendar *:before,
.Sample__container__content .react-calendar .react-calendar *:after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.Sample__container__content .react-calendar .react-calendar button {
margin: 0;
border: 0;
outline: none;
}
.Sample__container__content .react-calendar .react-calendar button:enabled:hover {
cursor: pointer;
background-color: var(--bg-tertiary);
}
.Sample__container__content .react-calendar .react-calendar__navigation {
display: flex;
height: 44px;
margin-bottom: 1rem;
}
.Sample__container__content .react-calendar .react-calendar__navigation button {
min-width: 44px;
background: none;
border-radius: 0.25rem;
}
.Sample__container__content .react-calendar .react-calendar__month-view__weekdays {
text-align: center;
text-transform: uppercase;
font: inherit;
font-size: 0.75em;
font-weight: bold;
}
.Sample__container__content .react-calendar .react-calendar__month-view__weekdays__weekday {
padding: 0.5em;
}
.Sample__container__content .react-calendar .react-calendar__month-view__weekNumbers .react-calendar__tile {
display: flex;
align-items: center;
justify-content: center;
font: inherit;
font-size: 0.75em;
font-weight: bold;
}
.Sample__container__content .react-calendar .react-calendar__month-view__days__day--weekend {
color: var(--bg-error-solid);
}
.Sample__container__content .react-calendar .react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
border-radius: 0px !important;
background-color: var(--bg-quaternary) !important;
color: var(--txt-tertiary) !important;
}
.Sample__container__content .react-calendar .react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
padding: 2rem 0.5rem;
}
.Sample__container__content .react-calendar .react-calendar__tile {
max-width: 100%;
padding: 10px 6.6667px;
text-align: center;
font: inherit;
font-size: 0.833rem;
border-radius: 0.25rem;
background-color: var(--bg-primary);
color: var(--txt-primary);
}
.Sample__container__content .react-calendar .react-calendar__tile:disabled {
background-color: var(--bg-quaternary);
color: var(--txt-tertiary);
}
.Sample__container__content .react-calendar .react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
color: var(--txt-secondary);
}
.Sample__container__content .react-calendar .react-calendar__tile:enabled:hover,
.Sample__container__content .react-calendar .react-calendar__tile:enabled:focus {
background-color: var(--bg-quaternary);
}
.Sample__container__content .react-calendar .react-calendar__tile--now {
background-color: var(--bg-tertiary);
color: var(--txt-primary);
}
.Sample__container__content .react-calendar .react-calendar__tile--hasActive {
background-color: var(--bg-brand-section-subtle);
color: var(--txt-primary-on-brand);
}
.Sample__container__content .react-calendar .react-calendar__tile--hasActive:enabled:hover,
.Sample__container__content .react-calendar .react-calendar__tile--hasActive:enabled:focus {
background-color: var(--bg-brand-section-subtle);
color: var(--txt-primary-on-brand);
}
.Sample__container__content .react-calendar .react-calendar__tile--active {
background-color: var(--bg-brand-solid);
color: var(--txt-primary-on-brand);
}
.Sample__container__content .react-calendar .react-calendar__tile--active:enabled:hover,
.Sample__container__content .react-calendar .react-calendar__tile--active:enabled:focus {
background-color: var(--bg-brand-solid);
color: var(--txt-primary-on-brand);
}
.Sample__container__content .react-calendar .react-calendar--selectRange .react-calendar__tile--hover {
background-color: var(--bg-primary);
}
.Sample {
font: inherit;
}
.Sample input,
.Sample button {
font: inherit;
}
.Sample header {
background-color: var(--txt-primary);
box-shadow: 0 0 8px var(--txt-primary);
padding: 20px;
color: var(--bg-primary);
}
.Sample header h1 {
font-size: inherit;
margin: 0;
}
.Sample__container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
.Sample__container > * > * {
margin: 10px;
}
.Sample__container__content {
display: flex;
max-width: 100%;
flex-basis: 420px;
flex-direction: column;
flex-grow: 100;
align-items: stretch;
}
/* temp_stylePlugin:src/index.css */
*,
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
*,
::before,
::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
::before,
::after {
--tw-content: "";
}
html,
:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family:
ui-sans-serif,
system-ui,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
line-height: inherit;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace;
font-feature-settings: normal;
font-variation-settings: normal;
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;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role=button] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
display: none;
}
body {
background-color: var(--bg-primary);
color: var(--txt-primary);
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
inset: 0px;
}
.inset-x-0 {
left: 0px;
right: 0px;
}
.inset-y-0 {
top: 0px;
bottom: 0px;
}
.-bottom-12 {
bottom: -3rem;
}
.-left-12 {
left: -3rem;
}
.-right-12 {
right: -3rem;
}
.-top-12 {
top: -3rem;
}
.bottom-0 {
bottom: 0px;
}
.left-0 {
left: 0px;
}
.left-1 {
left: 0.25rem;
}
.left-1\/2 {
left: 50%;
}
.left-2 {
left: 0.5rem;
}
.left-\[50\%\] {
left: 50%;
}
.right-0 {
right: 0px;
}
.right-1 {
right: 0.25rem;
}
.right-2 {
right: 0.5rem;
}
.right-3 {
right: 0.75rem;
}
.right-4 {
right: 1rem;
}
.top-0 {
top: 0px;
}
.top-1 {
top: 0.25rem;
}
.top-1\.5 {
top: 0.375rem;
}
.top-1\/2 {
top: 50%;
}
.top-3\.5 {
top: 0.875rem;
}
.top-4 {
top: 1rem;
}
.top-\[1px\] {
top: 1px;
}
.top-\[50\%\] {
top: 50%;
}
.top-\[60\%\] {
top: 60%;
}
.top-full {
top: 100%;
}
.z-1 {
z-index: 1;
}
.z-10 {
z-index: 10;
}
.z-100 {
z-index: 100;
}
.z-20 {
z-index: 20;
}
.z-50 {
z-index: 50;
}
.z-\[100\] {
z-index: 100;
}
.z-\[1\] {
z-index: 1;
}
.z-\[2\] {
z-index: 2;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.m-24 {
margin: 6rem;
}
.-mx-1 {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-3\.5 {
margin-left: 0.875rem;
margin-right: 0.875rem;
}
.mx-80 {
margin-left: 20rem;
margin-right: 20rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-0\.5 {
margin-top: 0.125rem;
margin-bottom: 0.125rem;
}
.my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.my-32 {
margin-top: 8rem;
margin-bottom: 8rem;
}
.-ml-4 {
margin-left: -1rem;
}
.-mt-4 {
margin-top: -1rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-1\.5 {
margin-bottom: 0.375rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-auto {
margin-left: auto;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mt-1\.5 {
margin-top: 0.375rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-24 {
margin-top: 6rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-auto {
margin-top: auto;
}
.block {
display: block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.aspect-video {
aspect-ratio: 16 / 9;
}
.size-4 {
width: 1rem;
height: 1rem;
}
.h-1\.5 {
height: 0.375rem;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 3rem;
}
.h-2 {
height: 0.5rem;
}
.h-2\.5 {
height: 0.625rem;
}
.h-3 {
height: 0.75rem;
}
.h-3\.5 {
height: 0.875rem;
}
.h-4 {
height: 1rem;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 1.5rem;
}
.h-7 {
height: 1.75rem;
}
.h-8 {
height: 2rem;
}
.h-9 {
height: 2.25rem;
}
.h-\[1px\] {
height: 1px;
}
.h-\[6px\] {
height: 6px;
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\] {
height: var(--radix-select-trigger-height);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.h-svh {
height: 100svh;
}
.max-h-96 {
max-height: 24rem;
}
.max-h-\[300px\] {
max-height: 300px;
}
.max-h-screen {
max-height: 100vh;
}
.min-h-0 {
min-height: 0px;
}
.min-h-svh {
min-height: 100svh;
}
.w-0 {
width: 0px;
}
.w-1 {
width: 0.25rem;
}
.w-10 {
width: 2.5rem;
}
.w-2 {
width: 0.5rem;
}
.w-2\.5 {
width: 0.625rem;
}
.w-3 {
width: 0.75rem;
}
.w-3\.5 {
width: 0.875rem;
}
.w-4 {
width: 1rem;
}
.w-5 {
width: 1.25rem;
}
.w-56 {
width: 14rem;
}
.w-6 {
width: 1.5rem;
}
.w-64 {
width: 16rem;
}
.w-7 {
width: 1.75rem;
}
.w-8 {
width: 2rem;
}
.w-80 {
width: 20rem;
}
.w-9 {
width: 2.25rem;
}
.w-\[--sidebar-width\] {
width: var(--sidebar-width);
}
.w-\[100px\] {
width: 100px;
}
.w-\[1px\] {
width: 1px;
}
.w-\[280px\] {
width: 280px;
}
.w-\[400px\] {
width: 400px;
}
.w-\[6px\] {
width: 6px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.w-max {
width: -moz-max-content;
width: max-content;
}
.w-px {
width: 1px;
}
.min-w-0 {
min-width: 0px;
}
.min-w-10 {
min-width: 2.5rem;
}
.min-w-5 {
min-width: 1.25rem;
}
.min-w-8 {
min-width: 2rem;
}
.min-w-9 {
min-width: 2.25rem;
}
.min-w-\[12rem\] {
min-width: 12rem;
}
.min-w-\[8rem\] {
min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
min-width: var(--radix-select-trigger-width);
}
.max-w-\[--skeleton-width\] {
max-width: var(--skeleton-width);
}
.max-w-lg {
max-width: 32rem;
}
.max-w-max {
max-width: -moz-max-content;
max-width: max-content;
}
.flex-1 {
flex: 1 1 0%;
}
.shrink-0 {
flex-shrink: 0;
}
.grow-0 {
flex-grow: 0;
}
.basis-full {
flex-basis: 100%;
}
.caption-bottom {
caption-side: bottom;
}
.border-collapse {
border-collapse: collapse;
}
.border-separate {
border-collapse: separate;
}
.border-spacing-0 {
--tw-border-spacing-x: 0px;
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-1 {
--tw-border-spacing-x: 0.25rem;
--tw-border-spacing-y: 0.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-10 {
--tw-border-spacing-x: 2.5rem;
--tw-border-spacing-y: 2.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-11 {
--tw-border-spacing-x: 2.75rem;
--tw-border-spacing-y: 2.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-12 {
--tw-border-spacing-x: 3rem;
--tw-border-spacing-y: 3rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-14 {
--tw-border-spacing-x: 3.5rem;
--tw-border-spacing-y: 3.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-16 {
--tw-border-spacing-x: 4rem;
--tw-border-spacing-y: 4rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-2 {
--tw-border-spacing-x: 0.5rem;
--tw-border-spacing-y: 0.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-20 {
--tw-border-spacing-x: 5rem;
--tw-border-spacing-y: 5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-24 {
--tw-border-spacing-x: 6rem;
--tw-border-spacing-y: 6rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-28 {
--tw-border-spacing-x: 7rem;
--tw-border-spacing-y: 7rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-3 {
--tw-border-spacing-x: 0.75rem;
--tw-border-spacing-y: 0.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-32 {
--tw-border-spacing-x: 8rem;
--tw-border-spacing-y: 8rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-36 {
--tw-border-spacing-x: 9rem;
--tw-border-spacing-y: 9rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-4 {
--tw-border-spacing-x: 1rem;
--tw-border-spacing-y: 1rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-40 {
--tw-border-spacing-x: 10rem;
--tw-border-spacing-y: 10rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-44 {
--tw-border-spacing-x: 11rem;
--tw-border-spacing-y: 11rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-48 {
--tw-border-spacing-x: 12rem;
--tw-border-spacing-y: 12rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-5 {
--tw-border-spacing-x: 1.25rem;
--tw-border-spacing-y: 1.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-52 {
--tw-border-spacing-x: 13rem;
--tw-border-spacing-y: 13rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-56 {
--tw-border-spacing-x: 14rem;
--tw-border-spacing-y: 14rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-6 {
--tw-border-spacing-x: 1.5rem;
--tw-border-spacing-y: 1.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-60 {
--tw-border-spacing-x: 15rem;
--tw-border-spacing-y: 15rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-64 {
--tw-border-spacing-x: 16rem;
--tw-border-spacing-y: 16rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-7 {
--tw-border-spacing-x: 1.75rem;
--tw-border-spacing-y: 1.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-72 {
--tw-border-spacing-x: 18rem;
--tw-border-spacing-y: 18rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-8 {
--tw-border-spacing-x: 2rem;
--tw-border-spacing-y: 2rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-80 {
--tw-border-spacing-x: 20rem;
--tw-border-spacing-y: 20rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-9 {
--tw-border-spacing-x: 2.25rem;
--tw-border-spacing-y: 2.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-96 {
--tw-border-spacing-x: 24rem;
--tw-border-spacing-y: 24rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-px {
--tw-border-spacing-x: 1px;
--tw-border-spacing-y: 1px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-0 {
--tw-border-spacing-x: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-1 {
--tw-border-spacing-x: 0.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-10 {
--tw-border-spacing-x: 2.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-11 {
--tw-border-spacing-x: 2.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-12 {
--tw-border-spacing-x: 3rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-14 {
--tw-border-spacing-x: 3.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-16 {
--tw-border-spacing-x: 4rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-2 {
--tw-border-spacing-x: 0.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-20 {
--tw-border-spacing-x: 5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-24 {
--tw-border-spacing-x: 6rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-28 {
--tw-border-spacing-x: 7rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-3 {
--tw-border-spacing-x: 0.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-32 {
--tw-border-spacing-x: 8rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-36 {
--tw-border-spacing-x: 9rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-4 {
--tw-border-spacing-x: 1rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-40 {
--tw-border-spacing-x: 10rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-44 {
--tw-border-spacing-x: 11rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-48 {
--tw-border-spacing-x: 12rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-5 {
--tw-border-spacing-x: 1.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-52 {
--tw-border-spacing-x: 13rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-56 {
--tw-border-spacing-x: 14rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-6 {
--tw-border-spacing-x: 1.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-60 {
--tw-border-spacing-x: 15rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-64 {
--tw-border-spacing-x: 16rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-7 {
--tw-border-spacing-x: 1.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-72 {
--tw-border-spacing-x: 18rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-8 {
--tw-border-spacing-x: 2rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-80 {
--tw-border-spacing-x: 20rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-9 {
--tw-border-spacing-x: 2.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-96 {
--tw-border-spacing-x: 24rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-px {
--tw-border-spacing-x: 1px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-0 {
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-1 {
--tw-border-spacing-y: 0.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-10 {
--tw-border-spacing-y: 2.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-11 {
--tw-border-spacing-y: 2.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-12 {
--tw-border-spacing-y: 3rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-14 {
--tw-border-spacing-y: 3.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-16 {
--tw-border-spacing-y: 4rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-2 {
--tw-border-spacing-y: 0.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-20 {
--tw-border-spacing-y: 5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-24 {
--tw-border-spacing-y: 6rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-28 {
--tw-border-spacing-y: 7rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-3 {
--tw-border-spacing-y: 0.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-32 {
--tw-border-spacing-y: 8rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-36 {
--tw-border-spacing-y: 9rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-4 {
--tw-border-spacing-y: 1rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-40 {
--tw-border-spacing-y: 10rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-44 {
--tw-border-spacing-y: 11rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-48 {
--tw-border-spacing-y: 12rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-5 {
--tw-border-spacing-y: 1.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-52 {
--tw-border-spacing-y: 13rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-56 {
--tw-border-spacing-y: 14rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-6 {
--tw-border-spacing-y: 1.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-60 {
--tw-border-spacing-y: 15rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-64 {
--tw-border-spacing-y: 16rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-7 {
--tw-border-spacing-y: 1.75rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-72 {
--tw-border-spacing-y: 18rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-8 {
--tw-border-spacing-y: 2rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-80 {
--tw-border-spacing-y: 20rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-9 {
--tw-border-spacing-y: 2.25rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-96 {
--tw-border-spacing-y: 24rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-px {
--tw-border-spacing-y: 1px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-px {
--tw-translate-x: -1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-px {
--tw-translate-x: 1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
50% {
opacity: .5;
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-default {
cursor: default;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.touch-none {
touch-action: none;
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.resize {
resize: both;
}
.list-none {
list-style-type: none;
}
.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));
}
.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;
}
.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;
}
.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;
}
.gap-1 {
gap: 0.25rem;
}
.gap-1\.5 {
gap: 0.375rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-4 {
gap: 1rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.text-clip {
text-overflow: clip;
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-wrap {
text-wrap: wrap;
}
.text-nowrap {
text-wrap: nowrap;
}
.text-balance {
text-wrap: balance;
}
.text-pretty {
text-wrap: pretty;
}
.break-words {
overflow-wrap: break-word;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-\[2px\] {
border-radius: 2px;
}
.rounded-\[inherit\] {
border-radius: inherit;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-none {
border-radius: 0px;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-t-\[10px\] {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-8 {
border-width: 8px;
}
.border-\[1\.5px\] {
border-width: 1.5px;
}
.border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.border-x-0 {
border-left-width: 0px;
border-right-width: 0px;
}
.border-x-2 {
border-left-width: 2px;
border-right-width: 2px;
}
.border-x-4 {
border-left-width: 4px;
border-right-width: 4px;
}
.border-x-8 {
border-left-width: 8px;
border-right-width: 8px;
}
.border-y {
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-y-0 {
border-top-width: 0px;
border-bottom-width: 0px;
}
.border-y-2 {
border-top-width: 2px;
border-bottom-width: 2px;
}
.border-y-4 {
border-top-width: 4px;
border-bottom-width: 4px;
}
.border-y-8 {
border-top-width: 8px;
border-bottom-width: 8px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-width: 0px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-b-4 {
border-bottom-width: 4px;
}
.border-b-8 {
border-bottom-width: 8px;
}
.border-e {
border-inline-end-width: 1px;
}
.border-e-0 {
border-inline-end-width: 0px;
}
.border-e-2 {
border-inline-end-width: 2px;
}
.border-e-4 {
border-inline-end-width: 4px;
}
.border-e-8 {
border-inline-end-width: 8px;
}
.border-l {
border-left-width: 1px;
}
.border-l-0 {
border-left-width: 0px;
}
.border-l-2 {
border-left-width: 2px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-l-8 {
border-left-width: 8px;
}
.border-r {
border-right-width: 1px;
}
.border-r-0 {
border-right-width: 0px;
}
.border-r-2 {
border-right-width: 2px;
}
.border-r-4 {
border-right-width: 4px;
}
.border-r-8 {
border-right-width: 8px;
}
.border-s {
border-inline-start-width: 1px;
}
.border-s-0 {
border-inline-start-width: 0px;
}
.border-s-2 {
border-inline-start-width: 2px;
}
.border-s-4 {
border-inline-start-width: 4px;
}
.border-s-8 {
border-inline-start-width: 8px;
}
.border-t {
border-top-width: 1px;
}
.border-t-0 {
border-top-width: 0px;
}
.border-t-2 {
border-top-width: 2px;
}
.border-t-4 {
border-top-width: 4px;
}
.border-t-8 {
border-top-width: 8px;
}
.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-\[--color-border\] {
border-color: var(--color-border);
}
.border-accent {
border-color: var(--accent);
}
.border-accent-foreground {
border-color: var(--accent-foreground);
}
.border-amber-100 {
--tw-border-opacity: 1;
border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200 {
--tw-border-opacity: 1;
border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300 {
--tw-border-opacity: 1;
border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-400 {
--tw-border-opacity: 1;
border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-50 {
--tw-border-opacity: 1;
border-color: rgb(255 251 235 / var(--tw-border-opacity, 1));
}
.border-amber-500 {
--tw-border-opacity: 1;
border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-600 {
--tw-border-opacity: 1;
border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}
.border-amber-700 {
--tw-border-opacity: 1;
border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.border-amber-800 {
--tw-border-opacity: 1;
border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}
.border-amber-900 {
--tw-border-opacity: 1;
border-color: rgb(120 53 15 / var(--tw-border-opacity, 1));
}
.border-amber-950 {
--tw-border-opacity: 1;
border-color: rgb(69 26 3 / var(--tw-border-opacity, 1));
}
.border-background {
border-color: var(--background);
}
.border-bd-brand {
border-color: var(--border-brand);
}
.border-bd-brand-alt {
border-color: var(--border-brand-alt);
}
.border-bd-brand-subtle {
border-color: var(--border-brand-subtle);
}
.border-bd-disabled {
border-color: var(--border-disabled);
}
.border-bd-disabled-subtle {
border-color: var(--border-disabled-subtle);
}
.border-bd-error {
border-color: var(--border-error);
}
.border-bd-error-subtle {
border-color: var(--border-error-subtle);
}
.border-bd-primary {
border-color: var(--border-primary);
}
.border-bd-secondary {
border-color: var(--border-secondary);
}
.border-bd-tertiary {
border-color: var(--border-tertiary);
}
.border-bg-active {
border-color: var(--bg-active);
}
.border-bg-brand-primary {
border-color: var(--bg-brand-primary);
}
.border-bg-brand-primary-alt {
border-color: var(--bg-brand-primary-alt);
}
.border-bg-brand-secondary {
border-color: var(--bg-brand-secondary);
}
.border-bg-brand-section {
border-color: var(--bg-brand-section);
}
.border-bg-brand-section-subtle {
border-color: var(--bg-brand-section-subtle);
}
.border-bg-brand-solid {
border-color: var(--bg-brand-solid);
}
.border-bg-brand-solid-hover {
border-color: var(--bg-brand-solid-hover);
}
.border-bg-disabled {
border-color: var(--bg-disabled);
}
.border-bg-disabled-subtle {
border-color: var(--bg-disabled-subtle);
}
.border-bg-error-primary {
border-color: var(--bg-error-primary);
}
.border-bg-error-secondary {
border-color: var(--bg-error-secondary);
}
.border-bg-error-solid {
border-color: var(--bg-error-solid);
}
.border-bg-overlay {
border-color: var(--bg-overlay);
}
.border-bg-primary {
border-color: var(--bg-primary);
}
.border-bg-primary-alt {
border-color: var(--bg-primary-alt);
}
.border-bg-primary-hover {
border-color: var(--bg-primary-hover);
}
.border-bg-primary-solid {
border-color: var(--bg-primary-solid);
}
.border-bg-quaternary {
border-color: var(--bg-quaternary);
}
.border-bg-secondary {
border-color: var(--bg-secondary);
}
.border-bg-secondary-alt {
border-color: var(--bg-secondary-alt);
}
.border-bg-secondary-hover {
border-color: var(--bg-secondary-hover);
}
.border-bg-secondary-solid {
border-color: var(--bg-secondary-solid);
}
.border-bg-secondary-subtle {
border-color: var(--bg-secondary-subtle);
}
.border-bg-success-primary {
border-color: var(--bg-success-primary);
}
.border-bg-success-secondary {
border-color: var(--bg-success-secondary);
}
.border-bg-success-solid {
border-color: var(--bg-success-solid);
}
.border-bg-tertiary {
border-color: var(--bg-tertiary);
}
.border-bg-warning-primary {
border-color: var(--bg-warning-primary);
}
.border-bg-warning-secondary {
border-color: var(--bg-warning-secondary);
}
.border-bg-warning-solid {
border-color: var(--bg-warning-solid);
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-blue-100 {
--tw-border-opacity: 1;
border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
--tw-border-opacity: 1;
border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-300 {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-blue-400 {
--tw-border-opacity: 1;
border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-50 {
--tw-border-opacity: 1;
border-color: rgb(239 246 255 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-blue-700 {
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.border-blue-800 {
--tw-border-opacity: 1;
border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.border-blue-900 {
--tw-border-opacity: 1;
border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}
.border-blue-950 {
--tw-border-opacity: 1;
border-color: rgb(23 37 84 / var(--tw-border-opacity, 1));
}
.border-border {
border-color: var(--border);
}
.border-card {
border-color: var(--card);
}
.border-card-foreground {
border-color: var(--card-foreground);
}
.border-current {
border-color: currentColor;
}
.border-cyan-100 {
--tw-border-opacity: 1;
border-color: rgb(207 250 254 / var(--tw-border-opacity, 1));
}
.border-cyan-200 {
--tw-border-opacity: 1;
border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}
.border-cyan-300 {
--tw-border-opacity: 1;
border-color: rgb(103 232 249 / var(--tw-border-opacity, 1));
}
.border-cyan-400 {
--tw-border-opacity: 1;
border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
}
.border-cyan-50 {
--tw-border-opacity: 1;
border-color: rgb(236 254 255 / var(--tw-border-opacity, 1));
}
.border-cyan-500 {
--tw-border-opacity: 1;
border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-cyan-600 {
--tw-border-opacity: 1;
border-color: rgb(8 145 178 / var(--tw-border-opacity, 1));
}
.border-cyan-700 {
--tw-border-opacity: 1;
border-color: rgb(14 116 144 / var(--tw-border-opacity, 1));
}
.border-cyan-800 {
--tw-border-opacity: 1;
border-color: rgb(21 94 117 / var(--tw-border-opacity, 1));
}
.border-cyan-900 {
--tw-border-opacity: 1;
border-color: rgb(22 78 99 / var(--tw-border-opacity, 1));
}
.border-cyan-950 {
--tw-border-opacity: 1;
border-color: rgb(8 51 68 / var(--tw-border-opacity, 1));
}
.border-destructive {
border-color: var(--destructive);
}
.border-destructive-foreground {
border-color: var(--destructive-foreground);
}
.border-emerald-100 {
--tw-border-opacity: 1;
border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-200 {
--tw-border-opacity: 1;
border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-300 {
--tw-border-opacity: 1;
border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.border-emerald-400 {
--tw-border-opacity: 1;
border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.border-emerald-50 {
--tw-border-opacity: 1;
border-color: rgb(236 253 245 / var(--tw-border-opacity, 1));
}
.border-emerald-500 {
--tw-border-opacity: 1;
border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-emerald-600 {
--tw-border-opacity: 1;
border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.border-emerald-700 {
--tw-border-opacity: 1;
border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.border-emerald-800 {
--tw-border-opacity: 1;
border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
}
.border-emerald-900 {
--tw-border-opacity: 1;
border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
}
.border-emerald-950 {
--tw-border-opacity: 1;
border-color: rgb(2 44 34 / var(--tw-border-opacity, 1));
}
.border-fg-brand-primary {
border-color: var(--fg-brand-primary);
}
.border-fg-brand-primary-alt {
border-color: var(--fg-brand-primary-alt);
}
.border-fg-brand-secondary {
border-color: var(--fg-brand-secondary);
}
.border-fg-disabled {
border-color: var(--fg-disabled);
}
.border-fg-disabled-subtle {
border-color: var(--fg-disabled-subtle);
}
.border-fg-error-primary {
border-color: var(--fg-error-primary);
}
.border-fg-error-secondary {
border-color: var(--fg-error-secondary);
}
.border-fg-primary {
border-color: var(--fg-primary);
}
.border-fg-quaternary {
border-color: var(--fg-quaternary);
}
.border-fg-quaternary-hover {
border-color: var(--fg-quaternary-hover);
}
.border-fg-quinary {
border-color: var(--fg-quinary);
}
.border-fg-quinary-hover {
border-color: var(--fg-quinary-hover);
}
.border-fg-secondary {
border-color: var(--fg-secondary);
}
.border-fg-secondary-hover {
border-color: var(--fg-secondary-hover);
}
.border-fg-senary {
border-color: var(--fg-senary);
}
.border-fg-success-primary {
border-color: var(--fg-success-primary);
}
.border-fg-success-secondary {
border-color: var(--fg-success-secondary);
}
.border-fg-tertiary {
border-color: var(--fg-tertiary);
}
.border-fg-tertiary-hover {
border-color: var(--fg-tertiary-hover);
}
.border-fg-warning-primary {
border-color: var(--fg-warning-primary);
}
.border-fg-warning-secondary {
border-color: var(--fg-warning-secondary);
}
.border-fg-white {
border-color: var(--fg-white);
}
.border-foreground {
border-color: var(--foreground);
}
.border-fuchsia-100 {
--tw-border-opacity: 1;
border-color: rgb(250 232 255 / var(--tw-border-opacity, 1));
}
.border-fuchsia-200 {
--tw-border-opacity: 1;
border-color: rgb(245 208 254 / var(--tw-border-opacity, 1));
}
.border-fuchsia-300 {
--tw-border-opacity: 1;
border-color: rgb(240 171 252 / var(--tw-border-opacity, 1));
}
.border-fuchsia-400 {
--tw-border-opacity: 1;
border-color: rgb(232 121 249 / var(--tw-border-opacity, 1));
}
.border-fuchsia-50 {
--tw-border-opacity: 1;
border-color: rgb(253 244 255 / var(--tw-border-opacity, 1));
}
.border-fuchsia-500 {
--tw-border-opacity: 1;
border-color: rgb(217 70 239 / var(--tw-border-opacity, 1));
}
.border-fuchsia-600 {
--tw-border-opacity: 1;
border-color: rgb(192 38 211 / var(--tw-border-opacity, 1));
}
.border-fuchsia-700 {
--tw-border-opacity: 1;
border-color: rgb(162 28 175 / var(--tw-border-opacity, 1));
}
.border-fuchsia-800 {
--tw-border-opacity: 1;
border-color: rgb(134 25 143 / var(--tw-border-opacity, 1));
}
.border-fuchsia-900 {
--tw-border-opacity: 1;
border-color: rgb(112 26 117 / var(--tw-border-opacity, 1));
}
.border-fuchsia-950 {
--tw-border-opacity: 1;
border-color: rgb(74 4 78 / var(--tw-border-opacity, 1));
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border