/* localMem:~/react/index.css */
html {
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: var(--system-font);
--lightningcss-light: initial;
--lightningcss-dark: ;
color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
html {
--lightningcss-light: ;
--lightningcss-dark: initial;
}
}
html[data-theme=light] {
--lightningcss-light: initial;
--lightningcss-dark: ;
color-scheme: light;
}
@layer base;
@layer components {
[data-devize=Text] {
color: var(--theme-colors-gray-12);
width: auto;
height: auto;
font-size: var(--theme-fontSizes-md);
min-width: auto;
max-width: 100%;
box-shadow: var(--theme-shadows-none);
text-align: left;
min-height: auto;
max-height: 100%;
font-family: var(--theme-fonts-body);
border-color: var(--theme-colors-gray-4);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
font-weight: 400;
display: inline-flex;
}
[data-devize=Button] {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: var(--theme-radii-md);
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
isolation: isolate;
font-weight: 600;
line-height: 1.2;
font-family: var(--theme-fonts-body);
font-size: var(--theme-fontSizes-md);
color: var(--palette-800);
text-align: center;
width: auto;
height: auto;
min-width: unset;
min-height: unset;
max-width: unset;
max-height: unset;
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border: .0625rem solid rgba(0, 0, 0, 0);
outline: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
padding: .5rem 1rem;
transition-property: all;
transition-duration: .2s;
display: inline-flex;
position: relative;
}
[data-devize=Button][data-size="2xs"] {
min-width: 1.5rem;
height: 1.5rem;
font-size: var(--theme-fontSizes-xs);
gap: .25rem;
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=Button][data-size=xs] {
min-width: 2rem;
height: 2rem;
font-size: var(--theme-fontSizes-xs);
gap: .25rem;
padding-left: .625rem;
padding-right: .625rem;
}
[data-devize=Button][data-size=sm] {
min-width: 2.25rem;
height: 2.25rem;
font-size: var(--theme-fontSizes-sm);
gap: .5rem;
padding-left: .875rem;
padding-right: .875rem;
}
[data-devize=Button][data-size=md] {
min-width: 2.5rem;
height: 2.5rem;
font-size: var(--theme-fontSizes-sm);
gap: .5rem;
padding-left: 1rem;
padding-right: 1rem;
}
[data-devize=Button][data-size=lg] {
min-width: 2.75rem;
height: 2.75rem;
font-size: var(--theme-fontSizes-md);
gap: .75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
[data-devize=Button][data-size=xl] {
min-width: 3rem;
height: 3rem;
font-size: var(--theme-fontSizes-md);
gap: .625rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
[data-devize=Button][data-size="2xl"] {
min-width: 4rem;
height: 4rem;
font-size: var(--theme-fontSizes-lg);
gap: .75rem;
padding-left: 1.75rem;
padding-right: 1.75rem;
}
[data-devize=Button][data-style=solid] {
background-color: var(--palette-solid);
color: var(--palette-contrast);
}
[data-devize=Button][data-style=solid]:hover {
background-color: color-mix(in oklch, var(--palette-solid) 90%, transparent);
}
[data-devize=Button][data-style=subtle] {
background-color: var(--palette-subtle);
color: var(--palette-foreground);
}
[data-devize=Button][data-style=subtle]:hover {
background-color: var(--palette-muted);
}
[data-devize=Button][data-style=surface] {
background-color: var(--palette-subtle);
color: var(--palette-foreground);
box-shadow: 0 0 0rem .0625rem var(--palette-muted);
}
[data-devize=Button][data-style=surface]:hover {
background-color: var(--palette-muted);
}
[data-devize=Button][data-style=outline] {
border-width: .0625rem;
border-color: var(--palette-muted);
color: var(--palette-foreground);
}
[data-devize=Button][data-style=outline]:hover {
background-color: var(--palette-subtle);
}
[data-devize=Button][data-style=ghost] {
color: var(--palette-foreground);
}
[data-devize=Button][data-style=ghost]:hover {
background-color: var(--palette-subtle);
}
[data-devize=Image] {
object-fit: cover;
width: auto;
height: auto;
min-width: unset;
min-height: unset;
max-width: unset;
max-height: unset;
box-shadow: var(--theme-shadows-none);
border-style: solid;
border-width: 0;
border-radius: 0;
}
[data-devize=Icon] {
color: var(--theme-colors-onBackground-11);
font-size: 1.5rem;
}
[data-devize=Feed] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-200);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=Calendar] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
position: relative;
}
[data-devize=CMDK] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=CMDKContent] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=CMDKInput] {
-ms-appearance: none;
appearance: none;
border-radius: var(--theme-radii-md);
background-color: var(--theme-colors-transparent-1);
width: 100%;
min-width: 0;
color: var(--theme-colors-gray-12);
font-family: var(--theme-fonts-body);
border-style: solid;
outline: none;
transition-property: all;
transition-duration: .2s;
position: relative;
}
[data-devize=CMDKInput]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
text-align: left;
}
[data-devize=CMDKInput]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
text-align: right;
}
[data-devize=CMDKInput]:disabled {
opacity: .4;
cursor: not-allowed;
}
[data-devize=CMDKInput][data-size="2xs"] {
height: 1.75rem;
font-size: var(--theme-fontSizes-xs);
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=CMDKInput][data-size=xs] {
height: 2rem;
font-size: var(--theme-fontSizes-xs);
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=CMDKInput][data-size=sm] {
height: 2.25rem;
font-size: var(--theme-fontSizes-sm);
padding-left: .625rem;
padding-right: .625rem;
}
[data-devize=CMDKInput][data-size=md] {
height: 2.5rem;
font-size: var(--theme-fontSizes-sm);
padding-left: .75rem;
padding-right: .75rem;
}
[data-devize=CMDKInput][data-size=lg] {
height: 2.75rem;
font-size: var(--theme-fontSizes-md);
padding-left: 1rem;
padding-right: 1rem;
}
[data-devize=CMDKInput][data-size=xl] {
height: 3rem;
font-size: var(--theme-fontSizes-md);
padding-left: 1.125rem;
padding-right: 1.125rem;
}
[data-devize=CMDKInput][data-size="2xl"] {
height: 4rem;
font-size: var(--theme-fontSizes-lg);
padding-left: 1.25rem;
padding-right: 1.25rem;
}
[data-devize=CMDKInput][data-style=outline] {
border-width: .0625rem;
border-color: var(--theme-colors-semantic-border-default);
background-color: rgba(0, 0, 0, 0);
}
[data-devize=CMDKInput][data-style=outline]:focus-visible {
border-color: var(--theme-colors-semantic-border-emphasized);
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
}
[data-devize=CMDKInput][data-style=subtle] {
background-color: var(--theme-colors-semantic-bg-muted);
border-width: .0625rem;
border-color: rgba(0, 0, 0, 0);
}
[data-devize=CMDKInput][data-style=subtle]:focus-visible {
border-color: var(--theme-colors-semantic-border-emphasized);
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
}
[data-devize=CMDKInput][data-style=flushed] {
border-width: 0 0 .0625rem;
border-color: var(--theme-colors-gray-5);
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
[data-devize=CMDKInput][data-style=flushed]:focus {
border-color: var(--theme-colors-primary-8);
box-shadow: 0 .0625rem 0 0 var(--theme-colors-primary-8);
}
[data-devize=CMDKItem] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=CMDKItem]:focus-visible {
outline: none;
}
[data-devize=CMDKList] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-200);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=CMDKEmpty] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=CMDKEmpty]:focus-visible {
outline: none;
}
[data-devize=Container] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=Container]:focus-visible {
outline: none;
}
[data-devize=ConditionalContainer] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=ConditionalContainer]:focus-visible {
outline: none;
}
[data-devize=Dialog] {
width: 100vw;
height: 100dvh;
z-index: var(--theme-zIndex-modal);
background: rgba(0, 0, 0, .36);
position: fixed;
top: 0;
left: 0;
}
[data-devize=DialogContent] {
width: 100%;
min-width: auto;
max-width: 31.25rem;
height: auto;
min-height: 12.5rem;
max-height: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: var(--theme-spaces-medium);
margin-right: var(--theme-spaces-medium);
border-color: var(--theme-colors-gray-200);
border-radius: var(--theme-radii-md);
box-shadow: var(--theme-shadows-default);
z-index: var(--theme-zIndex-modal);
background-color: #fff;
border-style: solid;
border-width: 0;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
[data-devize=DialogTrigger],
[data-devize=DialogClose] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=DropdownMenuContent] {
width: 15rem;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-default);
background-color: #fff;
border-style: solid;
border-width: 0;
border-radius: .3125rem;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: .5rem;
display: flex;
}
[data-devize=DropdownMenuTrigger] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=DropdownMenuTrigger]:focus-visible {
outline: none;
}
[data-devize=DropdownMenuItem] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=DropdownMenuItem]:focus-visible {
outline: none;
}
[data-devize=DropdownMenuSubContent] {
width: 15rem;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-default);
background-color: #fff;
border-style: solid;
border-width: 0;
border-radius: .3125rem;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: .5rem;
display: flex;
}
[data-devize=DropdownMenuSubTrigger] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=DropdownMenuSubTrigger]:focus-visible {
outline: none;
}
[data-devize=ContextContent] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-default);
background-color: #fff;
border-style: solid;
border-width: 0;
border-radius: .3125rem;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: .5rem;
display: flex;
}
[data-devize=ContextTrigger] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=Modal] {
width: 100%;
min-width: auto;
max-width: 31.25rem;
height: auto;
min-height: 12.5rem;
max-height: auto;
margin-top: var(--theme-spaces-large);
margin-bottom: var(--theme-spaces-large);
margin-left: var(--theme-spaces-medium);
margin-right: var(--theme-spaces-medium);
border-color: var(--theme-colors-gray-200);
border-radius: var(--theme-radii-md);
box-shadow: var(--theme-shadows-default);
background-color: #fff;
border-style: solid;
border-width: 0;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
[data-devize=Link] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-200);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=FileUpload] {
font-family: var(--theme-fonts-body);
font-weight: 600;
font-size: var(--theme-fontSizes-md);
color: var(--theme-colors-gray-12);
text-align: center;
width: auto;
min-width: 18.75rem;
height: auto;
min-height: 12.5rem;
max-width: unset;
max-height: unset;
border-color: var(--theme-colors-gray-4);
border-radius: var(--theme-radii-md);
background-color: var(--theme-colors-gray-3);
box-shadow: var(--theme-shadows-none);
cursor: pointer;
border-style: dashed;
border-width: .125rem;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
gap: .5rem;
padding: .5rem 1rem;
display: inline-flex;
}
[data-devize=Input] {
-ms-appearance: none;
appearance: none;
border-radius: var(--theme-radii-md);
background-color: var(--theme-colors-transparent-1);
width: 100%;
min-width: 0;
color: var(--theme-colors-gray-12);
font-family: var(--theme-fonts-body);
border-style: solid;
outline: none;
transition-property: all;
transition-duration: .2s;
position: relative;
}
[data-devize=Input]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
text-align: left;
}
[data-devize=Input]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
text-align: right;
}
[data-devize=Input]:disabled {
opacity: .4;
cursor: not-allowed;
}
[data-devize=Input][data-size="2xs"] {
height: 1.75rem;
font-size: var(--theme-fontSizes-xs);
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=Input][data-size=xs] {
height: 2rem;
font-size: var(--theme-fontSizes-xs);
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=Input][data-size=sm] {
height: 2.25rem;
font-size: var(--theme-fontSizes-sm);
padding-left: .625rem;
padding-right: .625rem;
}
[data-devize=Input][data-size=md] {
height: 2.5rem;
font-size: var(--theme-fontSizes-sm);
padding-left: .75rem;
padding-right: .75rem;
}
[data-devize=Input][data-size=lg] {
height: 2.75rem;
font-size: var(--theme-fontSizes-md);
padding-left: 1rem;
padding-right: 1rem;
}
[data-devize=Input][data-size=xl] {
height: 3rem;
font-size: var(--theme-fontSizes-md);
padding-left: 1.125rem;
padding-right: 1.125rem;
}
[data-devize=Input][data-size="2xl"] {
height: 4rem;
font-size: var(--theme-fontSizes-lg);
padding-left: 1.25rem;
padding-right: 1.25rem;
}
[data-devize=Input][data-style=outline] {
border-width: .0625rem;
border-color: var(--theme-colors-semantic-border-default);
background-color: rgba(0, 0, 0, 0);
}
[data-devize=Input][data-style=outline]:focus-visible {
border-color: var(--theme-colors-semantic-border-emphasized);
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
}
[data-devize=Input][data-style=subtle] {
background-color: var(--theme-colors-semantic-bg-muted);
border-width: .0625rem;
border-color: rgba(0, 0, 0, 0);
}
[data-devize=Input][data-style=subtle]:focus-visible {
border-color: var(--theme-colors-semantic-border-emphasized);
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
}
[data-devize=Input][data-style=flushed] {
border-width: 0 0 .0625rem;
border-color: var(--theme-colors-gray-5);
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
[data-devize=Input][data-style=flushed]:focus {
border-color: var(--theme-colors-primary-8);
box-shadow: 0 .0625rem 0 0 var(--theme-colors-primary-8);
}
[data-devize=List] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-200);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=Outlet] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=Form] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-200);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=PopoverContent] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-default);
background-color: #fff;
border-style: solid;
border-width: 0;
border-radius: .3125rem;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: .5rem;
display: flex;
}
[data-devize=PopoverTrigger] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=Select] {
-ms-appearance: none;
appearance: none;
border-radius: var(--theme-radii-md);
background-color: var(--theme-colors-transparent-1);
width: 100%;
min-width: 0;
color: var(--theme-colors-gray-12);
font-family: var(--theme-fonts-body);
border-style: solid;
outline: none;
transition-property: all;
transition-duration: .2s;
position: relative;
}
[data-devize=Select]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
text-align: left;
}
[data-devize=Select]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
text-align: right;
}
[data-devize=Select]:disabled {
opacity: .4;
cursor: not-allowed;
}
[data-devize=Select][data-size="2xs"] {
height: 1.75rem;
font-size: var(--theme-fontSizes-xs);
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=Select][data-size=xs] {
height: 2rem;
font-size: var(--theme-fontSizes-xs);
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=Select][data-size=sm] {
height: 2.25rem;
font-size: var(--theme-fontSizes-sm);
padding-left: .625rem;
padding-right: .625rem;
}
[data-devize=Select][data-size=md] {
height: 2.5rem;
font-size: var(--theme-fontSizes-sm);
padding-left: .75rem;
padding-right: .75rem;
}
[data-devize=Select][data-size=lg] {
height: 2.75rem;
font-size: var(--theme-fontSizes-md);
padding-left: 1rem;
padding-right: 1rem;
}
[data-devize=Select][data-size=xl] {
height: 3rem;
font-size: var(--theme-fontSizes-md);
padding-left: 1.125rem;
padding-right: 1.125rem;
}
[data-devize=Select][data-size="2xl"] {
height: 4rem;
font-size: var(--theme-fontSizes-lg);
padding-left: 1.25rem;
padding-right: 1.25rem;
}
[data-devize=Select][data-style=outline] {
border-width: .0625rem;
border-color: var(--theme-colors-semantic-border-default);
background-color: rgba(0, 0, 0, 0);
}
[data-devize=Select][data-style=outline]:focus-visible {
border-color: var(--theme-colors-semantic-border-emphasized);
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
}
[data-devize=Select][data-style=subtle] {
background-color: var(--theme-colors-semantic-bg-muted);
border-width: .0625rem;
border-color: rgba(0, 0, 0, 0);
}
[data-devize=Select][data-style=subtle]:focus-visible {
border-color: var(--theme-colors-semantic-border-emphasized);
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
}
[data-devize=Select][data-style=flushed] {
border-width: 0 0 .0625rem;
border-color: var(--theme-colors-gray-5);
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
[data-devize=Select][data-style=flushed]:focus {
border-color: var(--theme-colors-primary-8);
box-shadow: 0 .0625rem 0 0 var(--theme-colors-primary-8);
}
[data-devize=ScrollContainer] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-200);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=Turnstile] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
[data-devize=NumberInput] {
-ms-appearance: none;
appearance: none;
border-radius: var(--theme-radii-md);
background-color: var(--theme-colors-transparent-1);
width: 100%;
min-width: 0;
color: var(--theme-colors-gray-12);
font-family: var(--theme-fonts-body);
border-style: solid;
outline: none;
transition-property: all;
transition-duration: .2s;
position: relative;
}
[data-devize=NumberInput]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
text-align: left;
}
[data-devize=NumberInput]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
text-align: right;
}
[data-devize=NumberInput]:disabled {
opacity: .4;
cursor: not-allowed;
}
[data-devize=NumberInput][data-size="2xs"] {
height: 1.75rem;
font-size: var(--theme-fontSizes-xs);
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=NumberInput][data-size=xs] {
height: 2rem;
font-size: var(--theme-fontSizes-xs);
padding-left: .5rem;
padding-right: .5rem;
}
[data-devize=NumberInput][data-size=sm] {
height: 2.25rem;
font-size: var(--theme-fontSizes-sm);
padding-left: .625rem;
padding-right: .625rem;
}
[data-devize=NumberInput][data-size=md] {
height: 2.5rem;
font-size: var(--theme-fontSizes-sm);
padding-left: .75rem;
padding-right: .75rem;
}
[data-devize=NumberInput][data-size=lg] {
height: 2.75rem;
font-size: var(--theme-fontSizes-md);
padding-left: 1rem;
padding-right: 1rem;
}
[data-devize=NumberInput][data-size=xl] {
height: 3rem;
font-size: var(--theme-fontSizes-md);
padding-left: 1.125rem;
padding-right: 1.125rem;
}
[data-devize=NumberInput][data-size="2xl"] {
height: 4rem;
font-size: var(--theme-fontSizes-lg);
padding-left: 1.25rem;
padding-right: 1.25rem;
}
[data-devize=NumberInput][data-style=outline] {
border-width: .0625rem;
border-color: var(--theme-colors-semantic-border-default);
background-color: rgba(0, 0, 0, 0);
}
[data-devize=NumberInput][data-style=outline]:focus-visible {
border-color: var(--theme-colors-semantic-border-emphasized);
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
}
[data-devize=NumberInput][data-style=subtle] {
background-color: var(--theme-colors-semantic-bg-muted);
border-width: .0625rem;
border-color: rgba(0, 0, 0, 0);
}
[data-devize=NumberInput][data-style=subtle]:focus-visible {
border-color: var(--theme-colors-semantic-border-emphasized);
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
}
[data-devize=NumberInput][data-style=flushed] {
border-width: 0 0 .0625rem;
border-color: var(--theme-colors-gray-5);
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
[data-devize=NumberInput][data-style=flushed]:focus {
border-color: var(--theme-colors-primary-8);
box-shadow: 0 .0625rem 0 0 var(--theme-colors-primary-8);
}
[data-devize=Table] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: table;
}
[data-devize=TableRows] {
background-color: rgba(0, 0, 0, 0);
}
[data-devize=TableCell] {
text-align: left;
border-color: var(--theme-colors-gray-4);
border-style: solid;
border-width: 0 0 .0625rem;
border-radius: 0;
padding: .5rem;
}
[data-devize=TableColumn] {
border-color: var(--theme-colors-gray-4);
text-align: left;
border-style: solid;
border-width: 0 0 .0625rem;
border-radius: 0;
width: auto;
min-width: 5rem;
max-width: 25rem;
padding: .5rem;
}
[data-devize=Textarea] {
border-color: var(--theme-colors-gray-5);
resize: none;
color: var(--theme-colors-gray-12);
width: auto;
height: auto;
font-size: var(--theme-fontSizes-md);
min-width: auto;
max-width: 100%;
box-shadow: var(--theme-shadows-none);
text-align: left;
min-height: auto;
max-height: 100%;
font-family: var(--theme-fonts-body);
font-weight: var(--theme-fontWeights-normal);
background-color: #fff;
border-style: solid;
border-width: .0625rem;
border-radius: .3125rem;
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: .5rem;
display: inline-flex;
}
[data-devize=HTML],
[data-devize=Markdown],
[data-devize=MarkdownEditor] {
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-width: auto;
max-height: auto;
border-color: var(--theme-colors-gray-2);
box-shadow: var(--theme-shadows-none);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0;
border-radius: 0;
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
gap: 0;
padding: 0;
display: flex;
}
}
@layer theme {
:root {
--theme-colors-blue-50: oklch(.97 .014 254.604);
--theme-colors-blue-100: oklch(.932 .032 255.585);
--theme-colors-blue-200: oklch(.882 .059 254.128);
--theme-colors-blue-300: oklch(.809 .105 251.813);
--theme-colors-blue-400: oklch(.707 .165 254.624);
--theme-colors-blue-500: oklch(.623 .214 259.815);
--theme-colors-blue-600: oklch(.546 .245 262.881);
--theme-colors-blue-700: oklch(.488 .243 264.376);
--theme-colors-blue-800: oklch(.424 .199 265.638);
--theme-colors-blue-900: oklch(.379 .146 265.522);
--theme-colors-blue-950: oklch(.282 .091 267.935);
--theme-colors-blue-contrast: var(--lightningcss-light, var(--theme-colors-blue-50)) var(--lightningcss-dark, var(--theme-colors-blue-50));
--theme-colors-blue-foreground: var(--lightningcss-light, var(--theme-colors-blue-800)) var(--lightningcss-dark, var(--theme-colors-blue-400));
--theme-colors-blue-subtle: var(--lightningcss-light, var(--theme-colors-blue-200)) var(--lightningcss-dark, var(--theme-colors-blue-900));
--theme-colors-blue-muted: var(--lightningcss-light, var(--theme-colors-blue-300)) var(--lightningcss-dark, var(--theme-colors-blue-800));
--theme-colors-blue-emphasized: var(--lightningcss-light, var(--theme-colors-blue-400)) var(--lightningcss-dark, var(--theme-colors-blue-700));
--theme-colors-blue-solid: var(--lightningcss-light, var(--theme-colors-blue-600)) var(--lightningcss-dark, var(--theme-colors-blue-600));
--theme-colors-green-50: oklch(.982 .018 155.826);
--theme-colors-green-100: oklch(.962 .044 156.743);
--theme-colors-green-200: oklch(.925 .084 155.995);
--theme-colors-green-300: oklch(.871 .15 154.449);
--theme-colors-green-400: oklch(.792 .209 151.711);
--theme-colors-green-500: oklch(.723 .219 149.579);
--theme-colors-green-600: oklch(.627 .194 149.214);
--theme-colors-green-700: oklch(.527 .154 150.069);
--theme-colors-green-800: oklch(.448 .119 151.328);
--theme-colors-green-900: oklch(.393 .095 152.535);
--theme-colors-green-950: oklch(.266 .065 152.934);
--theme-colors-green-contrast: var(--lightningcss-light, var(--theme-colors-green-50)) var(--lightningcss-dark, var(--theme-colors-green-50));
--theme-colors-green-foreground: var(--lightningcss-light, var(--theme-colors-green-800)) var(--lightningcss-dark, var(--theme-colors-green-400));
--theme-colors-green-subtle: var(--lightningcss-light, var(--theme-colors-green-200)) var(--lightningcss-dark, var(--theme-colors-green-900));
--theme-colors-green-muted: var(--lightningcss-light, var(--theme-colors-green-300)) var(--lightningcss-dark, var(--theme-colors-green-800));
--theme-colors-green-emphasized: var(--lightningcss-light, var(--theme-colors-green-400)) var(--lightningcss-dark, var(--theme-colors-green-700));
--theme-colors-green-solid: var(--lightningcss-light, var(--theme-colors-green-600)) var(--lightningcss-dark, var(--theme-colors-green-600));
--theme-colors-red-50: oklch(.971 .013 17.38);
--theme-colors-red-100: oklch(.936 .032 17.717);
--theme-colors-red-200: oklch(.885 .062 18.334);
--theme-colors-red-300: oklch(.808 .114 19.571);
--theme-colors-red-400: oklch(.704 .191 22.216);
--theme-colors-red-500: oklch(.637 .237 25.331);
--theme-colors-red-600: oklch(.577 .245 27.325);
--theme-colors-red-700: oklch(.505 .213 27.518);
--theme-colors-red-800: oklch(.444 .177 26.899);
--theme-colors-red-900: oklch(.396 .141 25.723);
--theme-colors-red-950: oklch(.258 .092 26.042);
--theme-colors-red-contrast: var(--lightningcss-light, var(--theme-colors-red-50)) var(--lightningcss-dark, var(--theme-colors-red-50));
--theme-colors-red-foreground: var(--lightningcss-light, var(--theme-colors-red-800)) var(--lightningcss-dark, var(--theme-colors-red-400));
--theme-colors-red-subtle: var(--lightningcss-light, var(--theme-colors-red-200)) var(--lightningcss-dark, var(--theme-colors-red-900));
--theme-colors-red-muted: var(--lightningcss-light, var(--theme-colors-red-300)) var(--lightningcss-dark, var(--theme-colors-red-800));
--theme-colors-red-emphasized: var(--lightningcss-light, var(--theme-colors-red-400)) var(--lightningcss-dark, var(--theme-colors-red-700));
--theme-colors-red-solid: var(--lightningcss-light, var(--theme-colors-red-600)) var(--lightningcss-dark, var(--theme-colors-red-600));
--theme-colors-gray-50: oklch(.985 .002 247.839);
--theme-colors-gray-100: oklch(.967 .003 264.542);
--theme-colors-gray-200: oklch(.928 .006 264.531);
--theme-colors-gray-300: oklch(.872 .01 258.338);
--theme-colors-gray-400: oklch(.707 .022 261.325);
--theme-colors-gray-500: oklch(.551 .027 264.364);
--theme-colors-gray-600: oklch(.446 .03 256.802);
--theme-colors-gray-700: oklch(.373 .034 259.733);
--theme-colors-gray-800: oklch(.278 .033 256.848);
--theme-colors-gray-900: oklch(.21 .034 264.665);
--theme-colors-gray-950: oklch(.13 .028 261.692);
--theme-colors-gray-contrast: var(--lightningcss-light, var(--theme-colors-gray-50)) var(--lightningcss-dark, var(--theme-colors-gray-950));
--theme-colors-gray-foreground: var(--lightningcss-light, var(--theme-colors-gray-900)) var(--lightningcss-dark, var(--theme-colors-gray-400));
--theme-colors-gray-subtle: var(--lightningcss-light, var(--theme-colors-gray-200)) var(--lightningcss-dark, var(--theme-colors-gray-900));
--theme-colors-gray-muted: var(--lightningcss-light, var(--theme-colors-gray-300)) var(--lightningcss-dark, var(--theme-colors-gray-800));
--theme-colors-gray-emphasized: var(--lightningcss-light, var(--theme-colors-gray-400)) var(--lightningcss-dark, var(--theme-colors-gray-700));
--theme-colors-gray-solid: var(--lightningcss-light, var(--theme-colors-gray-900)) var(--lightningcss-dark, var(--theme-colors-gray-50));
--theme-colors-purple-50: oklch(.977 .014 308.299);
--theme-colors-purple-100: oklch(.946 .033 307.174);
--theme-colors-purple-200: oklch(.902 .063 306.703);
--theme-colors-purple-300: oklch(.827 .119 306.383);
--theme-colors-purple-400: oklch(.714 .203 305.504);
--theme-colors-purple-500: oklch(.627 .265 303.9);
--theme-colors-purple-600: oklch(.558 .288 302.321);
--theme-colors-purple-700: oklch(.496 .265 301.924);
--theme-colors-purple-800: oklch(.438 .218 303.724);
--theme-colors-purple-900: oklch(.381 .176 304.987);
--theme-colors-purple-950: oklch(.291 .149 302.717);
--theme-colors-purple-contrast: var(--lightningcss-light, var(--theme-colors-purple-50)) var(--lightningcss-dark, var(--theme-colors-purple-50));
--theme-colors-purple-foreground: var(--lightningcss-light, var(--theme-colors-purple-800)) var(--lightningcss-dark, var(--theme-colors-purple-400));
--theme-colors-purple-subtle: var(--lightningcss-light, var(--theme-colors-purple-200)) var(--lightningcss-dark, var(--theme-colors-purple-900));
--theme-colors-purple-muted: var(--lightningcss-light, var(--theme-colors-purple-300)) var(--lightningcss-dark, var(--theme-colors-purple-800));
--theme-colors-purple-emphasized: var(--lightningcss-light, var(--theme-colors-purple-400)) var(--lightningcss-dark, var(--theme-colors-purple-700));
--theme-colors-purple-solid: var(--lightningcss-light, var(--theme-colors-purple-600)) var(--lightningcss-dark, var(--theme-colors-purple-600));
--theme-colors-orange-50: oklch(.98 .016 73.684);
--theme-colors-orange-100: oklch(.954 .038 75.164);
--theme-colors-orange-200: oklch(.901 .076 70.697);
--theme-colors-orange-300: oklch(.837 .128 66.29);
--theme-colors-orange-400: oklch(.75 .183 55.934);
--theme-colors-orange-500: oklch(.705 .213 47.604);
--theme-colors-orange-600: oklch(.646 .222 41.116);
--theme-colors-orange-700: oklch(.553 .195 38.402);
--theme-colors-orange-800: oklch(.47 .157 37.304);
--theme-colors-orange-900: oklch(.408 .123 38.172);
--theme-colors-orange-950: oklch(.266 .079 36.259);
--theme-colors-orange-contrast: var(--lightningcss-light, var(--theme-colors-orange-50)) var(--lightningcss-dark, var(--theme-colors-orange-950));
--theme-colors-orange-foreground: var(--lightningcss-light, var(--theme-colors-orange-800)) var(--lightningcss-dark, var(--theme-colors-orange-400));
--theme-colors-orange-subtle: var(--lightningcss-light, var(--theme-colors-orange-200)) var(--lightningcss-dark, var(--theme-colors-orange-900));
--theme-colors-orange-muted: var(--lightningcss-light, var(--theme-colors-orange-300)) var(--lightningcss-dark, var(--theme-colors-orange-800));
--theme-colors-orange-emphasized: var(--lightningcss-light, var(--theme-colors-orange-400)) var(--lightningcss-dark, var(--theme-colors-orange-700));
--theme-colors-orange-solid: var(--lightningcss-light, var(--theme-colors-orange-600)) var(--lightningcss-dark, var(--theme-colors-orange-500));
--theme-colors-brand-50: oklch(.97 .014 254.604);
--theme-colors-brand-100: oklch(.932 .032 255.585);
--theme-colors-brand-200: oklch(.882 .059 254.128);
--theme-colors-brand-300: oklch(.809 .105 251.813);
--theme-colors-brand-400: oklch(.707 .165 254.624);
--theme-colors-brand-500: oklch(.623 .214 259.815);
--theme-colors-brand-600: oklch(.546 .245 262.881);
--theme-colors-brand-700: oklch(.488 .243 264.376);
--theme-colors-brand-800: oklch(.424 .199 265.638);
--theme-colors-brand-900: oklch(.379 .146 265.522);
--theme-colors-brand-950: oklch(.282 .091 267.935);
--theme-colors-brand-contrast: var(--lightningcss-light, var(--theme-colors-blue-50)) var(--lightningcss-dark, var(--theme-colors-blue-50));
--theme-colors-brand-foreground: var(--lightningcss-light, var(--theme-colors-blue-800)) var(--lightningcss-dark, var(--theme-colors-blue-400));
--theme-colors-brand-subtle: var(--lightningcss-light, var(--theme-colors-blue-200)) var(--lightningcss-dark, var(--theme-colors-blue-900));
--theme-colors-brand-muted: var(--lightningcss-light, var(--theme-colors-blue-300)) var(--lightningcss-dark, var(--theme-colors-blue-800));
--theme-colors-brand-emphasized: var(--lightningcss-light, var(--theme-colors-blue-400)) var(--lightningcss-dark, var(--theme-colors-blue-700));
--theme-colors-brand-solid: var(--lightningcss-light, var(--theme-colors-blue-600)) var(--lightningcss-dark, var(--theme-colors-blue-600));
--theme-colors-accent-50: oklch(.982 .018 155.826);
--theme-colors-accent-100: oklch(.962 .044 156.743);
--theme-colors-accent-200: oklch(.925 .084 155.995);
--theme-colors-accent-300: oklch(.871 .15 154.449);
--theme-colors-accent-400: oklch(.792 .209 151.711);
--theme-colors-accent-500: oklch(.723 .219 149.579);
--theme-colors-accent-600: oklch(.627 .194 149.214);
--theme-colors-accent-700: oklch(.527 .154 150.069);
--theme-colors-accent-800: oklch(.448 .119 151.328);
--theme-colors-accent-900: oklch(.393 .095 152.535);
--theme-colors-accent-950: oklch(.266 .065 152.934);
--theme-colors-accent-contrast: var(--lightningcss-light, var(--theme-colors-green-50)) var(--lightningcss-dark, var(--theme-colors-green-50));
--theme-colors-accent-foreground: var(--lightningcss-light, var(--theme-colors-green-800)) var(--lightningcss-dark, var(--theme-colors-green-400));
--theme-colors-accent-subtle: var(--lightningcss-light, var(--theme-colors-green-200)) var(--lightningcss-dark, var(--theme-colors-green-900));
--theme-colors-accent-muted: var(--lightningcss-light, var(--theme-colors-green-300)) var(--lightningcss-dark, var(--theme-colors-green-800));
--theme-colors-accent-emphasized: var(--lightningcss-light, var(--theme-colors-green-400)) var(--lightningcss-dark, var(--theme-colors-green-700));
--theme-colors-accent-solid: var(--lightningcss-light, var(--theme-colors-green-600)) var(--lightningcss-dark, var(--theme-colors-green-600));
--theme-colors-neutral-50: oklch(.985 .002 247.839);
--theme-colors-neutral-100: oklch(.967 .003 264.542);
--theme-colors-neutral-200: oklch(.928 .006 264.531);
--theme-colors-neutral-300: oklch(.872 .01 258.338);
--theme-colors-neutral-400: oklch(.707 .022 261.325);
--theme-colors-neutral-500: oklch(.551 .027 264.364);
--theme-colors-neutral-600: oklch(.446 .03 256.802);
--theme-colors-neutral-700: oklch(.373 .034 259.733);
--theme-colors-neutral-800: oklch(.278 .033 256.848);
--theme-colors-neutral-900: oklch(.21 .034 264.665);
--theme-colors-neutral-950: oklch(.13 .028 261.692);
--theme-colors-neutral-contrast: var(--lightningcss-light, var(--theme-colors-gray-50)) var(--lightningcss-dark, var(--theme-colors-gray-950));
--theme-colors-neutral-foreground: var(--lightningcss-light, var(--theme-colors-gray-900)) var(--lightningcss-dark, var(--theme-colors-gray-400));
--theme-colors-neutral-subtle: var(--lightningcss-light, var(--theme-colors-gray-200)) var(--lightningcss-dark, var(--theme-colors-gray-900));
--theme-colors-neutral-muted: var(--lightningcss-light, var(--theme-colors-gray-300)) var(--lightningcss-dark, var(--theme-colors-gray-800));
--theme-colors-neutral-emphasized: var(--lightningcss-light, var(--theme-colors-gray-400)) var(--lightningcss-dark, var(--theme-colors-gray-700));
--theme-colors-neutral-solid: var(--lightningcss-light, var(--theme-colors-gray-900)) var(--lightningcss-dark, var(--theme-colors-gray-50));
--theme-colors-semantic-bg-default: var(--lightningcss-light, #fff) var(--lightningcss-dark, #000);
--theme-colors-semantic-bg-subtle: var(--lightningcss-light, var(--theme-colors-neutral-50)) var(--lightningcss-dark, var(--theme-colors-neutral-950));
--theme-colors-semantic-bg-muted: var(--lightningcss-light, var(--theme-colors-neutral-100)) var(--lightningcss-dark, var(--theme-colors-neutral-900));
--theme-colors-semantic-bg-emphasized: var(--lightningcss-light, var(--theme-colors-neutral-200)) var(--lightningcss-dark, var(--theme-colors-neutral-800));
--theme-colors-semantic-bg-brand: var(--lightningcss-light, var(--theme-colors-brand-50)) var(--lightningcss-dark, var(--theme-colors-brand-950));
--theme-colors-semantic-bg-accent: var(--lightningcss-light, var(--theme-colors-accent-50)) var(--lightningcss-dark, var(--theme-colors-accent-950));
--theme-colors-semantic-border-default: var(--lightningcss-light, var(--theme-colors-neutral-200)) var(--lightningcss-dark, var(--theme-colors-neutral-800));
--theme-colors-semantic-border-subtle: var(--lightningcss-light, var(--theme-colors-neutral-50)) var(--lightningcss-dark, var(--theme-colors-neutral-950));
--theme-colors-semantic-border-muted: var(--lightningcss-light, var(--theme-colors-neutral-100)) var(--lightningcss-dark, var(--theme-colors-neutral-900));
--theme-colors-semantic-border-emphasized: var(--lightningcss-light, var(--theme-colors-neutral-300)) var(--lightningcss-dark, var(--theme-colors-neutral-700));
--theme-colors-semantic-border-brand: var(--lightningcss-light, var(--theme-colors-brand-200)) var(--lightningcss-dark, var(--theme-colors-brand-800));
--theme-colors-semantic-border-accent: var(--lightningcss-light, var(--theme-colors-accent-200)) var(--lightningcss-dark, var(--theme-colors-accent-800));
--theme-colors-semantic-fg-default: var(--lightningcss-light, black) var(--lightningcss-dark, var(--theme-colors-neutral-50));
--theme-colors-semantic-fg-subtle: var(--lightningcss-light, var(--theme-colors-neutral-400)) var(--lightningcss-dark, var(--theme-colors-neutral-500));
--theme-colors-semantic-fg-muted: var(--lightningcss-light, var(--theme-colors-neutral-600)) var(--lightningcss-dark, var(--theme-colors-neutral-400));
--theme-colors-semantic-fg-brand: var(--lightningcss-light, var(--theme-colors-brand-500)) var(--lightningcss-dark, var(--theme-colors-brand-400));
--theme-colors-semantic-fg-accent: var(--lightningcss-light, var(--theme-colors-accent-500)) var(--lightningcss-dark, var(--theme-colors-accent-400));
--theme-fonts-header: var(--system-font);
--theme-fonts-body: inherit;
--theme-fonts-monospace: var(--system-font);
--theme-fontSizes-xs: .75rem;
--theme-fontSizes-sm: .875rem;
--theme-fontSizes-md: 1rem;
--theme-fontSizes-lg: 1.125rem;
--theme-fontSizes-xl: 1.25rem;
--theme-fontSizes-2xl: 1.5rem;
--theme-fontSizes-3xl: 1.875rem;
--theme-fontSizes-4xl: 2.25rem;
--theme-fontSizes-5xl: 3rem;
--theme-fontSizes-6xl: 3.75rem;
--theme-fontSizes-7xl: 4.5rem;
--theme-fontSizes-8xl: 6rem;
--theme-fontSizes-9xl: 8rem;
--theme-letterSpacings-tighter: -.05em;
--theme-letterSpacings-tight: -.025em;
--theme-letterSpacings-normal: 0;
--theme-letterSpacings-wide: .025em;
--theme-letterSpacings-wider: .05em;
--theme-letterSpacings-widest: .1em;
--theme-lineHeights-normal: normal;
--theme-lineHeights-none: 1;
--theme-lineHeights-shorter: 1.25;
--theme-lineHeights-short: 1.375;
--theme-lineHeights-base: 1.5;
--theme-lineHeights-tall: 1.625;
--theme-lineHeights-taller: 2;
--theme-radii-none: 0;
--theme-radii-xs: .125rem;
--theme-radii-small: .25rem;
--theme-radii-md: .375rem;
--theme-radii-large: .5rem;
--theme-radii-xl: .75rem;
--theme-radii-2xl: 1rem;
--theme-radii-3xl: 1.5rem;
--theme-radii-full: 624.938rem;
--theme-shadows-small: 0 .0625rem .125rem 0 rgba(0, 0, 0, .05);
--theme-shadows-default: 0 .0625rem .1875rem 0 rgba(0, 0, 0, .1), 0 .0625rem .125rem 0 rgba(0, 0, 0, .06);
--theme-shadows-large: 0 .625rem .9375rem -.1875rem rgba(0, 0, 0, .1), 0 .25rem .375rem -.125rem rgba(0, 0, 0, .05);
--theme-shadows-outline: 0 0 0 .1875rem rgba(66, 153, 225, .6);
--theme-sizes-full: 87.5rem;
--theme-sizes-wide: 68.75rem;
--theme-sizes-layout: 61.25rem;
--theme-sizes-copy: 36.25rem;
--theme-sizes-narrow: 26.25rem;
--theme-sizes-mobile: 22.5rem;
--theme-spaces-none: 0rem;
--theme-spaces-xxsmall: .125rem;
--theme-spaces-xsmall: .25rem;
--theme-spaces-small: .5rem;
--theme-spaces-medium: 1rem;
--theme-spaces-large: 2rem;
--theme-spaces-xlarge: 4rem;
--theme-spaces-xxlarge: 8rem;
--theme-zIndex-hide: -1;
--theme-zIndex-base: 0;
--theme-zIndex-docked: 10;
--theme-zIndex-dropdown: 1000;
--theme-zIndex-sticky: 1100;
--theme-zIndex-banner: 1200;
--theme-zIndex-overlay: 1300;
--theme-zIndex-modal: 1400;
--theme-zIndex-popover: 1500;
--theme-zIndex-skipLink: 1600;
--theme-zIndex-toast: 1700;
--theme-zIndex-tooltip: 1800;
--theme-id: eb7ad0a6-03b2-4b54-b4d0-9f96b9a656e8;
--theme-branchId: 4a254124-3724-4219-9545-fe314b9c8b59;
}
[data-palette=blue] {
--palette-50: var(--theme-colors-blue-50);
--palette-100: var(--theme-colors-blue-100);
--palette-200: var(--theme-colors-blue-200);
--palette-300: var(--theme-colors-blue-300);
--palette-400: var(--theme-colors-blue-400);
--palette-500: var(--theme-colors-blue-500);
--palette-600: var(--theme-colors-blue-600);
--palette-700: var(--theme-colors-blue-700);
--palette-800: var(--theme-colors-blue-800);
--palette-900: var(--theme-colors-blue-900);
--palette-950: var(--theme-colors-blue-950);
--palette-contrast: var(--theme-colors-blue-contrast);
--palette-foreground: var(--theme-colors-blue-foreground);
--palette-subtle: var(--theme-colors-blue-subtle);
--palette-muted: var(--theme-colors-blue-muted);
--palette-emphasized: var(--theme-colors-blue-emphasized);
--palette-solid: var(--theme-colors-blue-solid);
}
[data-palette=green] {
--palette-50: var(--theme-colors-green-50);
--palette-100: var(--theme-colors-green-100);
--palette-200: var(--theme-colors-green-200);
--palette-300: var(--theme-colors-green-300);
--palette-400: var(--theme-colors-green-400);
--palette-500: var(--theme-colors-green-500);
--palette-600: var(--theme-colors-green-600);
--palette-700: var(--theme-colors-green-700);
--palette-800: var(--theme-colors-green-800);
--palette-900: var(--theme-colors-green-900);
--palette-950: var(--theme-colors-green-950);
--palette-contrast: var(--theme-colors-green-contrast);
--palette-foreground: var(--theme-colors-green-foreground);
--palette-subtle: var(--theme-colors-green-subtle);
--palette-muted: var(--theme-colors-green-muted);
--palette-emphasized: var(--theme-colors-green-emphasized);
--palette-solid: var(--theme-colors-green-solid);
}
[data-palette=red] {
--palette-50: var(--theme-colors-red-50);
--palette-100: var(--theme-colors-red-100);
--palette-200: var(--theme-colors-red-200);
--palette-300: var(--theme-colors-red-300);
--palette-400: var(--theme-colors-red-400);
--palette-500: var(--theme-colors-red-500);
--palette-600: var(--theme-colors-red-600);
--palette-700: var(--theme-colors-red-700);
--palette-800: var(--theme-colors-red-800);
--palette-900: var(--theme-colors-red-900);
--palette-950: var(--theme-colors-red-950);
--palette-contrast: var(--theme-colors-red-contrast);
--palette-foreground: var(--theme-colors-red-foreground);
--palette-subtle: var(--theme-colors-red-subtle);
--palette-muted: var(--theme-colors-red-muted);
--palette-emphasized: var(--theme-colors-red-emphasized);
--palette-solid: var(--theme-colors-red-solid);
}
[data-palette=gray] {
--palette-50: var(--theme-colors-gray-50);
--palette-100: var(--theme-colors-gray-100);
--palette-200: var(--theme-colors-gray-200);
--palette-300: var(--theme-colors-gray-300);
--palette-400: var(--theme-colors-gray-400);
--palette-500: var(--theme-colors-gray-500);
--palette-600: var(--theme-colors-gray-600);
--palette-700: var(--theme-colors-gray-700);
--palette-800: var(--theme-colors-gray-800);
--palette-900: var(--theme-colors-gray-900);
--palette-950: var(--theme-colors-gray-950);
--palette-contrast: var(--theme-colors-gray-contrast);
--palette-foreground: var(--theme-colors-gray-foreground);
--palette-subtle: var(--theme-colors-gray-subtle);
--palette-muted: var(--theme-colors-gray-muted);
--palette-emphasized: var(--theme-colors-gray-emphasized);
--palette-solid: var(--theme-colors-gray-solid);
}
[data-palette=purple] {
--palette-50: var(--theme-colors-purple-50);
--palette-100: var(--theme-colors-purple-100);
--palette-200: var(--theme-colors-purple-200);
--palette-300: var(--theme-colors-purple-300);
--palette-400: var(--theme-colors-purple-400);
--palette-500: var(--theme-colors-purple-500);
--palette-600: var(--theme-colors-purple-600);
--palette-700: var(--theme-colors-purple-700);
--palette-800: var(--theme-colors-purple-800);
--palette-900: var(--theme-colors-purple-900);
--palette-950: var(--theme-colors-purple-950);
--palette-contrast: var(--theme-colors-purple-contrast);
--palette-foreground: var(--theme-colors-purple-foreground);
--palette-subtle: var(--theme-colors-purple-subtle);
--palette-muted: var(--theme-colors-purple-muted);
--palette-emphasized: var(--theme-colors-purple-emphasized);
--palette-solid: var(--theme-colors-purple-solid);
}
[data-palette=orange] {
--palette-50: var(--theme-colors-orange-50);
--palette-100: var(--theme-colors-orange-100);
--palette-200: var(--theme-colors-orange-200);
--palette-300: var(--theme-colors-orange-300);
--palette-400: var(--theme-colors-orange-400);
--palette-500: var(--theme-colors-orange-500);
--palette-600: var(--theme-colors-orange-600);
--palette-700: var(--theme-colors-orange-700);
--palette-800: var(--theme-colors-orange-800);
--palette-900: var(--theme-colors-orange-900);
--palette-950: var(--theme-colors-orange-950);
--palette-contrast: var(--theme-colors-orange-contrast);
--palette-foreground: var(--theme-colors-orange-foreground);
--palette-subtle: var(--theme-colors-orange-subtle);
--palette-muted: var(--theme-colors-orange-muted);
--palette-emphasized: var(--theme-colors-orange-emphasized);
--palette-solid: var(--theme-colors-orange-solid);
}
[data-palette=brand] {
--palette-50: var(--theme-colors-blue-50);
--palette-100: var(--theme-colors-blue-100);
--palette-200: var(--theme-colors-blue-200);
--palette-300: var(--theme-colors-blue-300);
--palette-400: var(--theme-colors-blue-400);
--palette-500: var(--theme-colors-blue-500);
--palette-600: var(--theme-colors-blue-600);
--palette-700: var(--theme-colors-blue-700);
--palette-800: var(--theme-colors-blue-800);
--palette-900: var(--theme-colors-blue-900);
--palette-950: var(--theme-colors-blue-950);
--palette-contrast: var(--theme-colors-brand-contrast);
--palette-foreground: var(--theme-colors-brand-foreground);
--palette-subtle: var(--theme-colors-brand-subtle);
--palette-muted: var(--theme-colors-brand-muted);
--palette-emphasized: var(--theme-colors-brand-emphasized);
--palette-solid: var(--theme-colors-brand-solid);
}
[data-palette=accent] {
--palette-50: var(--theme-colors-green-50);
--palette-100: var(--theme-colors-green-100);
--palette-200: var(--theme-colors-green-200);
--palette-300: var(--theme-colors-green-300);
--palette-400: var(--theme-colors-green-400);
--palette-500: var(--theme-colors-green-500);
--palette-600: var(--theme-colors-green-600);
--palette-700: var(--theme-colors-green-700);
--palette-800: var(--theme-colors-green-800);
--palette-900: var(--theme-colors-green-900);
--palette-950: var(--theme-colors-green-950);
--palette-contrast: var(--theme-colors-accent-contrast);
--palette-foreground: var(--theme-colors-accent-foreground);
--palette-subtle: var(--theme-colors-accent-subtle);
--palette-muted: var(--theme-colors-accent-muted);
--palette-emphasized: var(--theme-colors-accent-emphasized);
--palette-solid: var(--theme-colors-accent-solid);
}
[data-palette=neutral] {
--palette-50: var(--theme-colors-gray-50);
--palette-100: var(--theme-colors-gray-100);
--palette-200: var(--theme-colors-gray-200);
--palette-300: var(--theme-colors-gray-300);
--palette-400: var(--theme-colors-gray-400);
--palette-500: var(--theme-colors-gray-500);
--palette-600: var(--theme-colors-gray-600);
--palette-700: var(--theme-colors-gray-700);
--palette-800: var(--theme-colors-gray-800);
--palette-900: var(--theme-colors-gray-900);
--palette-950: var(--theme-colors-gray-950);
--palette-contrast: var(--theme-colors-neutral-contrast);
--palette-foreground: var(--theme-colors-neutral-foreground);
--palette-subtle: var(--theme-colors-neutral-subtle);
--palette-muted: var(--theme-colors-neutral-muted);
--palette-emphasized: var(--theme-colors-neutral-emphasized);
--palette-solid: var(--theme-colors-neutral-solid);
}
}
@layer overrides {
.SriguFQg {
width: 100%;
height: 100vh;
max-width: auto;
background-color: var(--theme-colors-semantic-bg-subtle);
border-width: 0;
border-radius: 0;
justify-content: flex-start;
align-items: stretch;
min-width: auto;
padding: 0;
}
.zRv5KCnK {
border-color: var(--theme-colors-semantic-border-muted);
flex-direction: column;
width: 17.5rem;
height: 100%;
transition: all .3s ease-in-out;
}
@media (max-width: 48rem) {
.zRv5KCnK {
z-index: var(--theme-zIndex-popover);
border-width: null;
background-color: var(--theme-colors-semantic-bg-default);
border-width: 0 .0625rem 0 0;
position: fixed;
top: 0;
bottom: 0;
left: -25rem;
right: auto;
}
}
.IOfPOO-C {
box-shadow: .375rem 0 .9375rem -.1875rem rgba(0, 0, 0, .1);
}
@media (max-width: 48rem) {
.IOfPOO-C {
top: 0;
bottom: 0;
left: 0;
right: auto;
}
}
.fHbAlzTz {
justify-content: flex-end;
align-items: center;
padding: .5rem;
display: none;
}
@media (max-width: 48rem) {
.fHbAlzTz {
display: flex;
}
}
.aFncFbUQ {
flex-direction: column;
padding: 1rem;
}
.OXHy7hgr {
height: auto;
max-height: auto;
border-radius: 0;
border-top-left-radius: null;
border-top-right-radius: null;
border-bottom-left-radius: null;
border-bottom-right-radius: null;
flex-grow: 1;
justify-content: flex-start;
align-items: stretch;
gap: 2rem;
min-height: auto;
padding: 0 .5rem;
display: flex;
}
.BevaAW7u {
padding: .5rem;
}
.BevaAW7u[data-current=true] {
background-color: var(--theme-colors-semantic-bg-brand);
}
.JAlTD3Uj {
color: var(--theme-colors-semantic-fg-default);
}
.GJ5-TbF1 {
padding: 1rem;
}
.GlkFYLYW {
flex-direction: column;
flex-grow: 1;
padding-top: 1rem;
}
.R9nPoxk_ {
width: 2.5rem;
height: 2.5rem;
z-index: var(--theme-zIndex-modal);
box-shadow: var(--theme-shadows-large);
border-color: var(--theme-colors-semantic-border-default);
background-color: var(--theme-colors-semantic-bg-default);
border-width: .0625rem;
border-radius: 62.4375rem;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 1rem;
bottom: auto;
left: 1rem;
right: auto;
}
@media (max-width: 48rem) {
.R9nPoxk_ {
display: flex;
}
}
.Nhu2j3bX {
width: 100%;
height: 100%;
max-width: auto;
min-width: auto;
box-shadow: var(--theme-shadows-large);
border-color: var(--theme-colors-semantic-border-emphasized);
border-radius: null;
background-color: var(--theme-colors-semantic-bg-default);
border-width: .0625rem;
border-radius: .625rem 0 0;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.rF9G6c8D {
font-size: var(--theme-fontSizes-lg);
font-weight: 700;
}
.WHNbxNiZ {
border-width: .0625rem;
border-radius: .625rem;
width: 100%;
min-width: auto;
max-width: 47.5rem;
padding: .5rem;
}
.qX9FWSg7 {
border-width: 0;
border-radius: 0;
flex-grow: 1;
}
.YKZVClOw {
width: 2.25rem;
height: 2.25rem;
padding: 0;
}
.H2dkKPj0 {
width: 100%;
height: 100%;
max-width: auto;
min-width: auto;
box-shadow: var(--theme-shadows-large);
border-color: var(--theme-colors-semantic-border-emphasized);
border-radius: null;
background-color: var(--theme-colors-semantic-bg-default);
border-width: .0625rem;
border-radius: .625rem 0 0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.r_3h156j {
flex-direction: column;
flex-grow: 1;
justify-content: flex-start;
align-items: center;
width: 100%;
overflow-y: auto;
}
.gwHh0sz5 {
flex-shrink: 0;
width: 100%;
min-width: auto;
max-width: 46.25rem;
}
.q_-QJDWY {
flex-direction: column;
padding: .5rem;
}
.rhPge3eT {
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
.tNC_Kc2H {
padding: .5rem .25rem;
}
.zskbjb9x {
background-color: var(--theme-colors-semantic-bg-brand);
border-radius: .625rem;
padding: .75rem;
}
.zo61ZR8m {
justify-content: flex-start;
align-items: flex-start;
gap: .25rem;
}
.suVPdcHD {
flex-direction: column;
gap: .5rem;
}
.J2WAJafv {
flex-direction: column;
gap: .5rem;
display: flex;
}
.uKGSSq6Z {
background-color: var(--theme-colors-semantic-fg-brand);
border-radius: .3125rem;
justify-content: flex-start;
align-items: center;
padding: .25rem .5rem;
}
.ANL4uTy4 {
color: #fff;
}
.i5twvG3x {
color: var(--theme-colors-semantic-bg-default);
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
padding: .25rem .75rem;
}
.bys5Hmmq {
justify-content: flex-end;
align-items: flex-start;
padding: .5rem 1rem;
}
.aMobYlWT {
flex-direction: row;
gap: .25rem;
}
.v_4kb3xr {
border-radius: .625rem;
width: 6.25rem;
}
.UfK-FNRP {
padding: .5rem 1rem;
}
.xBq1qi1K {
flex-direction: row;
gap: .25rem;
}
.tFn457Jx {
border-radius: .625rem;
width: 6.25rem;
}
.EQ28Avj8 {
border-color: var(--theme-colors-semantic-bg-brand);
border-width: null;
border-radius: null;
border-width: .25rem .25rem 0;
border-radius: .625rem .625rem 0 0;
flex-direction: column;
width: 100%;
min-width: auto;
max-width: 48rem;
}
.wquJ47C- {
border-width: null;
border-width: .0625rem 0 0;
width: 100%;
padding: 1rem;
}
.xKPeukgH {
background-color: rgba(0, 0, 0, 0);
border-width: 0;
border-radius: 0;
flex-grow: 1;
}
.sVDxxgXW {
width: 2.25rem;
height: 2.25rem;
max-width: unset;
min-width: unset;
max-height: unset;
min-height: unset;
border-width: 0;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
}
.tAo_q8vI {
flex-shrink: 0;
width: 2.25rem;
height: 2.25rem;
padding: 0;
}
.otpZGmc8 {
font-size: 1rem;
}
.umFCxT6l {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: .5rem 1rem;
}
.Ul1TKHI2 {
background-color: rgba(0, 0, 0, .3);
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.NhNx8bht {
font-size: var(--theme-fontSizes-xs);
gap: .25rem;
}
.HLIxuUNa,
.AfumyfUt {
font-size: inherit;
}
.Ipie15xr {
justify-content: flex-end;
align-items: center;
padding: .5rem;
}
.j11OV2AD {
flex-grow: 1;
font-weight: 700;
}
.Tif9ZmHP {
width: 2.25rem;
height: 2.25rem;
max-width: unset;
min-width: 2.25rem;
max-height: unset;
border-radius: 624.938rem;
flex-shrink: 0;
min-height: 2.25rem;
padding: 0;
}
.nRog6zkC {
flex-direction: column;
gap: 1rem;
padding: .5rem;
}
.yIwFNDxw {
justify-content: flex-start;
align-items: center;
gap: 1rem;
}
.miKIPar8 {
border-radius: .625rem;
width: 2rem;
height: 2rem;
}
.W_5kpzpf {
font-weight: 700;
}
.r5bkAC-w {
justify-content: flex-start;
align-items: center;
gap: 1rem;
}
.In8XZMx7 {
border-radius: .625rem;
width: 2rem;
height: 2rem;
}
.GM9CG2QK {
font-weight: 700;
}
.yf80EPLJ {
justify-content: flex-start;
align-items: center;
gap: .5rem;
}
.jKGr8ykR {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: .5rem;
width: 100%;
}
.DfdQnofC {
justify-content: flex-start;
align-items: center;
gap: .25rem;
}
.vQlE0im7 {
font-weight: 700;
}
.SeRK201M {
padding: 0;
}
.L-wNr6YQ {
font-size: .875rem;
}
.pRFlRSSF {
background-color: var(--theme-colors-semantic-bg-subtle);
justify-content: center;
align-items: center;
width: 100vw;
height: 100dvh;
}
.zF54EwMi {
background-color: var(--theme-colors-semantic-bg-default);
border-width: .0625rem;
border-radius: .625rem;
flex-direction: column;
justify-content: center;
align-items: stretch;
gap: 1rem;
width: 100%;
min-width: auto;
max-width: 30rem;
height: auto;
padding: 2rem;
}
.cophFfXv {
font-size: var(--theme-fontSizes-lg);
font-weight: 600;
}
.J1FMXNkW {
color: var(--theme-colors-gray-12);
width: 100%;
height: 2.5rem;
font-size: var(--theme-fontSizes-sm);
-ms-appearance: none;
appearance: none;
min-width: 0;
font-family: var(--theme-fonts-body);
border-color: var(--theme-colors-semantic-border-default);
border-radius: var(--theme-radii-md);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: .0625rem;
outline: none;
padding-left: .75rem;
padding-right: .75rem;
transition-property: all;
transition-duration: .2s;
position: relative;
}
.J1FMXNkW:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
text-align: left;
}
.J1FMXNkW:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
text-align: right;
}
.J1FMXNkW:focus {
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
border-color: var(--theme-colors-semantic-border-emphasized);
}
.J1FMXNkW:disabled {
cursor: not-allowed;
opacity: .4;
}
.E_cxB6ej {
color: var(--palette-contrast);
background-color: var(--palette-solid);
}
.E_cxB6ej:hover {
background-color: color-mix(in oklch, var(--palette-solid) 90%, transparent);
}
.hF4Xtndc {
background-color: rgba(0, 0, 0, .3);
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.Jfp5Nt8Z {
background-color: var(--theme-colors-semantic-bg-default);
border-width: .0625rem;
border-radius: .625rem;
flex-direction: column;
justify-content: center;
align-items: stretch;
gap: 1rem;
width: 100%;
min-width: auto;
max-width: 30rem;
height: auto;
padding: 2rem;
}
.meJ7_6oz {
font-size: var(--theme-fontSizes-lg);
font-weight: 600;
}
.tEPnRyUz {
color: var(--theme-colors-gray-12);
width: 100%;
height: 2.5rem;
font-size: var(--theme-fontSizes-sm);
-ms-appearance: none;
appearance: none;
min-width: 0;
font-family: var(--theme-fonts-body);
border-color: var(--theme-colors-semantic-border-default);
border-radius: var(--theme-radii-md);
background-color: rgba(0, 0, 0, 0);
border-style: solid;
border-width: .0625rem;
outline: none;
padding-left: .75rem;
padding-right: .75rem;
transition-property: all;
transition-duration: .2s;
position: relative;
}
.tEPnRyUz:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
text-align: left;
}
.tEPnRyUz:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
text-align: right;
}
.tEPnRyUz:focus {
box-shadow: 0 0 0 .0625rem var(--theme-colors-semantic-border-emphasized);
border-color: var(--theme-colors-semantic-border-emphasized);
}
.tEPnRyUz:disabled {
cursor: not-allowed;
opacity: .4;
}
.d_tvVVT5 {
color: var(--palette-contrast);
background-color: var(--palette-solid);
}
.d_tvVVT5:hover {
background-color: color-mix(in oklch, var(--palette-solid) 90%, transparent);
}
}
@layer utilities;
html[data-theme=dark] {
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
}
:root {
--system-font:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
system-ui,
Helvetica,
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol";
}
p {
margin: 0;
}
a {
text-decoration: none;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
}
/* node_modules/react-day-picker/src/style.css */
.rdp-root {
--rdp-accent-color: blue;
--rdp-accent-background-color: #f0f0ff;
--rdp-day-height: 44px;
--rdp-day-width: 44px;
--rdp-day_button-border-radius: 100%;
--rdp-day_button-border: 2px solid transparent;
--rdp-day_button-height: 42px;
--rdp-day_button-width: 42px;
--rdp-selected-border: 2px solid var(--rdp-accent-color);
--rdp-disabled-opacity: 0.5;
--rdp-outside-opacity: 0.75;
--rdp-today-color: var(--rdp-accent-color);
--rdp-dropdown-gap: 0.5rem;
--rdp-months-gap: 2rem;
--rdp-nav_button-disabled-opacity: 0.5;
--rdp-nav_button-height: 2.25rem;
--rdp-nav_button-width: 2.25rem;
--rdp-nav-height: 2.75rem;
--rdp-range_middle-background-color: var(--rdp-accent-background-color);
--rdp-range_middle-color: inherit;
--rdp-range_start-color: white;
--rdp-range_start-background:
linear-gradient(
var(--rdp-gradient-direction),
transparent 50%,
var(--rdp-range_middle-background-color) 50%);
--rdp-range_start-date-background-color: var(--rdp-accent-color);
--rdp-range_end-background:
linear-gradient(
var(--rdp-gradient-direction),
var(--rdp-range_middle-background-color) 50%,
transparent 50%);
--rdp-range_end-color: white;
--rdp-range_end-date-background-color: var(--rdp-accent-color);
--rdp-week_number-border-radius: 100%;
--rdp-week_number-border: 2px solid transparent;
--rdp-week_number-height: var(--rdp-day-height);
--rdp-week_number-opacity: 0.75;
--rdp-week_number-width: var(--rdp-day-width);
--rdp-weeknumber-text-align: center;
--rdp-weekday-opacity: 0.75;
--rdp-weekday-padding: 0.5rem 0rem;
--rdp-weekday-text-align: center;
--rdp-gradient-direction: 90deg;
--rdp-animation_duration: 0.3s;
--rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
}
.rdp-root[dir=rtl] {
--rdp-gradient-direction: -90deg;
}
.rdp-root[data-broadcast-calendar=true] {
--rdp-outside-opacity: unset;
}
.rdp-root {
position: relative;
box-sizing: border-box;
}
.rdp-root * {
box-sizing: border-box;
}
.rdp-day {
width: var(--rdp-day-width);
height: var(--rdp-day-height);
text-align: center;
}
.rdp-day_button {
background: none;
padding: 0;
margin: 0;
cursor: pointer;
font: inherit;
color: inherit;
justify-content: center;
align-items: center;
display: flex;
width: var(--rdp-day_button-width);
height: var(--rdp-day_button-height);
border: var(--rdp-day_button-border);
border-radius: var(--rdp-day_button-border-radius);
}
.rdp-day_button:disabled {
cursor: revert;
}
.rdp-caption_label {
z-index: 1;
position: relative;
display: inline-flex;
align-items: center;
white-space: nowrap;
border: 0;
}
.rdp-dropdown:focus-visible ~ .rdp-caption_label {
outline: 5px auto Highlight;
outline: 5px auto -webkit-focus-ring-color;
}
.rdp-button_next,
.rdp-button_previous {
border: none;
background: none;
padding: 0;
margin: 0;
cursor: pointer;
font: inherit;
color: inherit;
-moz-appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
appearance: none;
width: var(--rdp-nav_button-width);
height: var(--rdp-nav_button-height);
}
.rdp-button_next:disabled,
.rdp-button_next[aria-disabled=true],
.rdp-button_previous:disabled,
.rdp-button_previous[aria-disabled=true] {
cursor: revert;
opacity: var(--rdp-nav_button-disabled-opacity);
}
.rdp-chevron {
display: inline-block;
fill: var(--rdp-accent-color);
}
.rdp-root[dir=rtl] .rdp-nav .rdp-chevron {
transform: rotate(180deg);
transform-origin: 50%;
}
.rdp-dropdowns {
position: relative;
display: inline-flex;
align-items: center;
gap: var(--rdp-dropdown-gap);
}
.rdp-dropdown {
z-index: 2;
opacity: 0;
appearance: none;
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
width: 100%;
margin: 0;
padding: 0;
cursor: inherit;
border: none;
line-height: inherit;
}
.rdp-dropdown_root {
position: relative;
display: inline-flex;
align-items: center;
}
.rdp-dropdown_root[data-disabled=true] .rdp-chevron {
opacity: var(--rdp-disabled-opacity);
}
.rdp-month_caption {
display: flex;
align-content: center;
height: var(--rdp-nav-height);
font-weight: bold;
font-size: large;
}
.rdp-months {
position: relative;
display: flex;
flex-wrap: wrap;
gap: var(--rdp-months-gap);
max-width: fit-content;
}
.rdp-month_grid {
border-collapse: collapse;
}
.rdp-nav {
position: absolute;
inset-block-start: 0;
inset-inline-end: 0;
display: flex;
align-items: center;
height: var(--rdp-nav-height);
}
.rdp-weekday {
opacity: var(--rdp-weekday-opacity);
padding: var(--rdp-weekday-padding);
font-weight: 500;
font-size: smaller;
text-align: var(--rdp-weekday-text-align);
text-transform: var(--rdp-weekday-text-transform);
}
.rdp-week_number {
opacity: var(--rdp-week_number-opacity);
font-weight: 400;
font-size: small;
height: var(--rdp-week_number-height);
width: var(--rdp-week_number-width);
border: var(--rdp-week_number-border);
border-radius: var(--rdp-week_number-border-radius);
text-align: var(--rdp-weeknumber-text-align);
}
.rdp-today:not(.rdp-outside) {
color: var(--rdp-today-color);
}
.rdp-selected {
font-weight: bold;
font-size: large;
}
.rdp-selected .rdp-day_button {
border: var(--rdp-selected-border);
}
.rdp-outside {
opacity: var(--rdp-outside-opacity);
}
.rdp-disabled {
opacity: var(--rdp-disabled-opacity);
}
.rdp-hidden {
visibility: hidden;
color: var(--rdp-range_start-color);
}
.rdp-range_start {
background: var(--rdp-range_start-background);
}
.rdp-range_start .rdp-day_button {
background-color: var(--rdp-range_start-date-background-color);
color: var(--rdp-range_start-color);
}
.rdp-range_middle {
background-color: var(--rdp-range_middle-background-color);
}
.rdp-range_middle .rdp-day_button {
border-color: transparent;
border: unset;
border-radius: unset;
color: var(--rdp-range_middle-color);
}
.rdp-range_end {
background: var(--rdp-range_end-background);
color: var(--rdp-range_end-color);
}
.rdp-range_end .rdp-day_button {
color: var(--rdp-range_start-color);
background-color: var(--rdp-range_end-date-background-color);
}
.rdp-range_start.rdp-range_end {
background: revert;
}
.rdp-focusable {
cursor: pointer;
}
@keyframes rdp-slide_in_left {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes rdp-slide_in_right {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes rdp-slide_out_left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes rdp-slide_out_right {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
.rdp-weeks_before_enter {
animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-weeks_before_exit {
animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-weeks_after_enter {
animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-weeks_after_exit {
animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-root[dir=rtl] .rdp-weeks_after_enter {
animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-root[dir=rtl] .rdp-weeks_before_exit {
animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-root[dir=rtl] .rdp-weeks_before_enter {
animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-root[dir=rtl] .rdp-weeks_after_exit {
animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
@keyframes rdp-fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes rdp-fade_out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.rdp-caption_after_enter {
animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-caption_after_exit {
animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-caption_before_enter {
animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
.rdp-caption_before_exit {
animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}
/* compiler/react/Blocks/styles.css */
.spinner {
display: inline-block;
border-radius: 9999px;
border-top: 2px solid currentColor;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
border-left: 2px solid currentColor;
animation: spinner 600ms linear infinite;
height: 1em;
width: 1em;
color: currentColor;
position: absolute;
}
@keyframes spinner {
to {
transform: rotate(360deg);
}
}
/* localMem:~/react/components/4982bb77-6ea8-4c2c-a8c4-e9638fa910cb/tailwind.css */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root,
:host {
--font-sans:
ui-sans-serif,
system-ui,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
--font-mono:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace;
--color-teal-600: oklch(60% 0.118 184.704);
--color-blue-700: oklch(48.8% 0.243 264.376);
--color-blue-900: oklch(37.9% 0.146 265.522);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-400: oklch(70.7% 0.022 261.325);
--color-gray-600: oklch(44.6% 0.03 256.802);
--color-white: #fff;
--spacing: 0.25rem;
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
}
}
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html,
:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
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;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-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;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol,
ul,
menu {
list-style: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
button,
input,
select,
optgroup,
textarea,
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:-moz-ui-invalid {
box-shadow: none;
}
button,
input:where([type=button], [type=reset], [type=submit]),
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
display: none !important;
}
}
@layer utilities {
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.mr-4 {
margin-right: calc(var(--spacing) * 4);
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * 0.5);
}
.flex {
display: flex;
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-\[100vh\] {
height: 100vh;
}
.min-h-\[600px\] {
min-height: 600px;
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.flex-grow {
flex-grow: 1;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-move {
cursor: move;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-gray-400 {
border-color: var(--color-gray-400);
}
.border-white {
border-color: var(--color-white);
}
.bg-blue-900 {
background-color: var(--color-blue-900);
}
.bg-gray-200 {
background-color: var(--color-gray-200);
}
.bg-gray-300 {
background-color: var(--color-gray-300);
}
.bg-teal-600 {
background-color: var(--color-teal-600);
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
padding: calc(var(--spacing) * 0.5);
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-white {
color: var(--color-white);
}
.shadow-inner {
--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.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);
}
.ring-gray-600 {
--tw-ring-color: var(--color-gray-600);
}
.hover\:bg-blue-700 {
&:hover {
@media (hover: hover) {
background-color: var(--color-blue-700);
}
}
}
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: ""; 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: ""; 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: ""; 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; }
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*,
::before,
::after,
::backdrop {
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-border-style: solid;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
}
}
}
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */