:root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; --radius: .5rem; } *, :before, :after, ::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: #8ec8f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 2rem; padding-right: 2rem; } @media (width >= 1400px) { .container { max-width: 1400px; } } .ui__button.as-classic { box-shadow: inset 0 1px #ffffff26, inset 0 -1px #00000026; } .ui__button.as-classic:hover { box-shadow: inset 0 1px #ffffff26, inset 0 -2px #00000026; } .ui__button.as-outline { --accent: var(--rx-gray-02-hsl); --accent-foreground: var(--rx-gray-12-hsl); } .ui__toaster-viewport > li { border-color: hsl(var(--border)); } .ui__toaster-viewport > li.has-variant-icon { border-width: 1px; padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 3rem; position: relative; } .ui__toaster-viewport > li.has-variant-icon .variant-icon { align-items: center; display: flex; position: absolute; top: 19px; left: 14px; } .ui__toaster-viewport > li.has-variant-icon.info .variant-icon { color: var(--rx-blue-09-alpha); } .ui__toaster-viewport > li.has-variant-icon.success .variant-icon { color: var(--rx-green-09-alpha); } .ui__toaster-viewport > li.has-variant-icon.warning .variant-icon { color: var(--rx-yellow-10-alpha); } .ui__toaster-viewport > li.has-variant-icon.error .variant-icon, .ui__toaster-viewport > li.has-variant-icon.\!error .variant-icon { color: var(--rx-red-10-alpha); } .ui__alert > .ui__icon { position: absolute; top: 1rem; left: 1rem; } .ui__alert > .ui__icon ~ * { padding-left: 1.75rem; } .ui__dialog-overlay { place-items: center; display: grid; inset: 0; overflow-y: auto; } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .invisible { visibility: hidden; } .static { position: static; } .fixed { position: fixed; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: 0; } .left-1 { left: .25rem; } .left-2 { left: .5rem; } .left-\[50\%\] { left: 50%; } .right-0 { right: 0; } .right-1 { right: .25rem; } .right-2 { right: .5rem; } .right-4 { right: 1rem; } .top-0 { top: 0; } .top-2 { top: .5rem; } .top-4 { top: 1rem; } .top-\[-40px\] { top: -40px; } .top-\[-8px\] { top: -8px; } .top-\[50\%\] { top: 50%; } .z-50 { z-index: 50; } .z-\[9999\] { z-index: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .-mx-1 { margin-left: -.25rem; margin-right: -.25rem; } .-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .my-1 { margin-top: .25rem; margin-bottom: .25rem; } .my-3 { margin-top: .75rem; margin-bottom: .75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .-ml-px { margin-left: -1px; } .-mr-px { margin-right: -1px; } .-mt-1 { margin-top: -.25rem; } .-mt-px { margin-top: -1px; } .mb-1 { margin-bottom: .25rem; } .mb-2 { margin-bottom: .5rem; } .mb-4 { margin-bottom: 1rem; } .mb-60 { margin-bottom: 15rem; } .mb-8 { margin-bottom: 2rem; } .ml-auto { margin-left: auto; } .mr-2 { margin-right: .5rem; } .mr-6 { margin-right: 1.5rem; } .mt-2 { margin-top: .5rem; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .table-cell { display: table-cell; } .grid { display: grid; } .list-item { display: list-item; } .hidden { display: none; } .aspect-square { aspect-ratio: 1; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-2 { height: .5rem; } .h-2\.5 { height: .625rem; } .h-3 { height: .75rem; } .h-3\.5 { height: .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-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-64 { max-height: 16rem; } .max-h-96 { max-height: 24rem; } .max-h-\[300px\] { max-height: 300px; } .max-h-screen { max-height: 100vh; } .min-h-\[80px\] { min-height: 80px; } .w-1\/2 { width: 50%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-2 { width: .5rem; } .w-2\.5 { width: .625rem; } .w-2\/3 { width: 66.6667%; } .w-3 { width: .75rem; } .w-3\.5 { width: .875rem; } .w-4 { width: 1rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-56 { width: 14rem; } .w-60 { width: 15rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-9 { width: 2.25rem; } .w-full { width: 100%; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .max-w-lg { max-width: 32rem; } .max-w-xl { max-width: 36rem; } .flex-1 { flex: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .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-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)); } .scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; 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: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: 1s linear infinite spin; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; user-select: 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-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .justify-start { justify-content: flex-start; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-0 { gap: 0; } .gap-0\.5 { gap: .125rem; } .gap-1 { gap: .25rem; } .gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; } .gap-8 { gap: 2rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.25rem * var(--tw-space-x-reverse)); margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.75rem * var(--tw-space-x-reverse)); margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * 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; } .whitespace-nowrap { white-space: nowrap; } .\!rounded-lg { border-radius: var(--radius) !important; } .rounded { border-radius: .25rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .rounded-bl { border-bottom-left-radius: .25rem; } .rounded-br { border-bottom-right-radius: .25rem; } .rounded-tl { border-top-left-radius: .25rem; } .rounded-tr { border-top-right-radius: .25rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-\[1px\] { border-width: 1px; } .border-b { border-bottom-width: 1px; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .border-\[color\:var\(--ls-border-color\)\] { border-color: var(--ls-border-color); } .border-destructive { border-color: hsl(var(--destructive)); } .border-destructive\/50 { border-color: hsl(var(--destructive) / .5); } .border-input { border-color: hsl(var(--input)); } .border-orange-rx-07-alpha { border-color: var(--rx-orange-07-alpha); } .border-primary { border-color: hsl(var(--primary)); } .border-transparent { border-color: #0000; } .bg-\[color\:var\(--ls-border-color\)\] { background-color: var(--ls-border-color); } .bg-\[color\:var\(--ls-primary-background-color\)\] { background-color: var(--ls-primary-background-color); } .bg-\[color\:var\(--ls-quaternary-background-color\)\] { background-color: var(--ls-quaternary-background-color); } .bg-\[color\:var\(--ls-quinary-background-color\)\] { background-color: var(--ls-quinary-background-color); } .bg-\[color\:var\(--ls-secondary-background-color\)\] { background-color: var(--ls-secondary-background-color); } .bg-\[color\:var\(--ls-senary-background-color\)\] { background-color: var(--ls-senary-background-color); } .bg-\[color\:var\(--ls-tertiary-background-color\)\] { background-color: var(--ls-tertiary-background-color); } .bg-accent { background-color: hsl(var(--accent)); } .bg-background { background-color: hsl(var(--background)); } .bg-background\/80 { background-color: hsl(var(--background) / .8); } .bg-background\/90 { background-color: hsl(var(--background) / .9); } .bg-border { background-color: hsl(var(--border)); } .bg-card { background-color: hsl(var(--card)); } .bg-destructive { background-color: hsl(var(--destructive)); } .bg-muted { background-color: hsl(var(--muted)); } .bg-popover { background-color: hsl(var(--popover)); } .bg-primary { background-color: hsl(var(--primary)); } .bg-secondary { background-color: hsl(var(--secondary)); } .bg-transparent { background-color: #0000; } .from-0\% { --tw-gradient-from-position: 0%; } .to-100\% { --tw-gradient-to-position: 100%; } .fill-current { fill: currentColor; } .p-0 { padding: 0; } .p-1 { padding: .25rem; } .p-10 { padding: 2.5rem; } .p-20 { padding: 5rem; } .p-3 { padding: .75rem; } .p-4 { padding: 1rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .px-2 { padding-left: .5rem; padding-right: .5rem; } .px-2\.5 { padding-left: .625rem; padding-right: .625rem; } .px-3 { padding-left: .75rem; padding-right: .75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[0\.25rem\] { padding-left: .25rem; padding-right: .25rem; } .px-\[0\.75rem\] { padding-left: .75rem; padding-right: .75rem; } .py-0 { padding-top: 0; padding-bottom: 0; } .py-0\.5 { padding-top: .125rem; padding-bottom: .125rem; } .py-1 { padding-top: .25rem; padding-bottom: .25rem; } .py-1\.5 { padding-top: .375rem; padding-bottom: .375rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-2 { padding-top: .5rem; padding-bottom: .5rem; } .py-3 { padding-top: .75rem; padding-bottom: .75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .pb-2 { padding-bottom: .5rem; } .pl-1 { padding-left: .25rem; } .pl-4 { padding-left: 1rem; } .pl-8 { padding-left: 2rem; } .pr-1 { padding-right: .25rem; } .pr-2 { padding-right: .5rem; } .pr-3 { padding-right: .75rem; } .pr-8 { padding-right: 2rem; } .pt-0 { padding-top: 0; } .pt-1 { padding-top: .25rem; } .pt-4 { padding-top: 1rem; } .text-center { text-align: center; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-\[0\.8rem\] { font-size: .8rem; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: .875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: .75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .italic { font-style: italic; } .leading-none { line-height: 1; } .tracking-tight { letter-spacing: -.025em; } .tracking-wide { letter-spacing: .025em; } .tracking-widest { letter-spacing: .1em; } .text-\[color\:var\(--ls-primary-text-color\)\] { color: var(--ls-primary-text-color); } .text-\[color\:var\(--ls-secondary-text-color\)\] { color: var(--ls-secondary-text-color); } .text-accent-foreground { color: hsl(var(--accent-foreground)); } .text-blue-rx-10 { color: var(--rx-blue-10); } .text-card-foreground { color: hsl(var(--card-foreground)); } .text-current { color: currentColor; } .text-destructive { color: hsl(var(--destructive)); } .text-destructive-foreground { color: hsl(var(--destructive-foreground)); } .text-foreground { color: hsl(var(--foreground)); } .text-foreground\/50 { color: hsl(var(--foreground) / .5); } .text-green-500 { --tw-text-opacity: 1; color: rgb(142 206 170 / var(--tw-text-opacity)); } .text-muted-foreground { color: hsl(var(--muted-foreground)); } .text-orange-rx-09 { color: var(--rx-orange-09); } .text-orange-rx-10 { color: var(--rx-orange-10); } .text-popover-foreground { color: hsl(var(--popover-foreground)); } .text-primary { color: hsl(var(--primary)); } .text-primary-foreground { color: hsl(var(--primary-foreground)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(244 169 170 / var(--tw-text-opacity)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(229 72 77 / var(--tw-text-opacity)); } .text-red-800 { --tw-text-opacity: 1; color: rgb(220 62 66 / var(--tw-text-opacity)); } .text-secondary-foreground { color: hsl(var(--secondary-foreground)); } .underline-offset-4 { text-underline-offset: 4px; } .\!opacity-100 { opacity: 1 !important; } .\!opacity-75 { opacity: .75 !important; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-80 { opacity: .8; } .opacity-90 { opacity: .9; } .shadow-lg { --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 #0000000d; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none { outline-offset: 2px; outline: 2px solid #0000; } .outline { outline-style: solid; } .ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } .\!grayscale-0 { --tw-grayscale: grayscale(0) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition-all { transition-property: all; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-opacity { transition-property: opacity; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-transform { transition-property: transform; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .duration-200 { transition-duration: .2s; } .duration-300 { transition-duration: .3s; } .ease-in { transition-timing-function: cubic-bezier(.4, 0, 1, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, .2, 1); } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .animate-in { --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; animation-name: enter; animation-duration: .15s; } .fade-in-80 { --tw-enter-opacity: .8; } .duration-200 { animation-duration: .2s; } .duration-300 { animation-duration: .3s; } .ease-in { animation-timing-function: cubic-bezier(.4, 0, 1, 1); } .ease-out { animation-timing-function: cubic-bezier(0, 0, .2, 1); } .running { animation-play-state: running; } .primary-green { --primary: 142.1 70.6% 45.3%; } .primary-orange { --primary: 24.6 95% 53.1%; } .primary-red { --primary: 358 75.0% 59%; } .primary-yellow { --primary: 50 100% 50%; --primary-foreground: 0 0% 10%; } .file\:border-0::file-selector-button { border-width: 0; } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:text-sm::file-selector-button { font-size: .875rem; line-height: 1.25rem; } .file\:font-medium::file-selector-button { font-weight: 500; } .placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } .focus-within\:relative:focus-within { position: relative; } .focus-within\:z-20:focus-within { z-index: 20; } .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:bg-accent:hover { background-color: hsl(var(--accent)); } .hover\:bg-destructive\/80:hover { background-color: hsl(var(--destructive) / .8); } .hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / .9); } .hover\:bg-primary:hover { background-color: hsl(var(--primary)); } .hover\:bg-primary\/80:hover { background-color: hsl(var(--primary) / .8); } .hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / .9); } .hover\:bg-secondary:hover { background-color: hsl(var(--secondary)); } .hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary) / .8); } .hover\:bg-gradient-to-r:hover { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); } .hover\:text-blue-rx-10-alpha:hover { color: var(--rx-blue-10-alpha); } .hover\:text-foreground:hover { color: hsl(var(--foreground)); } .hover\:text-primary-foreground:hover { color: hsl(var(--primary-foreground)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:\!opacity-100:hover { opacity: 1 !important; } .hover\:opacity-100:hover { opacity: 1; } .hover\:grayscale-0:hover { --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .focus\:border-input:focus { border-color: hsl(var(--input)); } .focus\:bg-accent:focus { background-color: hsl(var(--accent)); } .focus\:bg-primary:focus { background-color: hsl(var(--primary)); } .focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); } .focus\:text-primary-foreground:focus { color: hsl(var(--primary-foreground)); } .focus\:opacity-100:focus { opacity: 1; } .focus\:outline-none:focus { outline-offset: 2px; outline: 2px solid #0000; } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-ring:focus { --tw-ring-color: hsl(var(--ring)); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus-visible\:outline-none:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(var(--background)); } .active\:bg-destructive\/100:active { background-color: hsl(var(--destructive) / 1); } .active\:bg-primary\/100:active { background-color: hsl(var(--primary) / 1); } .active\:opacity-80:active { opacity: .8; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-50:disabled { opacity: .5; } .group:hover .group-hover\:bg-background { background-color: hsl(var(--background)); } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group.destructive .group-\[\.destructive\]\:border-muted\/40 { border-color: hsl(var(--muted) / .4); } .group.destructive .group-\[\.destructive\]\:text-red-300 { --tw-text-opacity: 1; color: rgb(255 205 206 / var(--tw-text-opacity)); } .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover { border-color: hsl(var(--destructive) / .3); } .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); } .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(255 247 247 / var(--tw-text-opacity)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus { --tw-ring-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(253 189 190 / var(--tw-ring-opacity)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { --tw-ring-offset-color: #eb8e90; } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-70 { opacity: .7; } .aria-selected\:bg-accent[aria-selected="true"] { background-color: hsl(var(--accent)); } .aria-selected\:bg-accent\/50[aria-selected="true"] { background-color: hsl(var(--accent) / .5); } .aria-selected\:text-accent-foreground[aria-selected="true"] { color: hsl(var(--accent-foreground)); } .aria-selected\:text-muted-foreground[aria-selected="true"] { color: hsl(var(--muted-foreground)); } .aria-selected\:opacity-100[aria-selected="true"] { opacity: 1; } .aria-selected\:opacity-30[aria-selected="true"] { opacity: .3; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: .25rem; 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)); } .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: -.25rem; 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)); } .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: .25rem; 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)); } .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: -.25rem; 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)); } .data-\[state\=checked\]\:translate-x-4[data-state="checked"] { --tw-translate-x: 1rem; 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)); } .data-\[state\=checked\]\:translate-x-5[data-state="checked"] { --tw-translate-x: 1.25rem; 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)); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"], .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] { --tw-translate-x: var(--radix-toast-swipe-end-x); 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)); } .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] { --tw-translate-x: var(--radix-toast-swipe-move-x); 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)); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); } .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: hsl(var(--input)); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: hsl(var(--accent-foreground)); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: hsl(var(--muted-foreground)); } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: .5; } .data-\[swipe\=move\]\:transition-none[data-swipe="move"] { transition-property: none; } .data-\[state\=open\]\:animate-in[data-state="open"] { --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; animation-name: enter; animation-duration: .15s; } .data-\[state\=closed\]\:animate-out[data-state="closed"], .data-\[swipe\=end\]\:animate-out[data-swipe="end"] { --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; animation-name: exit; animation-duration: .15s; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out-80[data-state="closed"] { --tw-exit-opacity: .8; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -.5rem; } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: .5rem; } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -.5rem; } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: .5rem; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: -50%; } .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: -50%; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] { --tw-enter-translate-y: -100%; } :is(.dark .dark\:border-destructive) { border-color: hsl(var(--destructive)); } :is(.dark .dark\:text-white) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (width >= 640px) { .sm\:\!top-auto { top: auto !important; } .sm\:bottom-0 { bottom: 0; } .sm\:right-0 { right: 0; } .sm\:mt-0 { margin-top: 0; } .sm\:flex-row { flex-direction: row; } .sm\:flex-col { flex-direction: column; } .sm\:justify-end { justify-content: flex-end; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:rounded-lg { border-radius: var(--radius); } .sm\:text-left { text-align: left; } .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] { --tw-enter-translate-y: 100%; } } @media (width >= 768px) { .md\:max-w-\[420px\] { max-width: 420px; } } .\[\&\:has\(\[aria-selected\]\)\]\:bg-transparent:has([aria-selected]) { background-color: #0000; } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) { background-color: hsl(var(--accent) / .5); } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\>span\]\:line-clamp-1 > span { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div { --tw-translate-y: -3px; 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)); } .\[\&\>svg\]\:absolute > svg { position: absolute; } .\[\&\>svg\]\:left-4 > svg { left: 1rem; } .\[\&\>svg\]\:top-4 > svg { top: 1rem; } .\[\&\>svg\]\:text-destructive > svg { color: hsl(var(--destructive)); } .\[\&\>svg\]\:text-foreground > svg { color: hsl(var(--foreground)); } .\[\&\>svg\~\*\]\:pl-7 > svg ~ * { padding-left: 1.75rem; } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: .5rem; padding-right: .5rem; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: .375rem; padding-bottom: .375rem; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: .75rem; line-height: 1rem; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: hsl(var(--muted-foreground)); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0; } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: .5rem; padding-right: .5rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: .5rem; padding-right: .5rem; } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: .75rem; padding-bottom: .75rem; } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; } .\[\&_p\]\:leading-relaxed p { line-height: 1.625; }