/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @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-border-style: solid; --tw-content: ""; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --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; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-contain-size: initial; --tw-contain-layout: initial; --tw-contain-paint: initial; --tw-contain-style: initial; --tw-text-shadow-color: initial; --tw-text-shadow-alpha: 100%; } } } @layer theme { :root, :host { --font-sans: InterVariable, Inter, Noto, sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --shadow-2xs: 0 1px #0000000d; --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --shadow-2xl: 0 25px 50px -12px #00000040; --inset-shadow-2xs: inset 0 1px #0000000d; --inset-shadow-xs: inset 0 1px 1px #0000000d; --inset-shadow-sm: inset 0 2px 4px #0000000d; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --text-shadow-2xs: 0px 1px 0px #00000026; --text-shadow-xs: 0px 1px 1px #0003; --text-shadow-sm: 0px 1px 0px #00000013, 0px 1px 1px #00000013, 0px 2px 2px #00000013; --text-shadow-md: 0px 1px 1px #0000001a, 0px 1px 2px #0000001a, 0px 2px 4px #0000001a; --text-shadow-lg: 0px 1px 2px #0000001a, 0px 3px 2px #0000001a, 0px 4px 8px #0000001a; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --text-xs: 1.25rem; --text-sm: 1.5rem; --text-base: 1.75rem; --text-lg: 2rem; --text-xl: 2.5rem; --text-2xl: 3.5rem; --text-3xl: 5rem; --text-4xl: 7rem; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-bold: 700; --spacing: .5rem; --leading-base: 3rem; --radius-xs: .5rem; --radius-sm: 1rem; --radius-md: 1.5rem; --radius-lg: 2rem; --color-black: #000; --color-white: #fff; --color-primary: var(--color-gray-100); --color-secondary: var(--color-gray-70); --color-gray-00: oklch(98.79% .0029 264.54); --color-gray-10: oklch(92.66% .0092 258.34); --color-gray-20: oklch(85.11% .0175 267.77); --color-gray-30: oklch(77.67% .0254 259.82); --color-gray-40: oklch(69.92% .0342 260.01); --color-gray-50: oklch(61.8% .0428 262.79); --color-gray-60: oklch(53.58% .0482 261.52); --color-gray-70: oklch(45.23% .0534 262.67); --color-gray-80: oklch(36.28% .0572 260.28); --color-gray-90: oklch(26.36% .0561 263); --color-gray-100: oklch(15.6% .0503 254.39); --color-blue-00: oklch(98.7% .0062 255.47); --color-blue-10: oklch(94.76% .0191 263.01); --color-blue-20: oklch(87.25% .0473 261.35); --color-blue-30: oklch(80.72% .0731 261.42); --color-blue-40: oklch(74.27% .1013 261.58); --color-blue-50: oklch(66.18% .1368 261.81); --color-blue-60: oklch(61.98% .1564 260.99); --color-blue-70: oklch(56.29% .1803 260.87); --color-blue-80: oklch(50.88% .1994 261.15); --color-blue-90: oklch(45.84% .2053 261.73); --color-blue-100: oklch(40.14% .17906 261.492); --color-blue-110: oklch(37.27% .1642 261.3); --color-blue-120: oklch(34.46% .1503 261.15); --color-blue-130: oklch(31.48% .134671 260.832); --color-blue-140: oklch(28.54% .12 260.54); --color-blue-150: oklch(25.43% .1034 259.95); --color-blue-160: oklch(22.22% .0861 259); --color-blue-170: oklch(19.02% .0696 257.72); --color-blue-180: oklch(15.6% .0503 254.39); --color-red-00: oklch(96.97% .0119 17.36); --color-red-10: oklch(94.07% .022 21.01); --color-red-20: oklch(88.47% .0489 21.25); --color-red-30: oklch(82.47% .0774 19.85); --color-red-40: oklch(77.05% .1049 20.48); --color-red-50: oklch(72.03% .1344 22.06); --color-red-60: oklch(67.43% .1477 22.79); --color-red-70: oklch(63.01% .1722 24.22); --color-red-80: oklch(59.09% .1944 26.02); --color-red-90: oklch(55.08% .1928 26.84); --color-red-100: oklch(52.31% .2034 28.56); --color-red-110: oklch(48.31% .1875 28.58); --color-red-120: oklch(44.3% .1706 28.33); --color-yellow-00: oklch(98.87% .0126 86.83); --color-yellow-10: oklch(97.68% .0248 89.21); --color-yellow-20: oklch(95.71% .0492 89.29); --color-yellow-30: oklch(93.51% .0729 89.28); --color-yellow-40: oklch(91.59% .0951 89.78); --color-yellow-50: oklch(89.63% .1152 88.57); --color-yellow-60: oklch(87.84% .1341 88.61); --color-yellow-70: oklch(86.04% .1485 86.97); --color-yellow-80: oklch(84.42% .1597 85.96); --color-yellow-90: oklch(82.68% .1654 83.63); --color-yellow-100: oklch(81.31% .168071 80.7444); --color-yellow-110: oklch(79.01% .163399 80.5485); --color-yellow-120: oklch(74.97% .1549 80.39); --color-green-00: oklch(98.05% .0103 174.28); --color-green-10: oklch(96.12% .0205 173.95); --color-green-20: oklch(92.58% .0413 171.54); --color-green-30: oklch(88.82% .0618 170.15); --color-green-40: oklch(85.46% .0815 168.92); --color-green-50: oklch(82% .0988 168.09); --color-green-60: oklch(78.63% .1151 167.13); --color-green-70: oklch(75.71% .1301 165.34); --color-green-80: oklch(72.68% .1424 163.22); --color-green-90: oklch(70.16% .1517 160.81); --color-green-100: oklch(67.55% .157163 158.315); --color-green-110: oklch(62.19% .1442 158.51); --color-green-120: oklch(57.29% .1326 158.61); --color-purple-00: oklch(97.08% .0112 321.32); --color-purple-10: oklch(93.68% .0254 319.88); --color-purple-20: oklch(87.69% .0527 319.03); --color-purple-30: oklch(81.67% .0796 319.31); --color-purple-40: oklch(75.53% .1087 319.57); --color-purple-50: oklch(69.67% .1361 319.62); --color-purple-60: oklch(63.71% .1638 319.26); --color-purple-70: oklch(58.2% .1895 319.22); --color-purple-80: oklch(53.3% .2088 318.91); --color-purple-90: oklch(48.87% .2206 317.92); --color-purple-100: oklch(45.66% .222806 316.817); --color-purple-110: oklch(42.16% .205774 316.768); --color-purple-120: oklch(38.75% .1887 317.18); --container-3xs: 32rem; --container-2xs: 36rem; --container-xs: 40rem; --container-sm: 48rem; --container-md: 56rem; --container-lg: 64rem; --container-xl: 72rem; --container-2xl: 84rem; --container-3xl: 96rem; --container-4xl: 112rem; --container-5xl: 128rem; --container-6xl: 144rem; --container-7xl: 160rem; --z-index-float: 10; --z-index-dialog: 120; --z-index-side-panel: 120; --z-index-popper-content: 130; --z-index-snackbar: 130; --z-index-input-popup: 130; --z-index-dropdown-menu-content: 130; --z-index-tooltip-content: 140; --color-gray: var(--color-gray-100); --color-blue: var(--color-blue-100); --color-red: var(--color-red-100); --color-yellow: var(--color-yellow-100); --color-green: var(--color-green-100); --color-purple: var(--color-purple-100); --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-none: none; --animation-fill-forwards: forwards; --animation-fill-backwards: backwards; --animation-fill-both: both; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-2: 2; --animation-repeat-3: 3; --animation-repeat-infinite: infinite; --animation-repeat-none: none; --animation-delay_duration-0: 0s; --animation-delay_duration-75: 75ms; --animation-delay_duration-100: .1s; --animation-delay_duration-150: .15s; --animation-delay_duration-200: .2s; --animation-delay_duration-300: .3s; --animation-delay_duration-500: .5s; --animation-delay_duration-700: .7s; --animation-delay_duration-1000: 1s; --animation-percentage-0: 0; --animation-percentage-5: .05; --animation-percentage-10: .1; --animation-percentage-15: .15; --animation-percentage-20: .2; --animation-percentage-25: .25; --animation-percentage-30: .3; --animation-percentage-35: .35; --animation-percentage-40: .4; --animation-percentage-45: .45; --animation-percentage-50: .5; --animation-percentage-55: .55; --animation-percentage-60: .6; --animation-percentage-65: .65; --animation-percentage-70: .7; --animation-percentage-75: .75; --animation-percentage-80: .8; --animation-percentage-85: .85; --animation-percentage-90: .9; --animation-percentage-95: .95; --animation-percentage-100: 1; --animate-in: enter 0s; --animate-out: exit 0s; --z-index-table-is-clickable: 5; --z-index-vertical-drag-indicator: 40; --z-index-list-title-sticky: 50; --z-index-calendar-month-headers: 50; --z-index-planning-header: 50; --z-index-page-header: 90; --z-index-navigation-drawer: 100; --z-index-timelinechart-tooltip: 130; --animate-announce: announce 1s .2s; } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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; -webkit-text-decoration: 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 { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring:where(:not(iframe)) { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :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)) { ::placeholder { 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 { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } :root { --root-font-size: 8px; font-size: var(--root-font-size); font-feature-settings: "liga" 1, "calt" 1; } html { box-sizing: border-box; } *, :before, :after { box-sizing: inherit; } ::selection { background-color: var(--color-blue-70); color: var(--color-white); } body { background-color: var(--color-blue-10); font-size: var(--text-base); --tw-leading: var(--leading-base); line-height: var(--leading-base); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-primary); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { margin: 0; } ul, ol { padding-left: calc(var(--spacing) * 4); } ul { list-style-type: disc; } ol { list-style-type: decimal; } html, body { width: 100vw; height: 100vh; overflow: hidden; } @media print { html, body { width: auto; height: auto; overflow: visible; } } abbr, acronym { cursor: help; border-style: var(--tw-border-style); --tw-border-style: dotted; border-style: dotted; border-width: 1px; border-color: var(--color-gray-10); } blockquote { margin-inline: 0; margin-block: calc(var(--spacing) * 2); border-left-style: var(--tw-border-style); --tw-border-style: solid; border-style: solid; border-left-width: 2px; border-color: var(--color-gray-10); padding-left: calc(var(--spacing) * 2); } mark { background-color: #eee8aa; } } @layer components { [data-cname="DataTable"] { clip-path: inset(0); flex-direction: column; display: flex; position: relative; } [data-cname="DataTable"].-has-rounded-corners { clip-path: inset(0 round 1rem); } [data-cname="DataTable"].-with-border:after { pointer-events: none; z-index: 4; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-10); content: ""; position: absolute; inset: 0; } [data-cname="DataTable"].-has-rounded-corners.-with-border:after { border-radius: var(--radius-sm); } [data-cname="DataTableHeaderTable"] { z-index: 3; overscroll-behavior-x: none; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-10); scrollbar-width: none; flex-shrink: 0; min-width: 0; position: sticky; top: 0; overflow: auto hidden; } [data-cname="DataTableHeaderTable"]::-webkit-scrollbar { display: none; } [data-cname="DataTableBodyTable"] { overscroll-behavior-x: none; scrollbar-width: none; min-width: 0; min-height: 0; overflow-x: auto; } [data-cname="DataTableBodyTable"]::-webkit-scrollbar { display: none; } [data-cname="DataTableScrollbar"] { z-index: 4; overscroll-behavior-x: none; flex-shrink: 0; min-width: 0; margin-top: -1px; position: sticky; bottom: 0; overflow: auto hidden; } [data-cname="DataTableScrollbar"] > div { width: max-content; min-width: 100%; height: 1px; display: grid; } [data-cname="DataTableTable"] { --dt-cell-border-x-color: var(--color-gray-10); background-color: var(--color-white); min-width: 0; display: grid; } :is([data-cname="DataTableTable"].-with-column-borders [data-cname="DataTableHeaderCell"], [data-cname="DataTableTable"].-with-column-borders [data-cname="DataTableCell"]):not(:last-child) { border-right-style: var(--tw-border-style); border-right-width: 1px; border-color: var(--dt-cell-border-x-color); } :is([data-cname="DataTableTable"].-with-column-borders [data-cname="DataTableHeaderCell"], [data-cname="DataTableTable"].-with-column-borders [data-cname="DataTableCell"]):not([data-sticky]):has( + [data-sticky]) { --tw-border-style: none; border-style: none; } [data-cname="DataTableTable"]:before { pointer-events: none; z-index: 4; width: calc(var(--spacing) * 4); --tw-gradient-position: to right; position: absolute; top: 0; bottom: 0; } @supports (background-image: linear-gradient(in lab, red, red)) { [data-cname="DataTableTable"]:before { --tw-gradient-position: to right in oklab; } } [data-cname="DataTableTable"]:before { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: #000c2133; } @supports (color: color-mix(in lab, red, red)) { [data-cname="DataTableTable"]:before { --tw-gradient-from: color-mix(in oklab, var(--color-primary) 20%, transparent); } } [data-cname="DataTableTable"]:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); opacity: 0; transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; content: ""; left: var(--dt-shadow-offset-left); transition-duration: .15s; } [data-cname="DataTableTable"]:after { pointer-events: none; z-index: 4; width: calc(var(--spacing) * 4); --tw-gradient-position: to left; position: absolute; top: 0; bottom: 0; } @supports (background-image: linear-gradient(in lab, red, red)) { [data-cname="DataTableTable"]:after { --tw-gradient-position: to left in oklab; } } [data-cname="DataTableTable"]:after { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: #000c2133; } @supports (color: color-mix(in lab, red, red)) { [data-cname="DataTableTable"]:after { --tw-gradient-from: color-mix(in oklab, var(--color-primary) 20%, transparent); } } [data-cname="DataTableTable"]:after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); opacity: 0; transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; content: ""; right: var(--dt-shadow-offset-right); transition-duration: .15s; } [data-cname="DataTableTable"].-shadow-left:before, [data-cname="DataTableTable"].-shadow-right:after { opacity: 1; } [data-cname="DataTableHead"] { z-index: 3; grid-column: 1 / -1; grid-template-columns: subgrid; display: grid; position: sticky; top: 0; } [data-cname="DataTableHeaderRow"] { grid-column: 1 / -1; grid-template-columns: subgrid; display: grid; } [data-cname="DataTableHeaderCell"] { --dt-header-cell-border-t: inset 0 1px 0 0 var(--color-gray-10); --dt-header-cell-border-b: 0px 1px 0 0 var(--color-gray-10); min-height: calc(var(--spacing) * 12); background-color: var(--color-blue-00); min-width: 0; padding: calc(var(--spacing) * 3); font-size: var(--text-sm); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-secondary); display: flex; } [data-cname="DataTableHeaderRow"]:first-child:last-child [data-cname="DataTableHeaderCell"] { box-shadow: var(--dt-header-cell-border-b); } [data-cname="DataTableHeaderRow"]:not(:first-child):not(:last-child) [data-cname="DataTableHeaderCell"] { box-shadow: var(--dt-header-cell-border-t); } [data-cname="DataTableHeaderRow"]:not(:first-child):last-child [data-cname="DataTableHeaderCell"] { box-shadow: var(--dt-header-cell-border-t), var(--dt-header-cell-border-b); } [data-cname="DataTableHeaderCell"]:first-child { padding-left: calc(var(--spacing) * 6); } [data-cname="DataTableHeaderCell"]:last-child { padding-right: calc(var(--spacing) * 6); } [data-cname="DataTableHeaderCell"].-is-centered { text-align: center; justify-content: center; } [data-cname="DataTableHeaderCell"].-border-left { border-left-style: var(--tw-border-style); border-left-width: 1px; border-color: var(--color-gray-10); } [data-cname="DataTableHeaderCell"].-border-right { border-right-style: var(--tw-border-style); border-right-width: 1px; border-color: var(--color-gray-10); } [data-cname="DataTableHeaderCell"].-is-sticky { z-index: 1; position: sticky; } [data-cname="DataTableHeaderCell"].-has-sticky-content > div { left: calc(var(--dt-shadow-offset-left) + 1.5rem); right: calc(var(--dt-shadow-offset-right) + 1.5rem); position: sticky; } [data-cname="DataTableHeaderCell"].-has-sticky-content:first-child > div { left: calc(var(--dt-shadow-offset-left) + 3rem); } [data-cname="DataTableHeaderCell"].-has-sticky-content:last-child > div { right: calc(var(--dt-shadow-offset-right) + 3rem); } [data-cname="DataTableHeaderCell"].-is-row-meaning-icon-cell { padding-right: 0; border-right-style: var(--tw-border-style) !important; border-right-width: 0 !important; } [data-cname="DataTableHeaderCell"].-is-actions { padding-block: var(--spacing); justify-content: flex-end; align-items: flex-start; display: flex; } [data-cname="DataTableHeaderCell"].-is-actions > div { justify-content: flex-end; align-items: flex-start; gap: calc(var(--spacing) * 2); display: flex; } [data-cname="DataTableBody"] { grid-column: 1 / -1; grid-template-columns: subgrid; display: grid; } [data-cname="DataTable"].-is-scrollable [data-cname="DataTableBody"]:first-of-type [data-cname="DataTableCell"] { box-shadow: none; } [data-cname="DataTableRow"] { grid-column: 1 / -1; grid-template-columns: subgrid; display: grid; position: relative; } [data-cname="DataTableRow"].-is-active:before { pointer-events: none; width: calc(var(--spacing) * 1.5); background-color: var(--color-blue-100); content: ""; position: absolute; top: 0; bottom: 0; left: 1px; } [data-cname="DataTableRow"].-meaning-none { --dt-cell-color: var(--color-white); --dt-cell-color-sticky: var(--color-blue-00); } [data-cname="DataTableRow"].-meaning-critical { --dt-cell-color: var(--color-red-10); --dt-cell-color-sticky: var(--color-red-10); } [data-cname="DataTableRow"].-meaning-warning { --dt-cell-color: var(--color-yellow-10); --dt-cell-color-sticky: var(--color-yellow-10); } [data-cname="DataTableBody"]:not(:last-child):has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"].-is-clickable:last-child:after { pointer-events: none; height: calc(var(--spacing) * 3); --tw-gradient-position: to bottom; position: absolute; left: 0; right: 0; } @supports (background-image: linear-gradient(in lab, red, red)) { [data-cname="DataTableBody"]:not(:last-child):has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"].-is-clickable:last-child:after { --tw-gradient-position: to bottom in oklab; } } [data-cname="DataTableBody"]:not(:last-child):has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"].-is-clickable:last-child:after { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: #4656741a; } @supports (color: color-mix(in lab, red, red)) { [data-cname="DataTableBody"]:not(:last-child):has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"].-is-clickable:last-child:after { --tw-gradient-from: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } [data-cname="DataTableBody"]:not(:last-child):has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"].-is-clickable:last-child:after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: transparent; content: ""; opacity: 1; bottom: -13px; } [data-cname="DataTableBody"]:has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"] { z-index: 2; cursor: pointer; } [data-cname="DataTableBody"]:has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"].-meaning-none { --dt-cell-color: var(--color-blue-10); --dt-cell-color-sticky: var(--color-blue-10); --dt-cell-border-x-color: var(--color-blue-20); } [data-cname="DataTableBody"]:has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"].-meaning-critical { --dt-cell-color: var(--color-red-20); --dt-cell-color-sticky: var(--color-red-20); --dt-cell-border-x-color: var(--color-red-30); } [data-cname="DataTableBody"]:has([data-cname="DataTableRow"].-is-clickable):hover [data-cname="DataTableRow"].-meaning-warning { --dt-cell-color: var(--color-yellow-20); --dt-cell-color-sticky: var(--color-yellow-20); --dt-cell-border-x-color: var(--color-yellow-40); } [data-cname="DataTableCell"] { min-height: calc(var(--spacing) * 12); min-width: 0; padding: calc(var(--spacing) * 3); overflow-wrap: anywhere; background-color: var(--dt-cell-color); align-items: flex-start; display: flex; position: relative; } [data-cname="DataTableCell"]:first-child { padding-left: calc(var(--spacing) * 6); } [data-cname="DataTableCell"]:last-child { padding-right: calc(var(--spacing) * 6); } [data-cname="DataTableCell"].-border-left { border-left-style: var(--tw-border-style); border-left-width: 1px; border-color: var(--dt-cell-border-x-color); } [data-cname="DataTableCell"].-border-right { border-right-style: var(--tw-border-style); border-right-width: 1px; border-color: var(--dt-cell-border-x-color); } [data-cname="DataTableCell"].-is-full-width { grid-column: 1 / -1; } [data-cname="DataTableCell"].-is-sticky { z-index: 1; background-color: var(--dt-cell-color-sticky); position: sticky; } [data-cname="DataTableCell"].-is-row-meaning-icon-cell { padding-right: 0; border-right-style: var(--tw-border-style) !important; border-right-width: 0 !important; } [data-cname="DataTableCell"].-is-actions { padding-block: var(--spacing); justify-content: flex-end; } [data-cname="DataTableRow"].-meaning-none :is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover), [data-cname="DataTableCell"].-is-clickable.-is-active, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable).-is-active + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable.-is-active)) { --dt-cell-color: var(--color-blue-10); --dt-cell-color-sticky: var(--color-blue-10); } [data-cname="DataTableRow"].-meaning-critical :is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover), [data-cname="DataTableCell"].-is-clickable.-is-active, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable).-is-active + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable.-is-active)) { --dt-cell-color: var(--color-red-20); --dt-cell-color-sticky: var(--color-red-20); } [data-cname="DataTableRow"].-meaning-warning :is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover), [data-cname="DataTableCell"].-is-clickable.-is-active, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable).-is-active + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable.-is-active)) { --dt-cell-color: var(--color-yellow-20); --dt-cell-color-sticky: var(--color-yellow-20); } [data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover) { cursor: pointer; } [data-cname="DataTableBody"]:not(:last-child):has(:is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover))) :is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover)):after { pointer-events: none; height: calc(var(--spacing) * 3); --tw-gradient-position: to bottom; position: absolute; } @supports (background-image: linear-gradient(in lab, red, red)) { [data-cname="DataTableBody"]:not(:last-child):has(:is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover))) :is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover)):after { --tw-gradient-position: to bottom in oklab; } } [data-cname="DataTableBody"]:not(:last-child):has(:is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover))) :is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover)):after { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: #4656741a; } @supports (color: color-mix(in lab, red, red)) { [data-cname="DataTableBody"]:not(:last-child):has(:is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover))) :is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover)):after { --tw-gradient-from: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } [data-cname="DataTableBody"]:not(:last-child):has(:is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover))) :is([data-cname="DataTableCell"].-is-clickable:hover, [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable):hover + [data-cname="DataTableCell"], [data-cname="DataTableCell"].-is-row-meaning-icon-cell:has( + [data-cname="DataTableCell"].-is-clickable:hover)):after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: transparent; content: ""; bottom: -13px; left: 0; right: 0; } [data-cname="DataTableCell"].-is-row-meaning-icon-cell + [data-cname="DataTableCell"].-is-clickable:before { border-left-style: var(--tw-border-style) !important; border-left-width: 0 !important; } [data-cname="DataTableBody"]:has([data-cname="DataTableCell"].-is-clickable):hover [data-cname="DataTableCell"] { z-index: 1; } [data-cname="DataTableBody"]:has([data-cname="DataTableCell"].-is-clickable):hover [data-cname="DataTableCell"].-is-sticky { z-index: 2; } [data-cname="DataTableRow"]:first-child [data-cname="DataTableCell"] { box-shadow: inset 0 1px 0 0 var(--color-gray-10); } [data-cname="DataTableRowIcon"] { height: calc(var(--spacing) * 6); align-items: center; display: flex; } [data-cname="DataTableRowIcon"].-meaning-critical { color: var(--color-red-100); } [data-cname="DataTableRowIcon"].-meaning-warning { color: var(--color-primary); } [data-cname="DataTableConfirmDestructiveAction"] { z-index: 2; height: 100%; width: var(--container-md); cursor: default; position: absolute; top: 0; right: 0; overflow: hidden; } [data-cname="DataTableConfirmDestructiveAction"] > div { background-color: var(--color-red-30); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: absolute; inset: 0; } [data-cname="DataTableConfirmDestructiveAction"] > div.-is-active { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } @starting-style { [data-cname="DataTableConfirmDestructiveAction"] > div.-is-active { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } } @starting-style { [data-cname="DataTableConfirmDestructiveAction"] > div.-is-active { opacity: 0; } } [data-cname="DataTableConfirmDestructiveAction"] > div:not(.-is-active) { pointer-events: none; --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 0; --tw-duration: .1s; transition-duration: .1s; } [data-cname="DataTableConfirmDestructiveAction"] > div > div { height: calc(var(--spacing) * 12); justify-content: flex-end; align-items: center; gap: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 6); padding-block: var(--spacing); text-align: right; display: flex; } [data-cname="DataTableConfirmDestructiveAction"] > div > div > span { margin: 0; margin-right: calc(var(--spacing) * 2); --tw-leading: calc(var(--spacing) * 4); max-height: 100%; line-height: calc(var(--spacing) * 4); color: var(--color-primary); } .rdp-root { background-color: var(--color-white); } .rdp-root.-can-highlight-week .rdp-week:hover .rdp-day_button { background-color: var(--color-gray-10); } .rdp-root.-can-highlight-week .rdp-day.rdp-day_in_highlighted_week .rdp-day_button { background-color: var(--color-blue-10); } .rdp-root.-can-highlight-week .rdp-day.rdp-today:not(.rdp-outside) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-blue-100); } .rdp-root.-can-highlight-week .rdp-week:hover .rdp-day_button, .rdp-root.-can-highlight-week .rdp-day.rdp-day_in_highlighted_week .rdp-day_button { border-top-style: var(--tw-border-style); border-top-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-20); } .rdp-root.-can-highlight-week .rdp-week:hover .rdp-day .rdp-day_button:hover .rdp-day_content, .rdp-root.-can-highlight-week .rdp-day.rdp-day_in_highlighted_week .rdp-day_button:hover .rdp-day_content { background-color: #0000; } .rdp-root.-can-highlight-week .rdp-day_is_start_of_highlighted_week .rdp-day_button, .rdp-root.-can-highlight-week .rdp-week:hover .rdp-day:first-child .rdp-day_button { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .rdp-root.-can-highlight-week .rdp-day_is_end_of_highlighted_week .rdp-day_button, .rdp-root.-can-highlight-week .rdp-week:hover .rdp-day:last-child .rdp-day_button { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .rdp-month_caption { margin: calc(var(--spacing) * 2); justify-content: space-between; align-items: center; margin-inline-start: calc(var(--spacing) * 3); display: flex; } .rdp-month_grid { margin: calc(var(--spacing) * 2); border-collapse: collapse; } .rdp-dropdowns { align-items: center; gap: calc(var(--spacing) * 4); display: flex; } .rdp-dropdown_root { position: relative; } .rdp-caption_label { align-items: center; gap: var(--spacing); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; display: inline-flex; position: relative; } .rdp-dropdown { z-index: 2; appearance: none; border-style: var(--tw-border-style); opacity: 0; border-width: 0; width: 100%; padding: 0; position: absolute; inset: 0; } .rdp-day_button, .rdp-button_previous, .rdp-button_next { cursor: default; appearance: none; --tw-border-style: none; color: inherit; background-image: none; border-style: none; margin: 0; padding: 0; font-family: inherit; position: relative; } .rdp-nav { flex-shrink: 0; } .rdp-weekday { font-size: var(--text-sm); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-secondary); } .rdp-day, .rdp-day_button, .rdp-day_content { height: calc(var(--spacing) * 10); width: calc(var(--spacing) * 10); } .rdp-day { text-align: center; padding: 0; } .rdp-day:first-child.rdp-day_range_center { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .rdp-day:last-child.rdp-day_range_center { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .rdp-day.rdp-selected:not(.rdp-day_in_highlighted_week) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-white); } .rdp-day.rdp-selected:not(.rdp-day_in_highlighted_week).rdp-disabled { opacity: .6; } .rdp-day.rdp-selected:not(.rdp-day_in_highlighted_week):not(.rdp-outside) .rdp-day_content { background-color: var(--color-blue-100); } .rdp-day.rdp-selected:not(.rdp-day_in_highlighted_week).rdp-outside .rdp-day_content { background-color: var(--color-blue-30); } .rdp-day:not(.rdp-outside, .rdp-selected).rdp-today { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-blue-100); } .rdp-day:not(.rdp-outside, .rdp-selected).rdp-disabled { cursor: not-allowed; --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-gray-40); } .rdp-day:not(.rdp-selected, .rdp-disabled):hover .rdp-day_content { background-color: var(--color-gray-20); } .rdp-day.rdp-day_range_start, .rdp-day.rdp-day_range_center, .rdp-day.rdp-day_range_end { background-color: var(--color-blue-10); } .rdp-day.rdp-day_range_start { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .rdp-day.rdp-day_range_end { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .rdp-day.rdp-outside { color: var(--color-gray-40); } .rdp-day_content { border-radius: var(--radius-sm); justify-content: center; align-items: center; display: flex; } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74d3c; --toastify-color-transparent: #ffffffb3; --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-container-width: fit-content; --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-padding: 14px; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-toast-shadow: 0px 4px 12px #0000001a; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: .2; } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index)); width: var(--toastify-container-width); box-sizing: border-box; color: #fff; flex-direction: column; display: flex; position: fixed; } .Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); } .Toastify__toast-container--top-center { top: var(--toastify-toast-top); align-items: center; left: 50%; transform: translateX(-50%); } .Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); align-items: end; } .Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); } .Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); align-items: center; left: 50%; transform: translateX(-50%); } .Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); align-items: end; } .Toastify__toast { --y: 0px; touch-action: none; width: var(--toastify-toast-width); min-height: var(--toastify-toast-min-height); box-sizing: border-box; padding: var(--toastify-toast-padding); border-radius: var(--toastify-toast-bd-radius); box-shadow: var(--toastify-toast-shadow); max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); z-index: 0; word-break: break-word; flex: auto; align-items: center; margin-bottom: 1rem; display: flex; position: relative; } @media only screen and (max-width: 480px) { .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: 0; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translateX(0); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translateX(0); } .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: initial; } .Toastify__toast { --toastify-toast-width: 100%; border-radius: 0; margin-bottom: 0; } } .Toastify__toast-container[data-stacked="true"] { width: var(--toastify-toast-width); } @media only screen and (max-width: 480px) { .Toastify__toast-container[data-stacked="true"] { width: 100vw; } } .Toastify__toast--stacked { width: 100%; transform: translate3d(0, var(--y), 0) scale(var(--s)); transition: transform .3s; position: absolute; } .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button { transition: opacity .1s; } .Toastify__toast--stacked[data-collapsed="false"] { overflow: visible; } .Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * { opacity: 0; } .Toastify__toast--stacked:after { content: ""; height: calc(var(--g) * 1px); position: absolute; bottom: 100%; left: 0; right: 0; } .Toastify__toast--stacked[data-pos="top"] { top: 0; } .Toastify__toast--stacked[data-pos="bot"] { bottom: 0; } .Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before { transform-origin: top; } .Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before { transform-origin: bottom; } .Toastify__toast--stacked:before { content: ""; z-index: -1; height: 100%; position: absolute; bottom: 0; left: 0; right: 0; transform: scaleY(3); } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-icon { flex-shrink: 0; width: 22px; margin-inline-end: 10px; display: flex; } .Toastify--animate { animation-duration: .5s; animation-fill-mode: both; } .Toastify--animate-icon { animation-duration: .3s; animation-fill-mode: both; } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: #fff; cursor: pointer; opacity: .7; z-index: 1; background: none; border: none; outline: none; padding: 0; transition: all .3s; position: absolute; top: 6px; right: 6px; } .Toastify__toast--rtl .Toastify__close-button { left: 6px; right: unset; } .Toastify__close-button--light { color: #000; opacity: .3; } .Toastify__close-button > svg { fill: currentColor; width: 14px; height: 16px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { z-index: 1; opacity: .7; transform-origin: 0; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; } .Toastify__progress-bar--animated { animation: linear forwards Toastify__trackProgress; } .Toastify__progress-bar--controlled { transition: transform .2s; } .Toastify__progress-bar--rtl { right: 0; left: initial; transform-origin: 100%; border-bottom-left-radius: initial; } .Toastify__progress-bar--wrp { border-bottom-left-radius: var(--toastify-toast-bd-radius); border-bottom-right-radius: var(--toastify-toast-bd-radius); width: 100%; height: 5px; position: absolute; bottom: 0; left: 0; overflow: hidden; } .Toastify__progress-bar--wrp[data-hidden="true"] { opacity: 0; } .Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; } .Toastify__spinner { box-sizing: border-box; border: 2px solid; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); border-radius: 100%; width: 20px; height: 20px; animation: .65s linear infinite Toastify__spin; } @keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, var(--y), 0); } to { opacity: 0; transform: translate3d(2000px, var(--y), 0); } } @keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, var(--y), 0); } to { opacity: 0; transform: translate3d(-2000px, var(--y), 0); } } @keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, calc(var(--y) - 10px), 0); } 40%, 45% { opacity: 1; transform: translate3d(0, calc(var(--y) + 20px), 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes Toastify__bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0, calc(var(--y) - 10px), 0); } 40%, 45% { opacity: 1; transform: translate3d(0, calc(var(--y) + 20px), 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; } @keyframes Toastify__zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3); } to { opacity: 0; } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { animation-name: Toastify__zoomOut; } @keyframes Toastify__flipIn { from { opacity: 0; animation-timing-function: ease-in; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, 10deg); } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes Toastify__flipOut { from { transform: translate3d(0, var(--y), 0) perspective(400px); } 30% { transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { animation-name: Toastify__flipIn; } .Toastify__flip-exit { animation-name: Toastify__flipOut; } @keyframes Toastify__slideInRight { from { visibility: visible; transform: translate3d(110%, 0, 0); } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInLeft { from { visibility: visible; transform: translate3d(-110%, 0, 0); } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInUp { from { visibility: visible; transform: translate3d(0, 110%, 0); } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideInDown { from { visibility: visible; transform: translate3d(0, -110%, 0); } to { transform: translate3d(0, var(--y), 0); } } @keyframes Toastify__slideOutRight { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(110%, var(--y), 0); } } @keyframes Toastify__slideOutLeft { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(-110%, var(--y), 0); } } @keyframes Toastify__slideOutDown { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(0, 500px, 0); } } @keyframes Toastify__slideOutUp { from { transform: translate3d(0, var(--y), 0); } to { visibility: hidden; transform: translate3d(0, -500px, 0); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; animation-duration: .3s; animation-timing-function: ease-in; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; animation-duration: .3s; animation-timing-function: ease-in; } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-duration: .3s; animation-timing-function: ease-in; } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-duration: .3s; animation-timing-function: ease-in; } @keyframes Toastify__spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } .Toastify__toast.snackbar { z-index: var(--z-index-snackbar); width: fit-content; max-width: calc(var(--spacing) * 100); min-width: calc(var(--spacing) * 80); cursor: default; border-radius: var(--radius-sm); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); font-family: var(--font-sans); color: var(--color-primary); justify-content: space-between; overflow: hidden; } .Toastify__toast.snackbar.-warning { background-color: var(--color-yellow-50); } .Toastify__toast.snackbar.-critical { background-color: var(--color-red-30); } .Toastify__toast.snackbar.-success { background-color: var(--color-green-50); } .Toastify__toast.snackbar.-informational { background-color: var(--color-blue-30); } .Toastify__toast.snackbar .snackbar-progress.-warning { background-color: var(--color-yellow-100); } .Toastify__toast.snackbar .snackbar-progress.-critical { background-color: var(--color-red-100); } .Toastify__toast.snackbar .snackbar-progress.-success { background-color: var(--color-green-100); } .Toastify__toast.snackbar .snackbar-progress.-informational { background-color: var(--color-blue-100); } .Toastify__progress-bar--wrp { height: calc(var(--spacing) * 1.25); } } @layer utilities { .\@container-size\/sidebar { container: sidebar / size; } .\@container\/listitem { container: listitem / inline-size; } .\@container\/pagination { container: pagination / inline-size; } .\@container, .\@container-\[inline-size\] { container-type: inline-size; } .\@container-size { container-type: size; } .announce-config { position: relative; } .announce-config:after { pointer-events: none; animation: var(--animate-announce); border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-blue-100); opacity: 0; --tw-content: ""; content: var(--tw-content); position: absolute; inset: 0; } .announce-form-section { position: relative; } .announce-form-section:after { pointer-events: none; top: calc(var(--spacing) * -2); right: calc(var(--spacing) * -4); bottom: calc(var(--spacing) * -4); left: calc(var(--spacing) * -4); z-index: calc(1 * -1); animation: var(--animate-announce); border-radius: var(--radius-sm); background-color: var(--color-blue-20); opacity: 0; --tw-content: ""; content: var(--tw-content); position: absolute; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .\!visible { visibility: visible !important; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .not-sr-only { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .absolute\! { position: absolute !important; } .fixed { position: fixed; } .fixed\! { position: fixed !important; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .sticky\! { position: sticky !important; } .-inset-1 { inset: calc(var(--spacing) * -1); } .inset-0 { inset: 0; } .inset-x-0 { inset-inline: 0; } .inset-y-0 { inset-block: 0; } .-top-0\.5 { top: calc(var(--spacing) * -.5); } .top-\(--lhm-top\) { top: var(--lhm-top); } .top-\(--page-header-height\,0\) { top: var(--page-header-height, 0); } .top-\(--top\) { top: var(--top); } .top-0 { top: 0; } .top-1 { top: var(--spacing); } .top-1\/2 { top: 50%; } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-10 { top: calc(var(--spacing) * 10); } .top-\[10vh\] { top: 10vh; } .right-\(--drag-indicator-right\,0\) { right: var(--drag-indicator-right, 0); } .right-\(--lhm-right\) { right: var(--lhm-right); } .right-\(--right\) { right: var(--right); } .right-0 { right: 0; } .right-3 { right: calc(var(--spacing) * 3); } .right-6 { right: calc(var(--spacing) * 6); } .right-14 { right: calc(var(--spacing) * 14); } .-bottom-10 { bottom: calc(var(--spacing) * -10); } .bottom-\(--bottom\) { bottom: var(--bottom); } .bottom-\(--lhm-bottom\) { bottom: var(--lhm-bottom); } .bottom-0 { bottom: 0; } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .left-\(--drag-indicator-left\,0\) { left: var(--drag-indicator-left, 0); } .left-\(--left\) { left: var(--left); } .left-\(--lhm-left\) { left: var(--lhm-left); } .left-0 { left: 0; } .left-1 { left: var(--spacing); } .left-1\/2 { left: 50%; } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .left-7 { left: calc(var(--spacing) * 7); } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-4 { z-index: 4; } .z-20 { z-index: 20; } .z-120 { z-index: 120; } .z-9999 { z-index: 9999; } .z-\[calc\(var\(--z-index-dialog\)-1\)_\!important\] { z-index: calc(var(--z-index-dialog) - 1) !important; } .z-dialog { z-index: var(--z-index-dialog); } .z-dropdown-menu-content { z-index: var(--z-index-dropdown-menu-content); } .z-float { z-index: var(--z-index-float); } .z-input-popup { z-index: var(--z-index-input-popup); } .z-list-title-sticky { z-index: var(--z-index-list-title-sticky); } .z-page-header { z-index: var(--z-index-page-header); } .z-popper-content { z-index: var(--z-index-popper-content); } .z-side-panel { z-index: var(--z-index-side-panel); } .z-snackbar { z-index: var(--z-index-snackbar); } .z-timelinechart-tooltip { z-index: var(--z-index-timelinechart-tooltip); } .z-tooltip-content { z-index: var(--z-index-tooltip-content); } .z-vertical-drag-indicator { z-index: var(--z-index-vertical-drag-indicator); } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .order-123 { order: 123; } .order-first { order: -9999; } .order-last { order: 9999; } .order-none { order: 0; } .col-1 { grid-column: 1; } .col-2 { grid-column: 2; } .col-3 { grid-column: 3; } .col-4 { grid-column: 4; } .col-5 { grid-column: 5; } .col-6 { grid-column: 6; } .col-7 { grid-column: 7; } .col-8 { grid-column: 8; } .col-9 { grid-column: 9; } .col-10 { grid-column: 10; } .col-11 { grid-column: 11; } .col-12 { grid-column: 12; } .col-auto { grid-column: auto; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-end-4 { grid-column-end: 4; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-end-3 { grid-row-end: 3; } .float-end { float: inline-end; } .float-left { float: left; } .float-none { float: none; } .float-right { float: right; } .float-start { float: inline-start; } .clear-both { clear: both; } .clear-end { clear: inline-end; } .clear-left { clear: left; } .clear-none { clear: none; } .clear-right { clear: right; } .clear-start { clear: inline-start; } .\!container { width: 100% !important; } @media (min-width: 40rem) { .\!container { max-width: 40rem !important; } } @media (min-width: 48rem) { .\!container { max-width: 48rem !important; } } @media (min-width: 64rem) { .\!container { max-width: 64rem !important; } } @media (min-width: 80rem) { .\!container { max-width: 80rem !important; } } @media (min-width: 96rem) { .\!container { max-width: 96rem !important; } } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .container\! { width: 100% !important; } @media (min-width: 40rem) { .container\! { max-width: 40rem !important; } } @media (min-width: 48rem) { .container\! { max-width: 48rem !important; } } @media (min-width: 64rem) { .container\! { max-width: 64rem !important; } } @media (min-width: 80rem) { .container\! { max-width: 80rem !important; } } @media (min-width: 96rem) { .container\! { max-width: 96rem !important; } } .-m-1 { margin: calc(var(--spacing) * -1); } .m-0 { margin: 0; } .m-0\! { margin: 0 !important; } .m-0\.5\! { margin: calc(var(--spacing) * .5) !important; } .m-1 { margin: var(--spacing); } .m-2 { margin: calc(var(--spacing) * 2); } .m-3 { margin: calc(var(--spacing) * 3); } .m-4 { margin: calc(var(--spacing) * 4); } .m-5 { margin: calc(var(--spacing) * 5); } .m-6 { margin: calc(var(--spacing) * 6); } .m-auto { margin: auto; } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-\(--margin\) { margin-inline: var(--margin); } .mx-0 { margin-inline: 0; } .mx-0\! { margin-inline: 0 !important; } .mx-0\.5 { margin-inline: calc(var(--spacing) * .5); } .mx-1 { margin-inline: var(--spacing); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-2\.5 { margin-inline: calc(var(--spacing) * 2.5); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-6\! { margin-inline: calc(var(--spacing) * 6) !important; } .mx-auto { margin-inline: auto; } .-my-0\.5 { margin-block: calc(var(--spacing) * -.5); } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-1\! { margin-block: calc(var(--spacing) * -1) !important; } .-my-2 { margin-block: calc(var(--spacing) * -2); } .-my-5 { margin-block: calc(var(--spacing) * -5); } .my-0 { margin-block: 0; } .my-1 { margin-block: var(--spacing); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-20 { margin-block: calc(var(--spacing) * 20); } .my-24 { margin-block: calc(var(--spacing) * 24); } .my-\[calc\(\(var\(--snippet-margin\)\/2\)-1px\)\] { margin-block: calc((var(--snippet-margin) / 2) - 1px); } .my-auto { margin-block: auto; } .ms-1 { margin-inline-start: var(--spacing); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .ms-4 { margin-inline-start: calc(var(--spacing) * 4); } .ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .-me-1 { margin-inline-end: calc(var(--spacing) * -1); } .me-1 { margin-inline-end: var(--spacing); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-6 { margin-top: calc(var(--spacing) * -6); } .-mt-36 { margin-top: calc(var(--spacing) * -36); } .-mt-px { margin-top: -1px; } .mt-0 { margin-top: 0; } .mt-0\! { margin-top: 0 !important; } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: var(--spacing); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-\[16px\] { margin-top: 16px; } .mt-auto { margin-top: auto; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-3\.75 { margin-right: calc(var(--spacing) * -3.75); } .mr-0 { margin-right: 0; } .mr-1 { margin-right: var(--spacing); } .mr-1\.75 { margin-right: calc(var(--spacing) * 1.75); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-2\.5 { margin-right: calc(var(--spacing) * 2.5); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-12\! { margin-right: calc(var(--spacing) * 12) !important; } .-mb-1 { margin-bottom: calc(var(--spacing) * -1); } .-mb-3 { margin-bottom: calc(var(--spacing) * -3); } .mb-\(--margin\) { margin-bottom: var(--margin); } .mb-0 { margin-bottom: 0; } .mb-1 { margin-bottom: var(--spacing); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-4\! { margin-bottom: calc(var(--spacing) * 4) !important; } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-auto { margin-bottom: auto; } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-3 { margin-left: calc(var(--spacing) * -3); } .-ml-16 { margin-left: calc(var(--spacing) * -16); } .ml-0 { margin-left: 0; } .ml-0\! { margin-left: 0 !important; } .ml-1 { margin-left: var(--spacing); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-2\.5 { margin-left: calc(var(--spacing) * 2.5); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-12 { margin-left: calc(var(--spacing) * 12); } .ml-16 { margin-left: calc(var(--spacing) * 16); } .ml-\[0\.3em\] { margin-left: .3em; } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { display: none; } .line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible; } .\!contents { display: contents !important; } .\!hidden { display: none !important; } .block { display: block; } .block\! { display: block !important; } .contents { display: contents; } .contents\! { display: contents !important; } .deep-empty-hidden:not(:has(:not(:empty))) { display: none; } .flex { display: flex; } .flex\! { display: flex !important; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .hidden\! { display: none !important; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-block\! { display: inline-block !important; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .inline-grid\! { display: inline-grid !important; } .inline-table { display: inline-table; } .list-item { display: list-item; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-column-group { display: table-column-group; } .table-footer-group { display: table-footer-group; } .table-header-group { display: table-header-group; } .table-row { display: table-row; } .table-row-group { display: table-row-group; } .field-sizing-content { field-sizing: content; } .field-sizing-fixed { field-sizing: fixed; } .aspect-70\/99 { aspect-ratio: 70 / 99; } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-auto { width: auto; height: auto; } .h-0 { height: 0; } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-1 { height: var(--spacing); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-4\! { height: calc(var(--spacing) * 4) !important; } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-5\! { height: calc(var(--spacing) * 5) !important; } .h-5\.5 { height: calc(var(--spacing) * 5.5); } .h-6 { height: calc(var(--spacing) * 6); } .h-6\! { height: calc(var(--spacing) * 6) !important; } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-12\! { height: calc(var(--spacing) * 12) !important; } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-25 { height: calc(var(--spacing) * 25); } .h-25\! { height: calc(var(--spacing) * 25) !important; } .h-28 { height: calc(var(--spacing) * 28); } .h-32 { height: calc(var(--spacing) * 32); } .h-50 { height: calc(var(--spacing) * 50); } .h-75 { height: calc(var(--spacing) * 75); } .h-100 { height: calc(var(--spacing) * 100); } .h-108 { height: calc(var(--spacing) * 108); } .h-\[0\.72em\] { height: .72em; } .h-\[297px\] { height: 297px; } .h-\[500px\] { height: 500px; } .h-\[calc\(7rem-1px\)\] { height: calc(7rem - 1px); } .h-\[inherit\] { height: inherit; } .h-auto { height: auto; } .h-auto\! { height: auto !important; } .h-full { height: 100%; } .h-lh { height: 1lh; } .h-min { height: min-content; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-1 { max-height: var(--spacing); } .max-h-50 { max-height: calc(var(--spacing) * 50); } .max-h-56 { max-height: calc(var(--spacing) * 56); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-76 { max-height: calc(var(--spacing) * 76); } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[calc\(100vh-24rem\)\] { max-height: calc(100vh - 24rem); } .max-h-full { max-height: 100%; } .max-h-lh { max-height: 1lh; } .max-h-none { max-height: none; } .max-h-px { max-height: 1px; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: 0; } .min-h-0\! { min-height: 0 !important; } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-6\! { min-height: calc(var(--spacing) * 6) !important; } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-16\! { min-height: calc(var(--spacing) * 16) !important; } .min-h-32 { min-height: calc(var(--spacing) * 32); } .min-h-32\! { min-height: calc(var(--spacing) * 32) !important; } .min-h-90 { min-height: calc(var(--spacing) * 90); } .min-h-\[297mm\] { min-height: 297mm; } .min-h-auto { min-height: auto; } .min-h-lh { min-height: 1lh; } .min-h-px { min-height: 1px; } .min-h-screen { min-height: 100vh; } .w-\(--drawer-width\) { width: var(--drawer-width); } .w-0 { width: 0; } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-1\/4 { width: 25%; } .w-2 { width: calc(var(--spacing) * 2); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/12 { width: 25%; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\! { width: calc(var(--spacing) * 4) !important; } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-4\/12 { width: 33.3333%; } .w-4xl { width: var(--container-4xl); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\! { width: calc(var(--spacing) * 5) !important; } .w-5\.5 { width: calc(var(--spacing) * 5.5); } .w-5\/12 { width: 41.6667%; } .w-6 { width: calc(var(--spacing) * 6); } .w-6\! { width: calc(var(--spacing) * 6) !important; } .w-7 { width: calc(var(--spacing) * 7); } .w-7\/12 { width: 58.3333%; } .w-8 { width: calc(var(--spacing) * 8); } .w-9\/12 { width: 75%; } .w-10 { width: calc(var(--spacing) * 10); } .w-10\! { width: calc(var(--spacing) * 10) !important; } .w-10\/12 { width: 83.3333%; } .w-11\/12 { width: 91.6667%; } .w-12 { width: calc(var(--spacing) * 12); } .w-12\! { width: calc(var(--spacing) * 12) !important; } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-18 { width: calc(var(--spacing) * 18); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-25 { width: calc(var(--spacing) * 25); } .w-25\! { width: calc(var(--spacing) * 25) !important; } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-34 { width: calc(var(--spacing) * 34); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-50 { width: calc(var(--spacing) * 50); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-75 { width: calc(var(--spacing) * 75); } .w-76 { width: calc(var(--spacing) * 76); } .w-80 { width: calc(var(--spacing) * 80); } .w-80\! { width: calc(var(--spacing) * 80) !important; } .w-96 { width: calc(var(--spacing) * 96); } .w-100 { width: calc(var(--spacing) * 100); } .w-120 { width: calc(var(--spacing) * 120); } .w-124 { width: calc(var(--spacing) * 124); } .w-140 { width: calc(var(--spacing) * 140); } .w-150 { width: calc(var(--spacing) * 150); } .w-158 { width: calc(var(--spacing) * 158); } .w-182 { width: calc(var(--spacing) * 182); } .w-200 { width: calc(var(--spacing) * 200); } .w-216 { width: calc(var(--spacing) * 216); } .w-220 { width: calc(var(--spacing) * 220); } .w-240 { width: calc(var(--spacing) * 240); } .w-300 { width: calc(var(--spacing) * 300); } .w-308 { width: calc(var(--spacing) * 308); } .w-\[0\.72em\] { width: .72em; } .w-\[25\%\] { width: 25%; } .w-\[40\%\] { width: 40%; } .w-\[210px\] { width: 210px; } .w-\[calc\(100\%-\(var\(--margin\)\*2\)\)\] { width: calc(100% - (var(--margin) * 2)); } .w-\[calc\(100\%-4rem-4rem\)\] { width: calc(100% - 8rem); } .w-\[calc\(100\%-var\(--drawer-width\)-2rem\)\] { width: calc(100% - var(--drawer-width) - 2rem); } .w-\[calc\(100\%-var\(--left\)-var\(--right\)\)\] { width: calc(100% - var(--left) - var(--right)); } .w-\[inherit\] { width: inherit; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-lg\! { width: var(--container-lg) !important; } .w-max { width: max-content; } .w-md { width: var(--container-md); } .w-screen { width: 100vw; } .w-xs { width: var(--container-xs); } .max-w-1 { max-width: var(--spacing); } .max-w-1\/2 { max-width: 50%; } .max-w-1\/3 { max-width: 33.3333%; } .max-w-3\/5 { max-width: 60%; } .max-w-7xl { max-width: var(--container-7xl); } .max-w-32 { max-width: calc(var(--spacing) * 32); } .max-w-36 { max-width: calc(var(--spacing) * 36); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-74 { max-width: calc(var(--spacing) * 74); } .max-w-80 { max-width: calc(var(--spacing) * 80); } .max-w-96 { max-width: calc(var(--spacing) * 96); } .max-w-100 { max-width: calc(var(--spacing) * 100); } .max-w-\[12ch\] { max-width: 12ch; } .max-w-\[72rem\] { max-width: 72rem; } .max-w-\[210mm\] { max-width: 210mm; } .max-w-\[calc\(100vw-12rem\)\] { max-width: calc(100vw - 12rem); } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-px { max-width: 1px; } .max-w-screen { max-width: 100vw; } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: 0; } .min-w-0\! { min-width: 0 !important; } .min-w-0\.5 { min-width: calc(var(--spacing) * .5); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-14 { min-width: calc(var(--spacing) * 14); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-54 { min-width: calc(var(--spacing) * 54); } .min-w-58 { min-width: calc(var(--spacing) * 58); } .min-w-60 { min-width: calc(var(--spacing) * 60); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-72 { min-width: calc(var(--spacing) * 72); } .min-w-76 { min-width: calc(var(--spacing) * 76); } .min-w-80 { min-width: calc(var(--spacing) * 80); } .min-w-82 { min-width: calc(var(--spacing) * 82); } .min-w-96 { min-width: calc(var(--spacing) * 96); } .min-w-115 { min-width: calc(var(--spacing) * 115); } .min-w-\[80\%\] { min-width: 80%; } .min-w-\[calc\(1440px-7rem\)\] { min-width: calc(1440px - 7rem); } .min-w-auto { min-width: auto; } .min-w-lg { min-width: var(--container-lg); } .min-w-min { min-width: min-content; } .min-w-px { min-width: 1px; } .min-w-screen { min-width: 100vw; } .flex-1 { flex: 1; } .flex-4 { flex: 4; } .flex-\[0_0_50\%\] { flex: 0 0 50%; } .flex-\[1\.25\] { flex: 1.25; } .flex-\[1_0_calc\(33\%-3rem\)\] { flex: 1 0 calc(33% - 3rem); } .flex-auto { flex: auto; } .flex-initial { flex: 0 auto; } .flex-none { flex: none; } .\!shrink { flex-shrink: 1 !important; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-shrink-1, .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } .flex-grow-1, .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-\[calc\(33\%-3rem\)\] { flex-basis: calc(33% - 3rem); } .basis-\[min\(25\%\,26rem\)\] { flex-basis: min(25%, 26rem); } .basis-auto { flex-basis: auto; } .basis-full { flex-basis: 100%; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .caption-top { caption-side: top; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .origin-\[right_center\] { transform-origin: 100%; } .-translate-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-2 { --tw-translate-x: calc(var(--spacing) * -2); --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-3 { --tw-translate-x: calc(var(--spacing) * -3); --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-7 { --tw-translate-x: calc(var(--spacing) * -7); --tw-translate-y: calc(var(--spacing) * -7); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-12\.5 { --tw-translate-x: calc(var(--spacing) * -12.5); --tw-translate-y: calc(var(--spacing) * -12.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-full { --tw-translate-x: -100%; --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-full { --tw-translate-x: 100%; --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-12 { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-14 { --tw-translate-x: calc(var(--spacing) * 14); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-3 { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-3d { translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); } .translate-none { translate: none; } .scale-125 { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-3d { scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z); } .scale-none { scale: none; } .-rotate-90 { rotate: -90deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-none { rotate: none; } .transform, .transform-cpu { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .transform-gpu { transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .transform-none { transform: none; } .animate-in { animation: enter; } .animate-out { animation: exit; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-\[inherit\] { cursor: inherit; } .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-ew-resize { cursor: ew-resize; } .cursor-grab { cursor: grab; } .cursor-grab\! { cursor: grab !important; } .cursor-grabbing { cursor: grabbing; } .cursor-no-drop { cursor: no-drop; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .cursor-wait\! { cursor: wait !important; } .touch-pan-left { --tw-pan-x: pan-left; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pan-right { --tw-pan-x: pan-right; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pan-down { --tw-pan-y: pan-down; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pan-up { --tw-pan-y: pan-up; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-auto { touch-action: auto; } .touch-manipulation { touch-action: manipulation; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-x { resize: horizontal; } .resize-y { resize: vertical; } .snap-both { scroll-snap-type: both var(--tw-scroll-snap-strictness); } .snap-none { scroll-snap-type: none; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-proximity { --tw-scroll-snap-strictness: proximity; } .snap-align-none { scroll-snap-align: none; } .snap-center { scroll-snap-align: center; } .snap-end { scroll-snap-align: end; } .snap-start { scroll-snap-align: start; } .snap-always { scroll-snap-stop: always; } .snap-normal { scroll-snap-stop: normal; } .scrollbar-auto { scrollbar-width: auto; } .scrollbar-none { scrollbar-width: none; } .scrollbar-thin { scrollbar-width: thin; } .\[scrollbar-color\:var\(--color-gray-20\)_var\(--color-blue-10\)\] { scrollbar-color: var(--color-gray-20) var(--color-blue-10); } .scrollbar-gutter-auto { scrollbar-gutter: auto; } .scrollbar-gutter-both { scrollbar-gutter: stable both-edges; } .scrollbar-gutter-stable { scrollbar-gutter: stable; } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .\[appearance\:textfield\] { appearance: textfield; } .appearance-auto { appearance: auto; } .appearance-none { appearance: none; } .break-before-all { break-before: all; } .break-before-auto { break-before: auto; } .break-before-avoid { break-before: avoid; } .break-before-avoid-page { break-before: avoid-page; } .break-before-column { break-before: column; } .break-before-left { break-before: left; } .break-before-page { break-before: page; } .break-before-right { break-before: right; } .break-inside-auto { break-inside: auto; } .break-inside-avoid { break-inside: avoid; } .break-inside-avoid-column { break-inside: avoid-column; } .break-inside-avoid-page { break-inside: avoid-page; } .break-after-all { break-after: all; } .break-after-auto { break-after: auto; } .break-after-avoid { break-after: avoid; } .break-after-avoid-page { break-after: avoid-page; } .break-after-column { break-after: column; } .break-after-left { break-after: left; } .break-after-page { break-after: page; } .break-after-right { break-after: right; } .grid-flow-col { grid-auto-flow: column; } .grid-flow-col-dense { grid-auto-flow: column dense; } .grid-flow-dense { grid-auto-flow: dense; } .grid-flow-row { grid-auto-flow: row; } .grid-flow-row-dense { grid-auto-flow: row dense; } .grid-cols-\(--columns\) { grid-template-columns: var(--columns); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[1\.5fr_1fr\] { grid-template-columns: 1.5fr 1fr; } .grid-cols-\[1fr\] { grid-template-columns: 1fr; } .grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr; } .grid-cols-\[1fr_2\.5rem_1\.75rem\] { grid-template-columns: 1fr 2.5rem 1.75rem; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[1fr_var\(--page-header-actions-width\,fit-content\(25\%\)\)\] { grid-template-columns: 1fr var(--page-header-actions-width, fit-content(25%)); } .grid-cols-\[2fr_1fr\] { grid-template-columns: 2fr 1fr; } .grid-cols-\[4rem_auto_4rem\] { grid-template-columns: 4rem auto 4rem; } .grid-cols-\[5rem_1fr_5rem\] { grid-template-columns: 5rem 1fr 5rem; } .grid-cols-\[30rem_1fr_auto\] { grid-template-columns: 30rem 1fr auto; } .grid-cols-\[56rem_1fr_auto\] { grid-template-columns: 56rem 1fr auto; } .grid-cols-\[56rem_auto\] { grid-template-columns: 56rem auto; } .grid-cols-\[200px_1fr\] { grid-template-columns: 200px 1fr; } .grid-cols-\[auto_1\.5rem_1fr_auto\] { grid-template-columns: auto 1.5rem 1fr auto; } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; } .grid-cols-\[auto_24rem\] { grid-template-columns: auto 24rem; } .grid-cols-\[min-content\] { grid-template-columns: min-content; } .grid-cols-\[min-content_1fr\] { grid-template-columns: min-content 1fr; } .grid-cols-\[min-content_1fr_auto_min-content\] { grid-template-columns: min-content 1fr auto min-content; } .grid-cols-\[min-content_1fr_min-content\] { grid-template-columns: min-content 1fr min-content; } .grid-cols-\[repeat\(auto-fill\,minmax\(30rem\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); } .grid-cols-\[repeat\(var\(--repeat\)\,1fr\)\] { grid-template-columns: repeat(var(--repeat),1fr); } .grid-cols-subgrid { grid-template-columns: subgrid; } .grid-rows-\(--rows\) { grid-template-rows: var(--rows); } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .grid-rows-\[1fr_1\.5rem_1\.5rem_1fr\] { grid-template-rows: 1fr 1.5rem 1.5rem 1fr; } .grid-rows-\[5rem_auto\] { grid-template-rows: 5rem auto; } .grid-rows-\[auto\] { grid-template-rows: auto; } .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr; } .grid-rows-\[auto_auto_auto\] { grid-template-rows: auto auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row\! { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .place-content-around { place-content: space-around; } .place-content-baseline { place-content: baseline start; } .place-content-between { place-content: space-between; } .place-content-center { place-content: center; } .place-content-center-safe { place-content: safe center; } .place-content-end { place-content: end; } .place-content-end-safe { place-content: safe end; } .place-content-evenly { place-content: space-evenly; } .place-content-start { place-content: start; } .place-content-stretch { place-content: stretch; } .place-items-baseline { place-items: baseline; } .place-items-center { place-items: center; } .place-items-center-safe { place-items: safe center; } .place-items-end { place-items: end; } .place-items-end-safe { place-items: safe end; } .place-items-start { place-items: start; } .place-items-stretch { place-items: stretch stretch; } .content-around { align-content: space-around; } .content-baseline { align-content: baseline; } .content-between { align-content: space-between; } .content-center { align-content: center; } .content-center-safe { align-content: safe center; } .content-end { align-content: flex-end; } .content-end-safe { align-content: safe flex-end; } .content-evenly { align-content: space-evenly; } .content-normal { align-content: normal; } .content-start { align-content: flex-start; } .content-stretch { align-content: stretch; } .items-baseline { align-items: baseline; } .items-baseline-last { align-items: last baseline; } .items-center { align-items: center; } .items-center-safe { align-items: safe center; } .items-end { align-items: flex-end; } .items-end-safe { align-items: safe flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-baseline { justify-content: baseline; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-center-safe { justify-content: safe center; } .justify-end { justify-content: flex-end; } .justify-end-safe { justify-content: safe flex-end; } .justify-evenly { justify-content: space-evenly; } .justify-normal { justify-content: normal; } .justify-start { justify-content: flex-start; } .justify-stretch { justify-content: stretch; } .justify-items-center { justify-items: center; } .justify-items-center-safe { justify-items: safe center; } .justify-items-end { justify-items: end; } .justify-items-end-safe { justify-items: safe end; } .justify-items-normal { justify-items: normal; } .justify-items-start { justify-items: start; } .justify-items-stretch { justify-items: stretch; } .gap-0 { gap: 0; } .gap-0\! { gap: 0 !important; } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: var(--spacing); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-reverse > :not(:last-child)) { --tw-space-y-reverse: 1; } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-12 { column-gap: calc(var(--spacing) * 12); } .gap-x-20 { column-gap: calc(var(--spacing) * 20); } .gap-x-\[10\%\] { column-gap: 10%; } :where(.space-x-reverse > :not(:last-child)) { --tw-space-x-reverse: 1; } .gap-y-0 { row-gap: 0; } .gap-y-1 { row-gap: var(--spacing); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } :where(.divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-y-reverse > :not(:last-child)) { --tw-divide-y-reverse: 1; } :where(.divide-dashed > :not(:last-child)) { --tw-border-style: dashed; border-style: dashed; } :where(.divide-dotted > :not(:last-child)) { --tw-border-style: dotted; border-style: dotted; } :where(.divide-double > :not(:last-child)) { --tw-border-style: double; border-style: double; } :where(.divide-none > :not(:last-child)) { --tw-border-style: none; border-style: none; } :where(.divide-solid > :not(:last-child)) { --tw-border-style: solid; border-style: solid; } :where(.divide-gray-10 > :not(:last-child)) { border-color: var(--color-gray-10); } .place-self-auto { place-self: auto; } .place-self-center { place-self: center; } .place-self-center-safe { place-self: safe center; } .place-self-end { place-self: end; } .place-self-end-safe { place-self: safe end; } .place-self-start { place-self: start; } .place-self-stretch { place-self: stretch stretch; } .self-auto { align-self: auto; } .self-baseline { align-self: baseline; } .self-baseline-last { align-self: last baseline; } .self-center { align-self: center; } .self-center-safe { align-self: safe center; } .self-end { align-self: flex-end; } .self-end-safe { align-self: safe flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-auto { justify-self: auto; } .justify-self-center { justify-self: center; } .justify-self-center-safe { justify-self: safe center; } .justify-self-end { justify-self: flex-end; } .justify-self-end-safe { justify-self: safe flex-end; } .justify-self-start { justify-self: flex-start; } .justify-self-stretch { justify-self: stretch; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-x-visible { overflow-x: visible; } .overflow-y-auto { overflow-y: auto; } .overflow-y-clip { overflow-y: clip; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .overflow-y-visible { overflow-y: visible; } .overscroll-auto { overscroll-behavior: auto; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-none { overscroll-behavior: none; } .overscroll-x-auto { overscroll-behavior-x: auto; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-x-none { overscroll-behavior-x: none; } .overscroll-y-auto { overscroll-behavior-y: auto; } .overscroll-y-contain { overscroll-behavior-y: contain; } .overscroll-y-none { overscroll-behavior-y: none; } .scroll-auto { scroll-behavior: auto; } .scroll-smooth { scroll-behavior: smooth; } .rounded-\[0\.25rem\] { border-radius: .25rem; } .rounded-full { border-radius: 3.40282e38px; } .rounded-full\! { border-radius: 3.40282e38px !important; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-none\! { border-radius: 0 !important; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-tl-full { border-top-left-radius: 3.40282e38px; } .rounded-tl-sm { border-top-left-radius: var(--radius-sm); } .rounded-tr-full { border-top-right-radius: 3.40282e38px; } .rounded-tr-sm { border-top-right-radius: var(--radius-sm); } .rounded-b-sm { border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[2\.5px\] { border-style: var(--tw-border-style); border-width: 2.5px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-bs { border-block-start-style: var(--tw-border-style); border-block-start-width: 1px; } .border-be { border-block-end-style: var(--tw-border-style); border-block-end-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t\! { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .border-t-0\! { border-top-style: var(--tw-border-style) !important; border-top-width: 0 !important; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0\! { border-right-style: var(--tw-border-style) !important; border-right-width: 0 !important; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-8 { border-left-style: var(--tw-border-style); border-left-width: 8px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-double { --tw-border-style: double; border-style: double; } .border-hidden { --tw-border-style: hidden; border-style: hidden; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-\[\#555\] { border-color: #555; } .border-\[\#820c02\] { border-color: #820c02; } .border-\[\#C4D6F5\] { border-color: #c4d6f5; } .border-blue-10 { border-color: var(--color-blue-10); } .border-blue-20 { border-color: var(--color-blue-20); } .border-blue-50 { border-color: var(--color-blue-50); } .border-blue-70 { border-color: var(--color-blue-70); } .border-blue-100 { border-color: var(--color-blue-100); } .border-gray { border-color: var(--color-gray-100); } .border-gray-10 { border-color: var(--color-gray-10); } .border-gray-10\! { border-color: var(--color-gray-10) !important; } .border-gray-20 { border-color: var(--color-gray-20); } .border-gray-30 { border-color: var(--color-gray-30); } .border-gray-70 { border-color: var(--color-gray-70); } .border-gray-90 { border-color: var(--color-gray-90); } .border-primary { border-color: var(--color-primary); } .border-secondary { border-color: var(--color-secondary); } .border-transparent { border-color: #0000; } .border-white { border-color: var(--color-white); } .border-yellow-100 { border-color: var(--color-yellow-100); } .border-t-current { border-top-color: currentColor; } .border-t-gray-10 { border-top-color: var(--color-gray-10); } .border-r-gray-10 { border-right-color: var(--color-gray-10); } .border-b-gray-10 { border-bottom-color: var(--color-gray-10); } .border-l-gray-20 { border-left-color: var(--color-gray-20); } .bg-\(--my_variable\) { background-color: var(--my_variable); } .bg-\(color\:--my-color\) { background-color: var(--my-color); } .bg-\[\#003CA6\] { background-color: #003ca6; } .bg-\[\#0088cc\] { background-color: #08c; } .bg-\[\#B91C1C\] { background-color: #b91c1c; } .bg-\[\#C4D6F5\] { background-color: #c4d6f5; } .bg-\[\#C9CEDA\] { background-color: #c9ceda; } .bg-\[\#CCF0E3\] { background-color: #ccf0e3; } .bg-\[\#F8CDCB\] { background-color: #f8cdcb; } .bg-\[color\:var\(--my-color\)\] { background-color: var(--my-color); } .bg-\[var\(--my_variable\)\] { background-color: var(--my_variable); } .bg-blue { background-color: var(--color-blue-100); } .bg-blue-00 { background-color: var(--color-blue-00); } .bg-blue-10 { background-color: var(--color-blue-10); } .bg-blue-10\! { background-color: var(--color-blue-10) !important; } .bg-blue-20 { background-color: var(--color-blue-20); } .bg-blue-30 { background-color: var(--color-blue-30); } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-70 { background-color: var(--color-blue-70); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-120\/20 { background-color: #00308533; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-120\/20 { background-color: color-mix(in oklab, var(--color-blue-120) 20%, transparent); } } .bg-gray-00 { background-color: var(--color-gray-00); } .bg-gray-10 { background-color: var(--color-gray-10); } .bg-gray-20 { background-color: var(--color-gray-20); } .bg-gray-30 { background-color: var(--color-gray-30); } .bg-gray-30\! { background-color: var(--color-gray-30) !important; } .bg-gray-90 { background-color: var(--color-gray-90); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-100\! { background-color: var(--color-gray-100) !important; } .bg-gray-100\/50 { background-color: #000c2180; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-100\/50 { background-color: color-mix(in oklab, var(--color-gray-100) 50%, transparent); } } .bg-green { background-color: var(--color-green-100); } .bg-green-10 { background-color: var(--color-green-10); } .bg-green-30 { background-color: var(--color-green-30); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-70 { background-color: var(--color-green-70); } .bg-green-100 { background-color: var(--color-green-100); } .bg-primary { background-color: var(--color-primary); } .bg-purple-30 { background-color: var(--color-purple-30); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-red { background-color: var(--color-red-100); } .bg-red-00 { background-color: var(--color-red-00); } .bg-red-10 { background-color: var(--color-red-10); } .bg-red-30 { background-color: var(--color-red-30); } .bg-red-70 { background-color: var(--color-red-70); } .bg-red-100 { background-color: var(--color-red-100); } .bg-secondary { background-color: var(--color-secondary); } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-white\! { background-color: var(--color-white) !important; } .bg-yellow { background-color: var(--color-yellow-100); } .bg-yellow-00 { background-color: var(--color-yellow-00); } .bg-yellow-10 { background-color: var(--color-yellow-10); } .bg-yellow-30 { background-color: var(--color-yellow-30); } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-120 { background-color: var(--color-yellow-120); } .bg-linear-to-b { --tw-gradient-position: to bottom; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab; } } .bg-linear-to-b { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-l { --tw-gradient-position: to left; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-l { --tw-gradient-position: to left in oklab; } } .bg-linear-to-l { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-r { --tw-gradient-position: to right; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-r { --tw-gradient-position: to right in oklab; } } .bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-stops)); } .-bg-conic, .bg-conic { --tw-gradient-position: in oklab; background-image: conic-gradient(var(--tw-gradient-stops)); } .bg-radial { --tw-gradient-position: in oklab; background-image: radial-gradient(var(--tw-gradient-stops)); } .bg-\[image\:repeating-linear-gradient\(-53\.83deg\,\#ffffff_0_3\.5px\,\#C4D6F5_3\.5px_5\.7372px\,\#ffffff_5\.7372px_10px\)\] { background-image: repeating-linear-gradient(-53.83deg, #fff 0 3.5px, #c4d6f5 3.5px 5.7372px, #fff 5.7372px 10px); } .bg-none { background-image: none; } .via-none { --tw-gradient-via-stops: initial; } .from-primary\/20 { --tw-gradient-from: #000c2133; } @supports (color: color-mix(in lab, red, red)) { .from-primary\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .from-primary\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-secondary\/10 { --tw-gradient-from: #4656741a; } @supports (color: color-mix(in lab, red, red)) { .from-secondary\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } .from-secondary\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-none { -webkit-mask-image: none; mask-image: none; } .mask-circle { --tw-mask-radial-shape: circle; } .mask-ellipse { --tw-mask-radial-shape: ellipse; } .mask-radial-closest-corner { --tw-mask-radial-size: closest-corner; } .mask-radial-closest-side { --tw-mask-radial-size: closest-side; } .mask-radial-farthest-corner { --tw-mask-radial-size: farthest-corner; } .mask-radial-farthest-side { --tw-mask-radial-size: farthest-side; } .mask-radial-at-bottom { --tw-mask-radial-position: bottom; } .mask-radial-at-bottom-left { --tw-mask-radial-position: bottom left; } .mask-radial-at-bottom-right { --tw-mask-radial-position: bottom right; } .mask-radial-at-center { --tw-mask-radial-position: center; } .mask-radial-at-left { --tw-mask-radial-position: left; } .mask-radial-at-right { --tw-mask-radial-position: right; } .mask-radial-at-top { --tw-mask-radial-position: top; } .mask-radial-at-top-left { --tw-mask-radial-position: top left; } .mask-radial-at-top-right { --tw-mask-radial-position: top right; } .box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .box-decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; } .decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; } .bg-auto { background-size: auto; } .bg-contain { background-size: contain; } .bg-cover { background-size: cover; } .bg-cover\! { background-size: cover !important; } .bg-fixed { background-attachment: fixed; } .bg-local { background-attachment: local; } .bg-scroll { background-attachment: scroll; } .bg-clip-border { background-clip: border-box; } .bg-clip-content { background-clip: content-box; } .bg-clip-padding { background-clip: padding-box; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-bottom { background-position: bottom; } .bg-bottom-left { background-position: 0 100%; } .bg-bottom-right { background-position: 100% 100%; } .bg-center { background-position: center; } .bg-left { background-position: 0; } .bg-left-bottom { background-position: 0 100%; } .bg-left-top { background-position: 0 0; } .bg-position-\[center_center\] { background-position: center; } .bg-right { background-position: 100%; } .bg-right-bottom { background-position: 100% 100%; } .bg-right-top { background-position: 100% 0; } .bg-top { background-position: top; } .bg-top-left { background-position: 0 0; } .bg-top-right { background-position: 100% 0; } .bg-no-repeat { background-repeat: no-repeat; } .bg-repeat { background-repeat: repeat; } .bg-repeat-round { background-repeat: round; } .bg-repeat-space { background-repeat: space; } .bg-repeat-x { background-repeat: repeat-x; } .bg-repeat-y { background-repeat: repeat-y; } .bg-origin-border { background-origin: border-box; } .bg-origin-content { background-origin: content-box; } .bg-origin-padding { background-origin: padding-box; } .mask-add { -webkit-mask-composite: source-over; -webkit-mask-composite: source-over; mask-composite: add; } .mask-exclude { -webkit-mask-composite: xor; -webkit-mask-composite: xor; mask-composite: exclude; } .mask-intersect { -webkit-mask-composite: source-in; -webkit-mask-composite: source-in; mask-composite: intersect; } .mask-subtract { -webkit-mask-composite: source-out; -webkit-mask-composite: source-out; mask-composite: subtract; } .mask-alpha { -webkit-mask-source-type: alpha; -webkit-mask-source-type: alpha; mask-mode: alpha; } .mask-luminance { -webkit-mask-source-type: luminance; -webkit-mask-source-type: luminance; mask-mode: luminance; } .mask-match { -webkit-mask-source-type: auto; -webkit-mask-source-type: auto; mask-mode: match-source; } .mask-type-alpha { mask-type: alpha; } .mask-type-luminance { mask-type: luminance; } .mask-auto { -webkit-mask-size: auto; mask-size: auto; } .mask-contain { -webkit-mask-size: contain; mask-size: contain; } .mask-cover { -webkit-mask-size: cover; mask-size: cover; } .mask-clip-border { -webkit-mask-clip: border-box; mask-clip: border-box; } .mask-clip-content { -webkit-mask-clip: content-box; mask-clip: content-box; } .mask-clip-fill { -webkit-mask-clip: fill-box; mask-clip: fill-box; } .mask-clip-padding { -webkit-mask-clip: padding-box; mask-clip: padding-box; } .mask-clip-stroke { -webkit-mask-clip: stroke-box; mask-clip: stroke-box; } .mask-clip-view { -webkit-mask-clip: view-box; mask-clip: view-box; } .mask-no-clip { -webkit-mask-clip: no-clip; mask-clip: no-clip; } .mask-bottom { -webkit-mask-position: bottom; mask-position: bottom; } .mask-bottom-left { -webkit-mask-position: 0 100%; mask-position: 0 100%; } .mask-bottom-right { -webkit-mask-position: 100% 100%; mask-position: 100% 100%; } .mask-center { -webkit-mask-position: center; mask-position: center; } .mask-left { -webkit-mask-position: 0; mask-position: 0; } .mask-right { -webkit-mask-position: 100%; mask-position: 100%; } .mask-top { -webkit-mask-position: top; mask-position: top; } .mask-top-left { -webkit-mask-position: 0 0; mask-position: 0 0; } .mask-top-right { -webkit-mask-position: 100% 0; mask-position: 100% 0; } .mask-no-repeat { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .mask-repeat { -webkit-mask-repeat: repeat; mask-repeat: repeat; } .mask-repeat-round { -webkit-mask-repeat: round; mask-repeat: round; } .mask-repeat-space { -webkit-mask-repeat: space; mask-repeat: space; } .mask-repeat-x { -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; } .mask-repeat-y { -webkit-mask-repeat: repeat-y; mask-repeat: repeat-y; } .mask-origin-border { -webkit-mask-origin: border-box; mask-origin: border-box; } .mask-origin-content { -webkit-mask-origin: content-box; mask-origin: content-box; } .mask-origin-fill { -webkit-mask-origin: fill-box; mask-origin: fill-box; } .mask-origin-padding { -webkit-mask-origin: padding-box; mask-origin: padding-box; } .mask-origin-stroke { -webkit-mask-origin: stroke-box; mask-origin: stroke-box; } .mask-origin-view { -webkit-mask-origin: view-box; mask-origin: view-box; } .fill-\[\#003CA6\] { fill: #003ca6; } .fill-\[\#43548C\] { fill: #43548c; } .fill-\[\#C4D6F5\] { fill: #c4d6f5; } .fill-\[\#C9CEDA\] { fill: #c9ceda; } .fill-\[\#CCF0E3\] { fill: #ccf0e3; } .fill-\[\#F8CDCB\] { fill: #f8cdcb; } .fill-blue-100 { fill: var(--color-blue-100); } .fill-blue-120 { fill: var(--color-blue-120); } .fill-current { fill: currentColor; } .fill-gray-10 { fill: var(--color-gray-10); } .fill-gray-20 { fill: var(--color-gray-20); } .fill-gray-30 { fill: var(--color-gray-30); } .fill-gray-60 { fill: var(--color-gray-60); } .fill-gray-70 { fill: var(--color-gray-70); } .fill-gray-100 { fill: var(--color-gray-100); } .fill-green { fill: var(--color-green-100); } .fill-none { fill: none; } .fill-primary { fill: var(--color-primary); } .fill-red { fill: var(--color-red-100); } .fill-transparent { fill: #0000; } .fill-white { fill: var(--color-white); } .stroke-\[\#C4D6F5\] { stroke: #c4d6f5; } .stroke-blue-100 { stroke: var(--color-blue-100); } .stroke-gray-30 { stroke: var(--color-gray-30); } .stroke-none { stroke: none; } .stroke-primary { stroke: var(--color-primary); } .stroke-white { stroke: var(--color-white); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .object-none { object-fit: none; } .object-scale-down { object-fit: scale-down; } .object-left-bottom { object-position: left bottom; } .object-left-top { object-position: left top; } .object-right-bottom { object-position: right bottom; } .object-right-top { object-position: right top; } .p-0 { padding: 0; } .p-0\! { padding: 0 !important; } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: var(--spacing); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .px-0 { padding-inline: 0; } .px-0\.5 { padding-inline: calc(var(--spacing) * .5); } .px-1 { padding-inline: var(--spacing); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-4\! { padding-inline: calc(var(--spacing) * 4) !important; } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-100 { padding-inline: calc(var(--spacing) * 100); } .px-\[30\%\] { padding-inline: 30%; } .px-\[calc\(var\(--right\)-1px\)\] { padding-inline: calc(var(--right) - 1px); } .py-0 { padding-block: 0; } .py-0\! { padding-block: 0 !important; } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: var(--spacing); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\! { padding-block: calc(var(--spacing) * 2) !important; } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-6\! { padding-block: calc(var(--spacing) * 6) !important; } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-\[calc\(var\(--top\)-1px\)\] { padding-block: calc(var(--top) - 1px); } .py-px { padding-block: 1px; } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .ps-3 { padding-inline-start: calc(var(--spacing) * 3); } .ps-3\.25 { padding-inline-start: calc(var(--spacing) * 3.25); } .ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .ps-6 { padding-inline-start: calc(var(--spacing) * 6); } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pe-3\.25 { padding-inline-end: calc(var(--spacing) * 3.25); } .pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .pe-12 { padding-inline-end: calc(var(--spacing) * 12); } .pt-0 { padding-top: 0; } .pt-1 { padding-top: var(--spacing); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-15 { padding-top: calc(var(--spacing) * 15); } .pr-0\! { padding-right: 0 !important; } .pr-0\.5 { padding-right: calc(var(--spacing) * .5); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pr-18 { padding-right: calc(var(--spacing) * 18); } .pr-1232 { padding-right: calc(var(--spacing) * 1232); } .pr-1247 { padding-right: calc(var(--spacing) * 1247); } .pr-22631 { padding-right: calc(var(--spacing) * 22631); } .pr-23508 { padding-right: calc(var(--spacing) * 23508); } .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: var(--spacing); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-\[calc\(var\(--bottom\)-1px\)\] { padding-bottom: calc(var(--bottom) - 1px); } .pb-px { padding-bottom: 1px; } .pl-0 { padding-left: 0; } .pl-0\.5 { padding-left: calc(var(--spacing) * .5); } .pl-1 { padding-left: var(--spacing); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .pl-14 { padding-left: calc(var(--spacing) * 14); } .pl-\[calc\(var\(--left\)-1px\)\] { padding-left: calc(var(--left) - 1px); } .text-center { text-align: center; } .text-end { text-align: end; } .text-justify { text-align: justify; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-\[unset\] { vertical-align: unset; } .align-baseline { vertical-align: baseline; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .align-sub { vertical-align: sub; } .align-super { vertical-align: super; } .align-text-bottom { vertical-align: text-bottom; } .align-text-top { vertical-align: text-top; } .align-top { vertical-align: top; } .font-prose { font-family: var(--font-sans); font-size: var(--text-base); --tw-leading: var(--leading-base); line-height: var(--leading-base); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-t1 { font-family: var(--font-sans); font-size: var(--text-4xl); --tw-leading: calc(var(--spacing) * 16); line-height: calc(var(--spacing) * 16); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-t2 { font-family: var(--font-sans); font-size: var(--text-3xl); --tw-leading: calc(var(--spacing) * 12); line-height: calc(var(--spacing) * 12); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-t3 { font-family: var(--font-sans); font-size: var(--text-2xl); --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-t4 { font-family: var(--font-sans); font-size: var(--text-xl); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-t5 { font-family: var(--font-sans); font-size: var(--text-lg); --tw-leading: var(--leading-base); line-height: var(--leading-base); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-t6 { font-family: var(--font-sans); font-size: var(--text-base); --tw-leading: var(--leading-base); line-height: var(--leading-base); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-\[\'Open_Sans\'\,sans-serif\] { font-family: Open Sans, sans-serif; } .font-\[inherit\] { font-family: inherit; } .font-\[initial\] { font-family: initial; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .\[font-size\:initial\] { font-size: initial; } .text-2xl { font-size: var(--text-2xl); } .text-3xl { font-size: var(--text-3xl); } .text-4xl { font-size: var(--text-4xl); } .text-\[10pt\] { font-size: 10pt; } .text-\[10rem\] { font-size: 10rem; } .text-\[13px\] { font-size: 13px; } .text-base { font-size: var(--text-base); } .text-lg { font-size: var(--text-lg); } .text-sm { font-size: var(--text-sm); } .text-sm\! { font-size: var(--text-sm) !important; } .text-xl { font-size: var(--text-xl); } .text-xs { font-size: var(--text-xs); } .leading-1 { --tw-leading: var(--spacing); line-height: var(--spacing); } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10); } .leading-12 { --tw-leading: calc(var(--spacing) * 12); line-height: calc(var(--spacing) * 12); } .leading-16 { --tw-leading: calc(var(--spacing) * 16); line-height: calc(var(--spacing) * 16); } .leading-\[1\.4em\] { --tw-leading: 1.4em; line-height: 1.4em; } .leading-\[initial\] { --tw-leading: initial; line-height: initial; } .leading-base { --tw-leading: var(--leading-base); line-height: var(--leading-base); } .leading-base\! { --tw-leading: var(--leading-base) !important; line-height: var(--leading-base) !important; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-bold\! { --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-normal\! { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .\[font-weight\:initial\] { font-weight: initial; } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .text-pretty { text-wrap: pretty; } .text-wrap { text-wrap: wrap; } .break-normal { overflow-wrap: normal; word-break: normal; } .break-words { overflow-wrap: break-word; } .wrap-anywhere { overflow-wrap: anywhere; } .wrap-break-word { overflow-wrap: break-word; } .wrap-normal { overflow-wrap: normal; } .break-all { word-break: break-all; } .break-keep { word-break: keep-all; } .overflow-ellipsis { text-overflow: ellipsis; } .text-clip { text-overflow: clip; } .text-ellipsis { text-overflow: ellipsis; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .hyphens-manual { -webkit-hyphens: manual; hyphens: manual; } .hyphens-none { -webkit-hyphens: none; hyphens: none; } .whitespace-break-spaces { white-space: break-spaces; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .\[color\:red\] { color: red; } .\[color\:red\]\/50 { color: oklab(62.7955% .224863 .125846 / .5); } .\[color\:red\]\/50\! { color: oklab(62.7955% .224863 .125846 / .5) !important; } .text-\[\#820c02\] { color: #820c02; } .text-\[0\.em\] { color: 0.em; } .text-\[initial\] { color: initial; } .text-black { color: var(--color-black); } .text-blue { color: var(--color-blue-100); } .text-blue-50 { color: var(--color-blue-50); } .text-blue-70 { color: var(--color-blue-70); } .text-blue-100 { color: var(--color-blue-100); } .text-blue-100\! { color: var(--color-blue-100) !important; } .text-current { color: currentColor; } .text-gray-10 { color: var(--color-gray-10); } .text-gray-20 { color: var(--color-gray-20); } .text-gray-30 { color: var(--color-gray-30); } .text-gray-40 { color: var(--color-gray-40); } .text-gray-50 { color: var(--color-gray-50); } .text-gray-60 { color: var(--color-gray-60); } .text-gray-70 { color: var(--color-gray-70); } .text-gray-90 { color: var(--color-gray-90); } .text-gray-100 { color: var(--color-gray-100); } .text-green { color: var(--color-green-100); } .text-primary { color: var(--color-primary); } .text-red { color: var(--color-red-100); } .text-red-100\! { color: var(--color-red-100) !important; } .text-secondary { color: var(--color-secondary); } .text-white { color: var(--color-white); } .text-white\! { color: var(--color-white) !important; } .text-yellow { color: var(--color-yellow-100); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .font-stretch-condensed { font-stretch: condensed; } .font-stretch-expanded { font-stretch: expanded; } .font-stretch-extra-condensed { font-stretch: extra-condensed; } .font-stretch-extra-expanded { font-stretch: extra-expanded; } .font-stretch-normal { font-stretch: normal; } .font-stretch-semi-condensed { font-stretch: semi-condensed; } .font-stretch-semi-expanded { font-stretch: semi-expanded; } .font-stretch-ultra-condensed { font-stretch: ultra-condensed; } .font-stretch-ultra-expanded { font-stretch: ultra-expanded; } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .proportional-nums { --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .slashed-zero { --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .normal-nums { font-variant-numeric: normal; } .line-through { text-decoration-line: line-through; } .line-through\! { text-decoration-line: line-through !important; } .no-underline { text-decoration-line: none; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .underline\! { text-decoration-line: underline !important; } .decoration-dashed { text-decoration-style: dashed; } .decoration-dotted { text-decoration-style: dotted; } .decoration-double { text-decoration-style: double; } .decoration-solid { text-decoration-style: solid; } .decoration-wavy { text-decoration-style: wavy; } .decoration-auto { text-decoration-thickness: auto; } .decoration-from-font { text-decoration-thickness: from-font; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .accent-auto { accent-color: auto; } .scheme-dark { color-scheme: dark; } .scheme-light { color-scheme: light; } .scheme-light-dark { color-scheme: light dark; } .scheme-normal { color-scheme: normal; } .scheme-only-dark { color-scheme: dark only; } .scheme-only-light { color-scheme: light only; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: .1; } .opacity-20 { opacity: .2; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-50\! { opacity: .5 !important; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-100 { opacity: 1; } .bg-blend-color { background-blend-mode: color; } .bg-blend-color-burn { background-blend-mode: color-burn; } .bg-blend-color-dodge { background-blend-mode: color-dodge; } .bg-blend-darken { background-blend-mode: darken; } .bg-blend-difference { background-blend-mode: difference; } .bg-blend-exclusion { background-blend-mode: exclusion; } .bg-blend-hard-light { background-blend-mode: hard-light; } .bg-blend-hue { background-blend-mode: hue; } .bg-blend-lighten { background-blend-mode: lighten; } .bg-blend-luminosity { background-blend-mode: luminosity; } .bg-blend-multiply { background-blend-mode: multiply; } .bg-blend-normal { background-blend-mode: normal; } .bg-blend-overlay { background-blend-mode: overlay; } .bg-blend-saturation { background-blend-mode: saturation; } .bg-blend-screen { background-blend-mode: screen; } .bg-blend-soft-light { background-blend-mode: soft-light; } .mix-blend-color { mix-blend-mode: color; } .mix-blend-color-burn { mix-blend-mode: color-burn; } .mix-blend-color-dodge { mix-blend-mode: color-dodge; } .mix-blend-darken { mix-blend-mode: darken; } .mix-blend-difference { mix-blend-mode: difference; } .mix-blend-exclusion { mix-blend-mode: exclusion; } .mix-blend-hard-light { mix-blend-mode: hard-light; } .mix-blend-hue { mix-blend-mode: hue; } .mix-blend-lighten { mix-blend-mode: lighten; } .mix-blend-luminosity { mix-blend-mode: luminosity; } .mix-blend-multiply { mix-blend-mode: multiply; } .mix-blend-normal { mix-blend-mode: normal; } .mix-blend-overlay { mix-blend-mode: overlay; } .mix-blend-plus-darker { mix-blend-mode: plus-darker; } .mix-blend-plus-lighter { mix-blend-mode: plus-lighter; } .mix-blend-saturation { mix-blend-mode: saturation; } .mix-blend-screen { mix-blend-mode: screen; } .mix-blend-soft-light { mix-blend-mode: soft-light; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[-1rem_-1rem_0_1rem\] { --tw-shadow: -1rem -1rem 0 1rem var(--tw-shadow-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); } .shadow-\[0_0\.5rem_0\.5rem_0_rgb\(0_0_0\/0\.25\)\] { --tw-shadow: 0 .5rem .5rem 0 var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_2rem_0_color-mix\(in_oklab\,var\(--color-black\)_10\%\,transparent\)\] { --tw-shadow: 0 0 2rem 0 var(--tw-shadow-color, #0000001a); } @supports (color: color-mix(in lab, red, red)) { .shadow-\[0_0_2rem_0_color-mix\(in_oklab\,var\(--color-black\)_10\%\,transparent\)\] { --tw-shadow: 0 0 2rem 0 var(--tw-shadow-color, color-mix(in oklab,var(--color-black) 10%,transparent)); } } .shadow-\[0_0_2rem_0_color-mix\(in_oklab\,var\(--color-black\)_10\%\,transparent\)\] { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_2rem_0_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 0 2rem 0 var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[1rem_-1rem_0_1rem\] { --tw-shadow: 1rem -1rem 0 1rem var(--tw-shadow-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); } .shadow-\[inset_0_-2px_0_0_var\(--color-blue-40\)\] { --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-color, var(--color-blue-40)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); 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, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --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); } .inset-ring { --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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); } .shadow-black\/10 { --tw-shadow-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-10 { --tw-shadow-color: oklch(94.76% .0191 263.01); } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-10 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-10) var(--tw-shadow-alpha), transparent); } } .shadow-initial { --tw-shadow-color: initial; } .inset-shadow-initial { --tw-inset-shadow-color: initial; } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline, .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px; } .outline-\[0\.125rem\] { outline-style: var(--tw-outline-style); outline-width: .125rem; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-offset-0 { outline-offset: 0px; } .outline-black { outline-color: var(--color-black); } .outline-blue-20 { outline-color: var(--color-blue-20); } .outline-blue-50 { outline-color: var(--color-blue-50); } .outline-blue-100 { outline-color: var(--color-blue-100); } .outline-blue-100\! { outline-color: var(--color-blue-100) !important; } .outline-gray-30 { outline-color: var(--color-gray-30); } .outline-transparent { outline-color: #0000; } .blur { --tw-blur: blur(8px); 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, ); } .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); 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, ); } .drop-shadow-none { --tw-drop-shadow: ; 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, ); } .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, ); } .invert { --tw-invert: invert(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, ); } .sepia { --tw-sepia: sepia(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, ) !important; } .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, ); } .filter-none { filter: none; } .backdrop-blur { --tw-backdrop-blur: blur(8px); -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, ); } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); -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, ); } .backdrop-invert { --tw-backdrop-invert: invert(100%); -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, ); } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); -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, ); } .backdrop-filter { -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, ); } .backdrop-filter-none { -webkit-backdrop-filter: none; backdrop-filter: none; } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\] { transition-property: background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[clip-path\] { transition-property: clip-path; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\] { transition-property: color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[grid-template-columns\] { transition-property: grid-template-columns; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-discrete { transition-behavior: allow-discrete; } .transition-normal { transition-behavior: normal; } .delay-100 { transition-delay: .1s; } .delay-200 { transition-delay: .2s; } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-100 { --tw-duration: .1s; transition-duration: .1s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-250 { --tw-duration: .25s; transition-duration: .25s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .will-change-auto { will-change: auto; } .will-change-contents { will-change: contents; } .will-change-scroll { will-change: scroll-position; } .will-change-transform { will-change: transform; } .contain-inline-size { --tw-contain-size: inline-size; contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, ); } .contain-layout { --tw-contain-layout: layout; contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, ); } .contain-paint { --tw-contain-paint: paint; contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, ); } .contain-size { --tw-contain-size: size; contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, ); } .contain-style { --tw-contain-style: style; contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, ); } .contain-content { contain: content; } .contain-none { contain: none; } .contain-strict { contain: strict; } .content-none { --tw-content: none; content: none; } .forced-color-adjust-auto { forced-color-adjust: auto; } .forced-color-adjust-none { forced-color-adjust: none; } .animate-delay-0 { animation-delay: 0s; } .animate-delay-200 { animation-delay: .2s; } .animate-duration-200\! { animation-duration: .2s !important; } .animate-duration-500 { animation-duration: .5s; } .animate-duration-700 { animation-duration: .7s; } .animate-duration-1000 { animation-duration: 1s; } .outline-dashed { --tw-outline-style: dashed; outline-style: dashed; } .outline-dotted { --tw-outline-style: dotted; outline-style: dotted; } .outline-double { --tw-outline-style: double; outline-style: double; } .outline-none { --tw-outline-style: none; outline-style: none; } .outline-none\! { --tw-outline-style: none !important; outline-style: none !important; } .outline-solid { --tw-outline-style: solid; outline-style: solid; } .select-all { -webkit-user-select: all; user-select: all; } .select-auto { -webkit-user-select: auto; user-select: auto; } .select-none { -webkit-user-select: none; user-select: none; } .select-text { -webkit-user-select: text; user-select: text; } .\[--color-primary\:var\(--color-gray-00\)\] { --color-primary: var(--color-gray-00); } .\[--color-secondary\:var\(--color-gray-20\)\] { --color-secondary: var(--color-gray-20); } .\[--data-table-sticky-top\:-2rem\] { --data-table-sticky-top: -2rem; } .\[--data-table-sticky-top\:var\(--page-header-height\)\] { --data-table-sticky-top: var(--page-header-height); } .\[--event-bg-color\:var\(--color-blue-10\)\] { --event-bg-color: var(--color-blue-10); } .\[--page-header-actions-width\:auto\] { --page-header-actions-width: auto; } .\[--table-sticky-top\:-2rem\] { --table-sticky-top: -2rem; } .\[--table-sticky-top\:var\(--page-header-height\)\] { --table-sticky-top: var(--page-header-height); } .\[-moz-appearance\:textfield\] { -moz-appearance: textfield; } .\[background\:repeating-linear-gradient\(-35deg\,var\(--color-blue-10\)\,var\(--color-blue-10\)_2px\,var\(--color-white\)_2px\,var\(--color-white\)_6px\)\] { background: repeating-linear-gradient(-35deg,var(--color-blue-10),var(--color-blue-10) 2px,var(--color-white) 2px,var(--color-white) 6px); } .\[background\:repeating-linear-gradient\(-35deg\,var\(--color-blue-10\)\,var\(--color-blue-10\)_2px\,var\(--color-white\)_2px\,var\(--color-white\)_6px\)\]\! { background: repeating-linear-gradient(-35deg,var(--color-blue-10),var(--color-blue-10) 2px,var(--color-white) 2px,var(--color-white) 6px) !important; } .\[clip-path\:inset\(0_round_1\.5rem\)\] { clip-path: inset(0 round 1.5rem); } .\[clip-path\:inset\(0_round_1rem\)\] { clip-path: inset(0 round 1rem); } .\[clip-path\:inset\(0_round_var\(--radius-md\)\)\] { clip-path: inset(0 round var(--radius-md)); } .\[clip-path\:inset\(0px\)\] { clip-path: inset(0); } .\[grid-area\:1\/1\/2\/2\] { grid-area: 1 / 1 / 2 / 2; } .\[grid-area\:1\/1\/5\/2\] { grid-area: 1 / 1 / 5 / 2; } .\[grid-area\:1\/1\] { grid-area: 1 / 1; } .\[grid-area\:2\/2\/3\/3\] { grid-area: 2 / 2 / 3 / 3; } .\[grid-area\:3\/2\/4\/3\] { grid-area: 3 / 2 / 4 / 3; } .\[grid-area\:actions\] { grid-area: actions; } .\[grid-area\:alert\] { grid-area: alert; } .\[grid-area\:backlink\] { grid-area: backlink; } .\[grid-area\:breadcrumbs\] { grid-area: breadcrumbs; } .\[grid-area\:content\] { grid-area: content; } .\[grid-area\:heading\] { grid-area: heading; } .\[grid-area\:icon-end\] { grid-area: icon-end; } .\[grid-area\:icon-start\] { grid-area: icon-start; } .\[grid-area\:icon\] { grid-area: icon; } .\[grid-area\:left-action\] { grid-area: left-action; } .\[grid-area\:left\] { grid-area: left; } .\[grid-area\:middle\] { grid-area: middle; } .\[grid-area\:right-action\] { grid-area: right-action; } .\[grid-area\:right\] { grid-area: right; } .\[grid-area\:text\] { grid-area: text; } .\[grid-area\:title\] { grid-area: title; } .\[grid-template-areas\:\"icon-start_text_icon-end\"\] { grid-template-areas: "icon-start text icon-end"; } .\[grid-template-areas\:\"icon_\._content_actions\"\] { grid-template-areas: "icon . content actions"; } .\[grid-template-areas\:\'breadcrumbs_breadcrumbs\'_\'backlink_\.\'_\'heading_actions\'\] { grid-template-areas: "breadcrumbs breadcrumbs" "backlink ." "heading actions"; } .\[grid-template-areas\:\'left-action_title_right-action\'\] { grid-template-areas: "left-action title right-action"; } .\[grid-template-areas\:\'main\'\] { grid-template-areas: "main"; } .\[grid-template-areas\:\\\"icon-start_text_icon-end\\\"\] { grid-template-areas: \"icon-start text icon-end\"; } .\[grid-template-areas\:\\\"icon_\._content_actions\\\"\] { grid-template-areas: \"icon . content actions\"; } .\[grid-template-areas\:var\(--areas\)\] { grid-template-areas: var(--areas); } .\[hash\:10\] { hash: 10; } .\[k\:K\] { k: K; } .\[react-router\:hmr\] { react-router: hmr; } .\[stroke-linecap\:round\] { stroke-linecap: round; } .\[stroke-linejoin\:round\] { stroke-linejoin: round; } .\[text-decoration\:none\] { text-decoration: none; } .\[vite\:html\] { vite: html; } .animate-delay-\(--animation-delay\) { animation-delay: var(--animation-delay); } .animate-delay-400 { animation-delay: .4s; } .animate-direction-reverse { animation-direction: reverse; } .animate-duration-1400 { animation-duration: 1.4s; } .animate-fade-in-0\! { --tw-enter-opacity: 0 !important; } .animate-fade-out-0\! { --tw-exit-opacity: 0 !important; } .animate-fill-both\! { animation-fill-mode: both !important; } .backface-hidden { backface-visibility: hidden; } .backface-visible { backface-visibility: visible; } .block-auto { block-size: auto; } .block-lh { block-size: 1lh; } .block-screen { block-size: 100vh; } :where(.divide-x-reverse > :not(:last-child)) { --tw-divide-x-reverse: 1; } .duration-initial { --tw-duration: initial; } .inline-auto { inline-size: auto; } .inline-screen { inline-size: 100vw; } .max-block-lh { max-block-size: 1lh; } .max-block-none { max-block-size: none; } .max-block-screen { max-block-size: 100vh; } .max-inline-none { max-inline-size: none; } .max-inline-screen { max-inline-size: 100vw; } .min-block-auto { min-block-size: auto; } .min-block-lh { min-block-size: 1lh; } .min-block-screen { min-block-size: 100vh; } .min-inline-auto { min-inline-size: auto; } .min-inline-screen { min-inline-size: 100vw; } .ring-inset { --tw-ring-inset: inset; } .text-shadow-initial { --tw-text-shadow-color: initial; } .transform-3d { transform-style: preserve-3d; } .transform-border { transform-box: border-box; } .transform-content { transform-box: content-box; } .transform-fill { transform-box: fill-box; } .transform-flat { transform-style: flat; } .transform-stroke { transform-box: stroke-box; } .transform-view { transform-box: view-box; } :is(.\*\:m-0 > *) { margin: 0; } :is(.\*\:block > *) { display: block; } :is(.\*\:h-5\.5\! > *) { height: calc(var(--spacing) * 5.5) !important; } :is(.\*\:h-full > *) { height: 100%; } :is(.\*\:min-h-0 > *) { min-height: 0; } :is(.\*\:min-h-5\.5\! > *) { min-height: calc(var(--spacing) * 5.5) !important; } :is(.\*\:w-5\.5\! > *) { width: calc(var(--spacing) * 5.5) !important; } :is(.\*\:w-full > *) { width: 100%; } :is(.\*\:min-w-0 > *) { min-width: 0; } :is(.\*\:min-w-5\.5\! > *) { min-width: calc(var(--spacing) * 5.5) !important; } :is(.\*\:flex-1 > *) { flex: 1; } :is(.\*\:shrink-0 > *) { flex-shrink: 0; } :is(.\*\:\[scrollbar-color\:auto\] > *) { scrollbar-color: auto; } :is(.\*\:flex-row\! > *) { flex-direction: row !important; } :is(.\*\:justify-between > *) { justify-content: space-between; } :is(.\*\:rounded-xs\! > *) { border-radius: var(--radius-xs) !important; } :is(.\*\:border-none > *) { --tw-border-style: none; border-style: none; } :is(.\*\:bg-transparent\! > *) { background-color: #0000 !important; } :is(.\*\:p-0\! > *) { padding: 0 !important; } :is(.\*\*\:shrink-0 *) { flex-shrink: 0; } :is(.\*\*\:cursor-wait *) { cursor: wait; } :is(.\*\*\:text-inherit\! *) { color: inherit !important; } :is(.\*\*\:line-through *) { text-decoration-line: line-through; } .not-first\:relative:not(:first-child) { position: relative; } .not-first\:mt-6:not(:first-child) { margin-top: calc(var(--spacing) * 6); } .not-first\:border-t:not(:first-child) { border-top-style: var(--tw-border-style); border-top-width: 1px; } .not-first\:border-gray-10:not(:first-child) { border-color: var(--color-gray-10); } .not-first\:pt-4:not(:first-child) { padding-top: calc(var(--spacing) * 4); } .not-last\:mb-4:not(:last-child) { margin-bottom: calc(var(--spacing) * 4); } .not-last\:border-b:not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .not-last\:border-gray-10:not(:last-child) { border-color: var(--color-gray-10); } .not-first-of-type\:z-0:not(:first-of-type) { z-index: 0; } .not-empty\:mt-2:not(:empty) { margin-top: calc(var(--spacing) * 2); } .not-empty\:shrink-0:not(:empty) { flex-shrink: 0; } .not-empty\:ps-4:not(:empty) { padding-inline-start: calc(var(--spacing) * 4); } .not-empty\:pl-4:not(:empty) { padding-left: calc(var(--spacing) * 4); } @media (hover: hover) { .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/color-preview\:opacity-100:is(:where(.group\/color-preview):hover *) { opacity: 1; } } .group-has-focus\/rte\:pointer-events-auto:is(:where(.group\/rte):has(:focus) *) { pointer-events: auto; } .group-has-focus\/rte\:opacity-100:is(:where(.group\/rte):has(:focus) *) { opacity: 1; } .group-has-aria-expanded\/rte\:pointer-events-auto:is(:where(.group\/rte):has([aria-expanded="true"]) *) { pointer-events: auto; } .group-has-aria-expanded\/rte\:opacity-100:is(:where(.group\/rte):has([aria-expanded="true"]) *) { opacity: 1; } .group-data-\[cname\=App\]\/app\:\[grid-area\:app-header\]:is(:where(.group\/app)[data-cname="App"] *) { grid-area: app-header; } .group-data-\[cname\=App\]\/app\:\[grid-area\:main\]:is(:where(.group\/app)[data-cname="App"] *) { grid-area: main; } .group-data-\[cname\=App\]\/app\:\[grid-area\:navigation-rail\]:is(:where(.group\/app)[data-cname="App"] *) { grid-area: navigation-rail; } .group-data-\[inline\=true\]\/field\:col-span-2:is(:where(.group\/field)[data-inline="true"] *) { grid-column: span 2 / span 2; } .group-data-\[inline\=true\]\/field\:mb-0:is(:where(.group\/field)[data-inline="true"] *) { margin-bottom: 0; } .group-data-\[popper-placement\|\=bottom\]\/popper\:top-0:is(:where(.group\/popper)[data-popper-placement|="bottom"] *) { top: 0; } .group-data-\[popper-placement\|\=bottom\]\/popper\:bottom-\[unset\]\!:is(:where(.group\/popper)[data-popper-placement|="bottom"] *) { bottom: unset !important; } .group-data-\[popper-placement\|\=bottom\]\/popper\:-translate-x-1:is(:where(.group\/popper)[data-popper-placement|="bottom"] *) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[popper-placement\|\=bottom\]\/popper\:-translate-y-1:is(:where(.group\/popper)[data-popper-placement|="bottom"] *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[popper-placement\|\=bottom\]\/popper\:rotate-90:is(:where(.group\/popper)[data-popper-placement|="bottom"] *) { rotate: 90deg; } .group-data-\[popper-placement\|\=left\]\/popper\:right-0:is(:where(.group\/popper)[data-popper-placement|="left"] *) { right: 0; } .group-data-\[popper-placement\|\=left\]\/popper\:rotate-180:is(:where(.group\/popper)[data-popper-placement|="left"] *) { rotate: 180deg; } .group-data-\[popper-placement\|\=right\]\/popper\:left-0:is(:where(.group\/popper)[data-popper-placement|="right"] *) { left: 0; } .group-data-\[popper-placement\|\=right\]\/popper\:-translate-x-1\.5:is(:where(.group\/popper)[data-popper-placement|="right"] *) { --tw-translate-x: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[popper-placement\|\=top\]\/popper\:top-\[unset\]\!:is(:where(.group\/popper)[data-popper-placement|="top"] *) { top: unset !important; } .group-data-\[popper-placement\|\=top\]\/popper\:bottom-0:is(:where(.group\/popper)[data-popper-placement|="top"] *) { bottom: 0; } .group-data-\[popper-placement\|\=top\]\/popper\:-translate-x-1:is(:where(.group\/popper)[data-popper-placement|="top"] *) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[popper-placement\|\=top\]\/popper\:translate-y-1:is(:where(.group\/popper)[data-popper-placement|="top"] *) { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[popper-placement\|\=top\]\/popper\:-rotate-90:is(:where(.group\/popper)[data-popper-placement|="top"] *) { rotate: -90deg; } .file\:w-\[288px\]::file-selector-button { width: 288px; } .placeholder\:text-ellipsis::placeholder { text-overflow: ellipsis; } .placeholder\:text-gray-30::placeholder { color: var(--color-gray-30); } .placeholder\:text-gray-40::placeholder { color: var(--color-gray-40); } .placeholder\:text-gray-50::placeholder { color: var(--color-gray-50); } .placeholder\:opacity-100::placeholder { opacity: 1; } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:-inset-4:before { content: var(--tw-content); inset: calc(var(--spacing) * -4); } .before\:inset-0:before { content: var(--tw-content); inset: 0; } .before\:-top-1:before { content: var(--tw-content); top: calc(var(--spacing) * -1); } .before\:top-0:before { content: var(--tw-content); top: 0; } .before\:top-0\.5:before { content: var(--tw-content); top: calc(var(--spacing) * .5); } .before\:right-0:before { content: var(--tw-content); right: 0; } .before\:bottom-2\/4:before { content: var(--tw-content); bottom: 50%; } .before\:-left-1\.5:before { content: var(--tw-content); left: calc(var(--spacing) * -1.5); } .before\:left-0:before { content: var(--tw-content); left: 0; } .before\:left-0\.5:before { content: var(--tw-content); left: calc(var(--spacing) * .5); } .before\:left-2\/4:before { content: var(--tw-content); left: 50%; } .before\:left-6\.5:before { content: var(--tw-content); left: calc(var(--spacing) * 6.5); } .before\:h-3:before { content: var(--tw-content); height: calc(var(--spacing) * 3); } .before\:h-5:before { content: var(--tw-content); height: calc(var(--spacing) * 5); } .before\:h-full:before { content: var(--tw-content); height: 100%; } .before\:w-1:before { content: var(--tw-content); width: var(--spacing); } .before\:w-3:before { content: var(--tw-content); width: calc(var(--spacing) * 3); } .before\:w-5:before { content: var(--tw-content); width: calc(var(--spacing) * 5); } .before\:rounded-\[0\.25rem\]:before { content: var(--tw-content); border-radius: .25rem; } .before\:rounded-\[0\.75rem\]:before { content: var(--tw-content); border-radius: .75rem; } .before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .before\:rounded-lg:before { content: var(--tw-content); border-radius: var(--radius-lg); } .before\:rounded-tr-full:before { content: var(--tw-content); border-top-right-radius: 3.40282e38px; } .before\:border:before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .before\:border-l-8:before { content: var(--tw-content); border-left-style: var(--tw-border-style); border-left-width: 8px; } .before\:border-blue-30:before { content: var(--tw-content); border-color: var(--color-blue-30); } .before\:border-l-blue:before { content: var(--tw-content); border-left-color: var(--color-blue-100); } .before\:bg-blue:before { content: var(--tw-content); background-color: var(--color-blue-100); } .before\:bg-blue-10:before { content: var(--tw-content); background-color: var(--color-blue-10); } .before\:bg-current:before { content: var(--tw-content); background-color: currentColor; } .before\:bg-green:before { content: var(--tw-content); background-color: var(--color-green-100); } .before\:bg-white:before { content: var(--tw-content); background-color: var(--color-white); } .before\:whitespace-pre:before { content: var(--tw-content); white-space: pre; } .before\:transition-all:before { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:transition-colors:before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:duration-100:before { content: var(--tw-content); --tw-duration: .1s; transition-duration: .1s; } .before\:duration-200:before { content: var(--tw-content); --tw-duration: .2s; transition-duration: .2s; } .before\:ease-out:before { content: var(--tw-content); --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content); } .before\:content-\[\'_-_\'\]:before { --tw-content: " - "; content: var(--tw-content); } .before\:content-\[\'_ยท_\'\]:before { --tw-content: " ยท "; content: var(--tw-content); } .before\:content-\[\'ยท_\'\]:before { --tw-content: "ยท "; content: var(--tw-content); } .not-first\:before\:absolute:not(:first-child):before { content: var(--tw-content); position: absolute; } .not-first\:before\:-top-4:not(:first-child):before { content: var(--tw-content); top: calc(var(--spacing) * -4); } .not-first\:before\:top-\[-0\.5px\]:not(:first-child):before { content: var(--tw-content); top: -.5px; } .not-first\:before\:right-0:not(:first-child):before { content: var(--tw-content); right: 0; } .not-first\:before\:left-0:not(:first-child):before { content: var(--tw-content); left: 0; } .not-first\:before\:left-4:not(:first-child):before { content: var(--tw-content); left: calc(var(--spacing) * 4); } .not-first\:before\:border-t:not(:first-child):before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } .not-first\:before\:border-gray-10:not(:first-child):before { content: var(--tw-content); border-color: var(--color-gray-10); } .not-first\:before\:content-\[\'\'\]:not(:first-child):before { --tw-content: ""; content: var(--tw-content); } .after\:pointer-events-none:after { content: var(--tw-content); pointer-events: none; } .after\:invisible:after { content: var(--tw-content); visibility: hidden; } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:inset-0:after { content: var(--tw-content); inset: 0; } .after\:inset-\[2\.5px\]:after { content: var(--tw-content); inset: 2.5px; } .after\:-inset-x-4:after { content: var(--tw-content); inset-inline: calc(var(--spacing) * -4); } .after\:-inset-y-6:after { content: var(--tw-content); inset-block: calc(var(--spacing) * -6); } .after\:top-0:after { content: var(--tw-content); top: 0; } .after\:right-0:after { content: var(--tw-content); right: 0; } .after\:-bottom-6:after { content: var(--tw-content); bottom: calc(var(--spacing) * -6); } .after\:left-0:after { content: var(--tw-content); left: 0; } .after\:-z-1:after { content: var(--tw-content); z-index: calc(1 * -1); } .after\:z-float:after { content: var(--tw-content); z-index: var(--z-index-float); } .after\:my-2\.5:after { content: var(--tw-content); margin-block: calc(var(--spacing) * 2.5); } .after\:block:after { content: var(--tw-content); display: block; } .after\:h-5:after { content: var(--tw-content); height: calc(var(--spacing) * 5); } .after\:w-px:after { content: var(--tw-content); width: 1px; } .after\:min-w-0\.5:after { content: var(--tw-content); min-width: calc(var(--spacing) * .5); } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:rounded-md:after { content: var(--tw-content); border-radius: var(--radius-md); } .after\:rounded-none:after { content: var(--tw-content); border-radius: 0; } .after\:border:after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .after\:border-gray-10:after { content: var(--tw-content); border-color: var(--color-gray-10); } .after\:bg-blue-10:after { content: var(--tw-content); background-color: var(--color-blue-10); } .after\:bg-blue-30:after { content: var(--tw-content); background-color: var(--color-blue-30); } .after\:bg-blue-100:after { content: var(--tw-content); background-color: var(--color-blue-100); } .after\:bg-gray-20:after { content: var(--tw-content); background-color: var(--color-gray-20); } .after\:bg-gray-20\!:after { content: var(--tw-content); background-color: var(--color-gray-20) !important; } .after\:bg-green-50:after { content: var(--tw-content); background-color: var(--color-green-50); } .after\:bg-purple-30:after { content: var(--tw-content); background-color: var(--color-purple-30); } .after\:bg-red-100:after { content: var(--tw-content); background-color: var(--color-red-100); } .after\:bg-white:after { content: var(--tw-content); background-color: var(--color-white); } .after\:bg-yellow-100:after { content: var(--tw-content); background-color: var(--color-yellow-100); } .after\:whitespace-pre:after { content: var(--tw-content); white-space: pre; } .after\:transition-\[background-color\]:after { content: var(--tw-content); transition-property: background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:duration-75:after { content: var(--tw-content); --tw-duration: 75ms; transition-duration: 75ms; } .after\:content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content); } .after\:content-\[attr\(data-value\)_\'_\'\]:after { --tw-content: attr(data-value) " "; content: var(--tw-content); } .after\:\[grid-area\:1\/1\]:after { content: var(--tw-content); grid-area: 1 / 1; } .not-last\:after\:whitespace-pre:not(:last-child):after { content: var(--tw-content); white-space: pre; } .not-last\:after\:content-\[\'\:\'\]:not(:last-child):after { --tw-content: ":"; content: var(--tw-content); } .not-last\:after\:content-\[\'_ยท_\'\]:not(:last-child):after { --tw-content: " ยท "; content: var(--tw-content); } @media (hover: hover) { .group-hover\/tag\:after\:bg-blue-20:is(:where(.group\/tag):hover *):after { content: var(--tw-content); background-color: var(--color-blue-20); } .group-hover\/tag\:after\:bg-blue-40:is(:where(.group\/tag):hover *):after { content: var(--tw-content); background-color: var(--color-blue-40); } .group-hover\/tag\:after\:bg-blue-110:is(:where(.group\/tag):hover *):after { content: var(--tw-content); background-color: var(--color-blue-110); } .group-hover\/tag\:after\:bg-green-60:is(:where(.group\/tag):hover *):after { content: var(--tw-content); background-color: var(--color-green-60); } .group-hover\/tag\:after\:bg-purple-40:is(:where(.group\/tag):hover *):after { content: var(--tw-content); background-color: var(--color-purple-40); } .group-hover\/tag\:after\:bg-red-110:is(:where(.group\/tag):hover *):after { content: var(--tw-content); background-color: var(--color-red-110); } .group-hover\/tag\:after\:bg-yellow-110:is(:where(.group\/tag):hover *):after { content: var(--tw-content); background-color: var(--color-yellow-110); } } .group-active\/tag\:after\:bg-blue-30:is(:where(.group\/tag):active *):after { content: var(--tw-content); background-color: var(--color-blue-30); } .group-active\/tag\:after\:bg-blue-50:is(:where(.group\/tag):active *):after { content: var(--tw-content); background-color: var(--color-blue-50); } .group-active\/tag\:after\:bg-blue-130:is(:where(.group\/tag):active *):after { content: var(--tw-content); background-color: var(--color-blue-130); } .group-active\/tag\:after\:bg-green-70:is(:where(.group\/tag):active *):after { content: var(--tw-content); background-color: var(--color-green-70); } .group-active\/tag\:after\:bg-purple-50:is(:where(.group\/tag):active *):after { content: var(--tw-content); background-color: var(--color-purple-50); } .group-active\/tag\:after\:bg-red-120:is(:where(.group\/tag):active *):after { content: var(--tw-content); background-color: var(--color-red-120); } .group-active\/tag\:after\:bg-yellow-120:is(:where(.group\/tag):active *):after { content: var(--tw-content); background-color: var(--color-yellow-120); } .first\:mt-\(--margin\):first-child { margin-top: var(--margin); } .first\:mt-0:first-child { margin-top: 0; } .first\:mt-\[calc\(\(var\(--snippet-margin\)\/2\+1px\)\*-1\)\]:first-child { margin-top: calc((var(--snippet-margin) / 2 + 1px) * -1); } .first\:ml-10:first-child { margin-left: calc(var(--spacing) * 10); } .first\:flex-\[1_0_calc\(50\%-3rem\)\]:first-child { flex: 1 0 calc(50% - 3rem); } .first\:rounded-t-\[calc\(1rem-1px\)\]:first-child { border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px); } .first\:rounded-t-sm:first-child { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } .first\:border-t-0:first-child { border-top-style: var(--tw-border-style); border-top-width: 0; } :is(.\*\:first\:text-blue-100 > *):first-child { color: var(--color-blue-100); } .last\:pointer-events-none:last-child { pointer-events: none; } .last\:mb-0:last-child { margin-bottom: 0; } .last\:mb-\[calc\(\(var\(--snippet-margin\)\/2\+1px\)\*-1\)\]:last-child { margin-bottom: calc((var(--snippet-margin) / 2 + 1px) * -1); } .last\:h-\[calc\(100\%-5rem\)\]:last-child { height: calc(100% - 5rem); } .last\:rounded-b-\[calc\(1rem-1px\)\]:last-child { border-bottom-right-radius: calc(1rem - 1px); border-bottom-left-radius: calc(1rem - 1px); } .last\:rounded-b-sm:last-child { border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last\:after\:rounded-b-md:last-child:after { content: var(--tw-content); border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .group-data-\[unboxed\=true\]\/field\:first-of-type\:mt-2:is(:where(.group\/field)[data-unboxed="true"] *):first-of-type { margin-top: calc(var(--spacing) * 2); } .group-data-\[unboxed\=true\]\/field\:first-of-type\:rounded-t-sm:is(:where(.group\/field)[data-unboxed="true"] *):first-of-type { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } .group-data-\[unboxed\=true\]\/field\:first-of-type\:pt-2:is(:where(.group\/field)[data-unboxed="true"] *):first-of-type { padding-top: calc(var(--spacing) * 2); } .default\:ordinal:default { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .empty\:-mb-2:empty { margin-bottom: calc(var(--spacing) * -2); } .empty\:hidden:empty { display: none; } .focus-within\:rounded-full:focus-within { border-radius: 3.40282e38px; } .focus-within\:text-blue-100:focus-within { color: var(--color-blue-100); } .focus-within\:outline:focus-within { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-within\:outline-offset-2:focus-within { outline-offset: 2px; } .focus-within\:outline-black:focus-within { outline-color: var(--color-black); } .focus-within\:outline-blue-50:focus-within { outline-color: var(--color-blue-50); } .focus-within\:outline-blue-100:focus-within { outline-color: var(--color-blue-100); } @media (hover: hover) { .hover\:cursor-default:hover { cursor: default; } .hover\:cursor-move:hover { cursor: move; } .hover\:border:hover { border-style: var(--tw-border-style); border-width: 1px; } .hover\:border-blue-50:hover { border-color: var(--color-blue-50); } .hover\:border-blue-100:hover { border-color: var(--color-blue-100); } .hover\:border-gray-00:hover { border-color: var(--color-gray-00); } .hover\:border-gray-30:hover { border-color: var(--color-gray-30); } .hover\:bg-blue-00:hover { background-color: var(--color-blue-00); } .hover\:bg-blue-10:hover { background-color: var(--color-blue-10); } .hover\:bg-blue-20:hover { background-color: var(--color-blue-20); } .hover\:bg-blue-30:hover { background-color: var(--color-blue-30); } .hover\:bg-blue-40:hover { background-color: var(--color-blue-40); } .hover\:bg-blue-50:hover { background-color: var(--color-blue-50); } .hover\:bg-blue-100:hover { background-color: var(--color-blue-100); } .hover\:bg-blue-110:hover { background-color: var(--color-blue-110); } .hover\:bg-blue-130:hover { background-color: var(--color-blue-130); } .hover\:bg-gray-00:hover { background-color: var(--color-gray-00); } .hover\:bg-gray-10:hover { background-color: var(--color-gray-10); } .hover\:bg-gray-20:hover { background-color: var(--color-gray-20); } .hover\:bg-gray-30:hover { background-color: var(--color-gray-30); } .hover\:bg-green-10:hover { background-color: var(--color-green-10); } .hover\:bg-green-30:hover { background-color: var(--color-green-30); } .hover\:bg-green-40:hover { background-color: var(--color-green-40); } .hover\:bg-green-60:hover { background-color: var(--color-green-60); } .hover\:bg-green-110:hover { background-color: var(--color-green-110); } .hover\:bg-purple-40:hover { background-color: var(--color-purple-40); } .hover\:bg-red-10:hover { background-color: var(--color-red-10); } .hover\:bg-red-20:hover { background-color: var(--color-red-20); } .hover\:bg-red-30:hover { background-color: var(--color-red-30); } .hover\:bg-red-40:hover { background-color: var(--color-red-40); } .hover\:bg-red-110:hover { background-color: var(--color-red-110); } .hover\:bg-transparent:hover { background-color: #0000; } .hover\:bg-white:hover { background-color: var(--color-white); } .hover\:bg-white\/25:hover { background-color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/25:hover { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .hover\:bg-yellow-10:hover { background-color: var(--color-yellow-10); } .hover\:bg-yellow-30:hover { background-color: var(--color-yellow-30); } .hover\:bg-yellow-40:hover { background-color: var(--color-yellow-40); } .hover\:bg-yellow-110:hover { background-color: var(--color-yellow-110); } .hover\:font-bold:hover { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .hover\:text-blue-60:hover { color: var(--color-blue-60); } .hover\:text-blue-90:hover { color: var(--color-blue-90); } .hover\:text-blue-100:hover { color: var(--color-blue-100); } .hover\:text-blue-110:hover { color: var(--color-blue-110); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-primary:hover { color: var(--color-primary); } .hover\:text-white:hover { color: var(--color-white); } .hover\:bg-blend-lighten:hover { background-blend-mode: lighten; } .hover\:outline:hover { outline-style: var(--tw-outline-style); outline-width: 1px; } .hover\:outline-\[0\.25rem\]:hover { outline-style: var(--tw-outline-style); outline-width: .25rem; } .hover\:-outline-offset-\[0\.25rem\]:hover { outline-offset: calc(.25rem * -1); } .hover\:outline-blue:hover { outline-color: var(--color-blue-100); } .hover\:outline-blue-50:hover { outline-color: var(--color-blue-50); } :is(.\*\:hover\:cursor-pointer > *):hover { cursor: pointer; } .not-focus-within\:hover\:bg-white:not(:focus-within):hover { background-color: var(--color-white); } .not-focus-within\:not-has-aria-expanded\:hover\:bg-blue-10:not(:focus-within):not(:has([aria-expanded="true"])):hover { background-color: var(--color-blue-10); } :is(.hover\:\*\:first\:underline:hover > *):first-child { text-decoration-line: underline; } } .focus\:border:focus { border-style: var(--tw-border-style); border-width: 1px; } .focus\:border-blue:focus { border-color: var(--color-blue-100); } .focus\:border-gray-00:focus { border-color: var(--color-gray-00); } .focus\:border-gray-30:focus { border-color: var(--color-gray-30); } .focus\:bg-blue-00:focus { background-color: var(--color-blue-00); } .focus\:bg-blue-110:focus { background-color: var(--color-blue-110); } .focus\:bg-gray-00:focus { background-color: var(--color-gray-00); } .focus\:bg-gray-10:focus { background-color: var(--color-gray-10); } .focus\:bg-gray-30:focus { background-color: var(--color-gray-30); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:bg-blue-00:focus-visible { background-color: var(--color-blue-00); } .focus-visible\:bg-blue-30:focus-visible { background-color: var(--color-blue-30); } .focus-visible\:bg-green-30:focus-visible { background-color: var(--color-green-30); } .focus-visible\:bg-red-30:focus-visible { background-color: var(--color-red-30); } .focus-visible\:bg-yellow-30:focus-visible { background-color: var(--color-yellow-30); } .focus-visible\:outline:focus-visible, .focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-\[0\.125rem\]:focus-visible { outline-style: var(--tw-outline-style); outline-width: .125rem; } .focus-visible\:-outline-offset-1:focus-visible { outline-offset: calc(1px * -1); } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-offset-\[0\.125rem\]:focus-visible { outline-offset: .125rem; } .focus-visible\:outline-black:focus-visible { outline-color: var(--color-black); } .focus-visible\:outline-blue-100:focus-visible { outline-color: var(--color-blue-100); } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } @media (hover: hover) { .group-hover\:focus-visible\:outline-none:is(:where(.group):hover *):focus-visible { --tw-outline-style: none; outline-style: none; } } .focus-visible\:not-first\:before\:content-none:focus-visible:not(:first-child):before { content: var(--tw-content); --tw-content: none; content: none; } .focus-visible\:after\:absolute:focus-visible:after { content: var(--tw-content); position: absolute; } .focus-visible\:after\:inset-0:focus-visible:after { content: var(--tw-content); inset: 0; } .focus-visible\:after\:outline-1:focus-visible:after { content: var(--tw-content); outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:after\:-outline-offset-1:focus-visible:after { content: var(--tw-content); outline-offset: calc(1px * -1); } .focus-visible\:after\:outline-black:focus-visible:after { content: var(--tw-content); outline-color: var(--color-black); } .focus-visible\:after\:content-\[\'\'\]:focus-visible:after { --tw-content: ""; content: var(--tw-content); } :is(.focus-visible\:not-hover\:\*\:first\:underline:focus-visible:not(:hover) > *):first-child { text-decoration-line: underline; } @media not all and (hover: hover) { :is(.focus-visible\:not-hover\:\*\:first\:underline:focus-visible > *):first-child { text-decoration-line: underline; } } :is(.focus-visible\:not-hover\:\*\:first\:decoration-black:focus-visible:not(:hover) > *):first-child { -webkit-text-decoration-color: var(--color-black); -webkit-text-decoration-color: var(--color-black); text-decoration-color: var(--color-black); } @media not all and (hover: hover) { :is(.focus-visible\:not-hover\:\*\:first\:decoration-black:focus-visible > *):first-child { -webkit-text-decoration-color: var(--color-black); -webkit-text-decoration-color: var(--color-black); text-decoration-color: var(--color-black); } } :is(.focus-visible\:not-hover\:\*\:first\:decoration-2:focus-visible:not(:hover) > *):first-child { text-decoration-thickness: 2px; } @media not all and (hover: hover) { :is(.focus-visible\:not-hover\:\*\:first\:decoration-2:focus-visible > *):first-child { text-decoration-thickness: 2px; } } :is(.focus-visible\:not-hover\:\*\:first\:underline-offset-4:focus-visible:not(:hover) > *):first-child { text-underline-offset: 4px; } @media not all and (hover: hover) { :is(.focus-visible\:not-hover\:\*\:first\:underline-offset-4:focus-visible > *):first-child { text-underline-offset: 4px; } } .first\:focus-visible\:after\:rounded-tl-\[calc\(1rem-1px\)\]:first-child:focus-visible:after { content: var(--tw-content); border-top-left-radius: calc(1rem - 1px); } .first\:focus-visible\:after\:rounded-tr-\[calc\(1rem-1px\)\]:first-child:focus-visible:after { content: var(--tw-content); border-top-right-radius: calc(1rem - 1px); } .last\:focus-visible\:after\:rounded-br-\[calc\(1rem-1px\)\]:last-child:focus-visible:after { content: var(--tw-content); border-bottom-right-radius: calc(1rem - 1px); } .last\:focus-visible\:after\:rounded-bl-\[calc\(1rem-1px\)\]:last-child:focus-visible:after { content: var(--tw-content); border-bottom-left-radius: calc(1rem - 1px); } .active\:border-gray-00:active { border-color: var(--color-gray-00); } .active\:border-gray-30:active { border-color: var(--color-gray-30); } .active\:bg-blue-30:active { background-color: var(--color-blue-30); } .active\:bg-blue-40:active { background-color: var(--color-blue-40); } .active\:bg-blue-50:active { background-color: var(--color-blue-50); } .active\:bg-blue-130:active { background-color: var(--color-blue-130); } .active\:bg-blue-140:active { background-color: var(--color-blue-140); } .active\:bg-gray-00:active { background-color: var(--color-gray-00); } .active\:bg-gray-10:active { background-color: var(--color-gray-10); } .active\:bg-gray-30:active { background-color: var(--color-gray-30); } .active\:bg-green-40:active { background-color: var(--color-green-40); } .active\:bg-green-50:active { background-color: var(--color-green-50); } .active\:bg-green-70:active { background-color: var(--color-green-70); } .active\:bg-green-120:active { background-color: var(--color-green-120); } .active\:bg-purple-50:active { background-color: var(--color-purple-50); } .active\:bg-red-40:active { background-color: var(--color-red-40); } .active\:bg-red-50:active { background-color: var(--color-red-50); } .active\:bg-red-120:active { background-color: var(--color-red-120); } .active\:bg-transparent:active { background-color: #0000; } .active\:bg-yellow-40:active { background-color: var(--color-yellow-40); } .active\:bg-yellow-50:active { background-color: var(--color-yellow-50); } .active\:bg-yellow-120:active { background-color: var(--color-yellow-120); } .active\:text-blue-100:active { color: var(--color-blue-100); } .active\:text-primary:active { color: var(--color-primary); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:cursor-wait:disabled { cursor: wait; } .disabled\:bg-gray-20\!:disabled { background-color: var(--color-gray-20) !important; } .disabled\:bg-transparent:disabled { background-color: #0000; } .disabled\:bg-transparent\!:disabled { background-color: #0000 !important; } .disabled\:text-gray-30:disabled { color: var(--color-gray-30); } .disabled\:text-gray-50\!:disabled { color: var(--color-gray-50) !important; } .disabled\:outline-gray-20:disabled { outline-color: var(--color-gray-20); } :is(.disabled\:\*\*\:cursor-not-allowed:disabled *) { cursor: not-allowed; } :is(.disabled\:\*\*\:cursor-wait:disabled *) { cursor: wait; } .disabled\:placeholder\:text-gray-30:disabled::placeholder { color: var(--color-gray-30); } @media (hover: hover) { .disabled\:hover\:bg-white:disabled:hover { background-color: var(--color-white); } .disabled\:hover\:outline-none:disabled:hover { --tw-outline-style: none; outline-style: none; } } .disabled\:focus\:bg-white:disabled:focus { background-color: var(--color-white); } .disabled\:focus\:outline-none:disabled:focus { --tw-outline-style: none; outline-style: none; } .disabled\:active\:bg-white:disabled:active { background-color: var(--color-white); } .disabled\:active\:outline-none:disabled:active { --tw-outline-style: none; outline-style: none; } .has-focus-visible\:outline-1:has(:focus-visible) { outline-style: var(--tw-outline-style); outline-width: 1px; } .has-focus-visible\:outline-black:has(:focus-visible) { outline-color: var(--color-black); } .has-focus-visible\:before\:absolute:has(:focus-visible):before { content: var(--tw-content); position: absolute; } .has-focus-visible\:before\:inset-0:has(:focus-visible):before { content: var(--tw-content); inset: 0; } .has-focus-visible\:before\:rounded-sm:has(:focus-visible):before { content: var(--tw-content); border-radius: var(--radius-sm); } .has-focus-visible\:before\:outline-1:has(:focus-visible):before { content: var(--tw-content); outline-style: var(--tw-outline-style); outline-width: 1px; } .has-focus-visible\:before\:outline-offset-2:has(:focus-visible):before { content: var(--tw-content); outline-offset: 2px; } .has-focus-visible\:before\:outline-black:has(:focus-visible):before { content: var(--tw-content); outline-color: var(--color-black); } .has-focus-visible\:before\:content-\[\'\'\]:has(:focus-visible):before { --tw-content: ""; content: var(--tw-content); } .has-aria-expanded\:outline-blue-100:has([aria-expanded="true"]) { outline-color: var(--color-blue-100); } .has-aria-expanded\:outline-blue-100\!:has([aria-expanded="true"]) { outline-color: var(--color-blue-100) !important; } .has-aria-expanded\:not-focus-within\:bg-blue-00:has([aria-expanded="true"]):not(:focus-within) { background-color: var(--color-blue-00); } .not-first\:has-data-\[cname\=FormSection\.Title\]\:relative:not(:first-child):has([data-cname="FormSection.Title"]) { position: relative; } .not-first\:has-data-\[cname\=FormSection\.Title\]\:mt-6:not(:first-child):has([data-cname="FormSection.Title"]) { margin-top: calc(var(--spacing) * 6); } .not-first\:has-data-\[cname\=FormSection\.Title\]\:before\:absolute:not(:first-child):has([data-cname="FormSection.Title"]):before { content: var(--tw-content); position: absolute; } .not-first\:has-data-\[cname\=FormSection\.Title\]\:before\:-top-4:not(:first-child):has([data-cname="FormSection.Title"]):before { content: var(--tw-content); top: calc(var(--spacing) * -4); } .not-first\:has-data-\[cname\=FormSection\.Title\]\:before\:right-0:not(:first-child):has([data-cname="FormSection.Title"]):before { content: var(--tw-content); right: 0; } .not-first\:has-data-\[cname\=FormSection\.Title\]\:before\:left-0:not(:first-child):has([data-cname="FormSection.Title"]):before { content: var(--tw-content); left: 0; } .not-first\:has-data-\[cname\=FormSection\.Title\]\:before\:border-t:not(:first-child):has([data-cname="FormSection.Title"]):before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } .not-first\:has-data-\[cname\=FormSection\.Title\]\:before\:border-gray-10:not(:first-child):has([data-cname="FormSection.Title"]):before { content: var(--tw-content); border-color: var(--color-gray-10); } .not-first\:has-data-\[cname\=FormSection\.Title\]\:before\:content-\[\'\'\]:not(:first-child):has([data-cname="FormSection.Title"]):before { --tw-content: ""; content: var(--tw-content); } .has-\[textarea\:focus\]\:outline-blue-100:has(:is(textarea:focus)) { outline-color: var(--color-blue-100); } .has-\[\>_\*\:first-child_\>_\*\:first-child_\>_\*\:first-child_\>_\[data-cname\=CardSubtitle\]\:first-child\]\:-mt-2:has( > :first-child > :first-child > :first-child > [data-cname="CardSubtitle"]:first-child), .has-\[\>_\*\:first-child_\>_\*\:first-child_\>_\[data-cname\=CardSubtitle\]\:first-child\]\:-mt-2:has( > :first-child > :first-child > [data-cname="CardSubtitle"]:first-child), .has-\[\>_\*\:first-child_\>_\[data-cname\=CardSubtitle\]\:first-child\]\:-mt-2:has( > :first-child > [data-cname="CardSubtitle"]:first-child) { margin-top: calc(var(--spacing) * -2); } .has-\[\>_\:first-child\:focus-visible\]\:shadow-\[inset_0_0_0_2px_var\(--color-blue-40\)\]:has( > :first-child:focus-visible) { --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-blue-40)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .has-\[\>_\[data-cname\=CardSubtitle\]\:first-child\]\:-mt-2:has( > [data-cname="CardSubtitle"]:first-child) { margin-top: calc(var(--spacing) * -2); } :is(.data-dragover\:\*\*\:pointer-events-none[data-dragover] *) { pointer-events: none; } .data-dragover\:after\:pointer-events-none[data-dragover]:after { content: var(--tw-content); pointer-events: none; } .data-dragover\:after\:absolute[data-dragover]:after { content: var(--tw-content); position: absolute; } .data-dragover\:after\:inset-0[data-dragover]:after { content: var(--tw-content); inset: 0; } .data-dragover\:after\:border[data-dragover]:after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .data-dragover\:after\:border-dashed[data-dragover]:after { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } .data-dragover\:after\:border-blue-50[data-dragover]:after { content: var(--tw-content); border-color: var(--color-blue-50); } .data-dragover\:after\:content-\[\'\'\][data-dragover]:after { --tw-content: ""; content: var(--tw-content); } .data-dragover\:last\:after\:rounded-b-sm[data-dragover]:last-child:after { content: var(--tw-content); border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .data-scrollable\:border-t-0[data-scrollable] { border-top-style: var(--tw-border-style); border-top-width: 0; } :is(.\*\*\:data-\[cname\=Badge\]\:ml-1 *)[data-cname="Badge"] { margin-left: var(--spacing); } :is(.\*\*\:data-\[cname\=Button\]\:ml-0 *)[data-cname="Button"] { margin-left: 0; } :is(.\*\*\:data-\[cname\=Card\]\:border *)[data-cname="Card"] { border-style: var(--tw-border-style); border-width: 1px; } :is(.\*\*\:data-\[cname\=Card\]\:border-gray-10 *)[data-cname="Card"] { border-color: var(--color-gray-10); } :is(.\*\*\:data-\[cname\=CardSubtitle\]\:mx-0 *)[data-cname="CardSubtitle"] { margin-inline: 0; } :is(.\*\:first\:data-\[cname\=CardSubtitle\]\:-mt-2 > *):first-child[data-cname="CardSubtitle"] { margin-top: calc(var(--spacing) * -2); } :is(.\*\:first\:data-\[cname\=CardSubtitle\]\:pt-0 > *):first-child[data-cname="CardSubtitle"] { padding-top: 0; } :is(.\*\:data-\[cname\=DataTable\]\:border-t > *)[data-cname="DataTable"] { border-top-style: var(--tw-border-style); border-top-width: 1px; } :is(.\*\:data-\[cname\=DataTable\]\:border-gray-10 > *)[data-cname="DataTable"] { border-color: var(--color-gray-10); } :is(.\*\:data-\[cname\=DataTable\]\:\[clip-path\:inset\(0_round_0_0_11px_11px\)\] > *)[data-cname="DataTable"] { clip-path: inset(0 round 0 0 11px 11px); } :is(.\*\*\:data-\[cname\=Filters\]\:mx-6 *)[data-cname="Filters"] { margin-inline: calc(var(--spacing) * 6); } :is(.\*\*\:data-\[cname\=Filters\]\:mb-4 *)[data-cname="Filters"] { margin-bottom: calc(var(--spacing) * 4); } :is(.\*\:first\:data-\[cname\=Filters\]\:mt-0 > *):first-child[data-cname="Filters"] { margin-top: 0; } :is(.\*\:first\:data-\[cname\=Filters\]\:pt-0 > *):first-child[data-cname="Filters"] { padding-top: 0; } :is(.\*\:data-\[cname\=Grid\]\:last\:mb-0 > *)[data-cname="Grid"]:last-child { margin-bottom: 0; } :is(.\*\:data-\[cname\=Grid\]\:last\:pb-6 > *)[data-cname="Grid"]:last-child { padding-bottom: calc(var(--spacing) * 6); } :is(.\*\:data-\[cname\=Icon\]\:mt-\[0\.2em\] > *)[data-cname="Icon"] { margin-top: .2em; } :is(.\*\*\:data-\[cname\=Icon\]\:h-5 *)[data-cname="Icon"] { height: calc(var(--spacing) * 5); } :is(.\*\*\:data-\[cname\=Icon\]\:w-5 *)[data-cname="Icon"] { width: calc(var(--spacing) * 5); } :is(.\*\*\:data-\[cname\=Icon\]\:text-secondary *)[data-cname="Icon"] { color: var(--color-secondary); } :is(.\*\*\:data-\[cname\=PopperContentArrow\]\:fill-gray-100 *)[data-cname="PopperContentArrow"] { fill: var(--color-gray-100); } :is(.\*\*\:data-\[cname\=SpinnerIndicator\]\:text-blue-20 *)[data-cname="SpinnerIndicator"] { color: var(--color-blue-20); } :is(.\*\*\:data-\[cname\=SpinnerTrack\]\:text-blue-100 *)[data-cname="SpinnerTrack"] { color: var(--color-blue-100); } :is(.\*\:first\:data-\[cname\=Tabs\]\:mt-0 > *):first-child[data-cname="Tabs"] { margin-top: 0; } :is(.\*\:first\:data-\[cname\=Tabs\]\:pt-0 > *):first-child[data-cname="Tabs"] { padding-top: 0; } :is(.\*\*\:data-\[cname\=TabsList\]\:m-0 *)[data-cname="TabsList"] { margin: 0; } :is(.\*\*\:data-\[cname\=TabsList\]\:mx-6 *)[data-cname="TabsList"] { margin-inline: calc(var(--spacing) * 6); } :is(.\*\*\:data-\[cname\=TabsList\]\:mb-4 *)[data-cname="TabsList"] { margin-bottom: calc(var(--spacing) * 4); } :is(.\*\*\:data-\[cname\=TabsList\]\:p-0 *)[data-cname="TabsList"] { padding: 0; } :is(:is(.\*\:first\:data-\[cname\=Tabs\]\:\*\:data-\[cname\=TabsList\]\:mt-0 > *):first-child[data-cname="Tabs"] > *)[data-cname="TabsList"] { margin-top: 0; } :is(:is(.\*\:first\:data-\[cname\=Tabs\]\:\*\:data-\[cname\=TabsList\]\:pt-0 > *):first-child[data-cname="Tabs"] > *)[data-cname="TabsList"] { padding-top: 0; } @media (hover: hover) { .data-\[disabled\=false\]\:hover\:bg-blue-00[data-disabled="false"]:hover { background-color: var(--color-blue-00); } } .data-\[disabled\=true\]\:text-gray-40[data-disabled="true"] { color: var(--color-gray-40); } :is(.data-\[disabled\=true\]\:\*\*\:data-\[cname\=SelectInputOptionIcon\]\:opacity-50[data-disabled="true"] *)[data-cname="SelectInputOptionIcon"] { opacity: .5; } .data-\[highlighted\]\:bg-blue-10[data-highlighted] { background-color: var(--color-blue-10); } .data-\[highlighted\]\:bg-green-10[data-highlighted] { background-color: var(--color-green-10); } .data-\[highlighted\]\:bg-red-10[data-highlighted] { background-color: var(--color-red-10); } .data-\[highlighted\]\:bg-yellow-10[data-highlighted] { background-color: var(--color-yellow-10); } .data-\[state\=active\]\:bg-blue-20[data-state="active"] { background-color: var(--color-blue-20); } .data-\[state\=active\]\:bg-blue-40[data-state="active"] { background-color: var(--color-blue-40); } .data-\[state\=active\]\:bg-blue-50[data-state="active"] { background-color: var(--color-blue-50); } .data-\[state\=active\]\:bg-blue-140[data-state="active"] { background-color: var(--color-blue-140); } .data-\[state\=active\]\:bg-green-40[data-state="active"] { background-color: var(--color-green-40); } .data-\[state\=active\]\:bg-green-50[data-state="active"] { background-color: var(--color-green-50); } .data-\[state\=active\]\:bg-green-120[data-state="active"] { background-color: var(--color-green-120); } .data-\[state\=active\]\:bg-red-40[data-state="active"] { background-color: var(--color-red-40); } .data-\[state\=active\]\:bg-red-50[data-state="active"] { background-color: var(--color-red-50); } .data-\[state\=active\]\:bg-red-120[data-state="active"] { background-color: var(--color-red-120); } .data-\[state\=active\]\:bg-yellow-40[data-state="active"] { background-color: var(--color-yellow-40); } .data-\[state\=active\]\:bg-yellow-50[data-state="active"] { background-color: var(--color-yellow-50); } .data-\[state\=active\]\:bg-yellow-120[data-state="active"] { background-color: var(--color-yellow-120); } .data-\[state\=active\]\:text-gray-100[data-state="active"] { color: var(--color-gray-100); } .data-\[state\=active\]\:text-primary[data-state="active"] { color: var(--color-primary); } .data-\[state\=active\]\:outline-blue-100[data-state="active"] { outline-color: var(--color-blue-100); } @media (hover: hover) { .data-\[state\=active\]\:hover\:bg-blue-30[data-state="active"]:hover { background-color: var(--color-blue-30); } } .data-\[state\=closed\]\:pointer-events-none[data-state="closed"] { pointer-events: none; } .data-\[state\=closed\]\:invisible[data-state="closed"] { visibility: hidden; } .data-\[state\=disabled\]\:cursor-not-allowed[data-state="disabled"] { cursor: not-allowed; } .data-\[state\=disabled\]\:cursor-wait[data-state="disabled"] { cursor: wait; } .data-\[state\=disabled\]\:bg-gray-20\![data-state="disabled"] { background-color: var(--color-gray-20) !important; } .data-\[state\=disabled\]\:bg-transparent\![data-state="disabled"] { background-color: #0000 !important; } .data-\[state\=disabled\]\:text-gray-50\![data-state="disabled"] { color: var(--color-gray-50) !important; } .data-\[state\=disabled\]\:text-gray-60[data-state="disabled"] { color: var(--color-gray-60); } :is(.data-\[state\=disabled\]\:\*\*\:cursor-not-allowed[data-state="disabled"] *) { cursor: not-allowed; } :is(.data-\[state\=disabled\]\:\*\*\:cursor-wait[data-state="disabled"] *) { cursor: wait; } .data-\[state\=focus\]\:bg-blue-30[data-state="focus"] { background-color: var(--color-blue-30); } .data-\[state\=focus\]\:bg-green-30[data-state="focus"] { background-color: var(--color-green-30); } .data-\[state\=focus\]\:bg-red-30[data-state="focus"] { background-color: var(--color-red-30); } .data-\[state\=focus\]\:bg-yellow-30[data-state="focus"] { background-color: var(--color-yellow-30); } .data-\[state\=hover\]\:bg-blue-30[data-state="hover"] { background-color: var(--color-blue-30); } .data-\[state\=hover\]\:bg-blue-40[data-state="hover"] { background-color: var(--color-blue-40); } .data-\[state\=hover\]\:bg-blue-130[data-state="hover"] { background-color: var(--color-blue-130); } .data-\[state\=hover\]\:bg-green-30[data-state="hover"] { background-color: var(--color-green-30); } .data-\[state\=hover\]\:bg-green-40[data-state="hover"] { background-color: var(--color-green-40); } .data-\[state\=hover\]\:bg-green-110[data-state="hover"] { background-color: var(--color-green-110); } .data-\[state\=hover\]\:bg-red-30[data-state="hover"] { background-color: var(--color-red-30); } .data-\[state\=hover\]\:bg-red-40[data-state="hover"] { background-color: var(--color-red-40); } .data-\[state\=hover\]\:bg-red-110[data-state="hover"] { background-color: var(--color-red-110); } .data-\[state\=hover\]\:bg-yellow-30[data-state="hover"] { background-color: var(--color-yellow-30); } .data-\[state\=hover\]\:bg-yellow-40[data-state="hover"] { background-color: var(--color-yellow-40); } .data-\[state\=hover\]\:bg-yellow-110[data-state="hover"] { background-color: var(--color-yellow-110); } .data-\[state\=hover\]\:text-primary[data-state="hover"] { color: var(--color-primary); } .data-\[state\=open\]\:bg-blue-10[data-state="open"] { background-color: var(--color-blue-10); } .data-\[state\=open\]\:bg-green-10[data-state="open"] { background-color: var(--color-green-10); } .data-\[state\=open\]\:bg-red-10[data-state="open"] { background-color: var(--color-red-10); } .data-\[state\=open\]\:bg-yellow-10[data-state="open"] { background-color: var(--color-yellow-10); } .data-\[visible\=true\]\:visible[data-visible="true"] { visibility: visible; } .nth-\[2\]\:flex-\[1_0_calc\(50\%-3rem\)\]:nth-child(2) { flex: 1 0 calc(50% - 3rem); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:transition-\[margin\] { transition-property: margin; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:animate-slide-in-from-right-16\! { --tw-enter-translate-x: calc(16 * var(--spacing)) !important; } .motion-safe\:animate-slide-out-to-right-16\! { --tw-exit-translate-x: calc(16 * var(--spacing)) !important; } .motion-safe\:animate-zoom-in-95\! { --tw-enter-scale: .95 !important; } .motion-safe\:animate-zoom-out-95\! { --tw-exit-scale: .95 !important; } } @media (min-width: 96rem) { .\32 xl\:grid-cols-\[2fr_1fr\] { grid-template-columns: 2fr 1fr; } } @container pagination not (min-width: 64rem) { .\@max-lg\/pagination\:gap-0 { gap: 0; } :is(.\@max-lg\/pagination\:\*\*\:data-wide-only\:hidden *)[data-wide-only] { display: none; } } @container listitem (min-width: 72rem) { .\@xl\/listitem\:grid { display: grid; } .\@xl\/listitem\:grid-cols-\[1\.5fr_1fr_1fr\] { grid-template-columns: 1.5fr 1fr 1fr; } .\@xl\/listitem\:p-0 { padding: 0; } .\@xl\/listitem\:pt-2 { padding-top: calc(var(--spacing) * 2); } } @media (hover: hover) { @media (prefers-color-scheme: dark) { .hover\:dark\:\!bg-gray-100:hover { background-color: var(--color-gray-100) !important; } .hover\:dark\:bg-gray-100:hover { background-color: var(--color-gray-100); } } } @starting-style { .starting\:translate-x-12 { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } .starting\:before\:bg-white:before { content: var(--tw-content); background-color: var(--color-white); } } @media print { .print\:m-0 { margin: 0; } .print\:block { display: block; } .print\:flex { display: flex; } .print\:hidden { display: none; } .print\:h-auto { height: auto; } .print\:h-auto\! { height: auto !important; } .print\:min-h-auto { min-height: auto; } .print\:w-auto { width: auto; } .print\:min-w-0 { min-width: 0; } .print\:min-w-auto { min-width: auto; } .print\:grid-cols-\[repeat\(var\(--repeat-print\)\,1fr\)\] { grid-template-columns: repeat(var(--repeat-print),1fr); } .print\:flex-col { flex-direction: column; } .print\:overflow-x-visible { overflow-x: visible; } .print\:border { border-style: var(--tw-border-style); border-width: 1px; } .print\:border-red { border-color: var(--color-red-100); } .print\:bg-transparent { background-color: #0000; } .print\:text-primary { color: var(--color-primary); } } [data-scrollable] .parent-scrollable\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } [data-scrollable] .parent-scrollable\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } [data-scrollable] .parent-scrollable\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } [data-scrollable] .parent-scrollable\:pt-4 { padding-top: calc(var(--spacing) * 4); } :is(.focus-visible\:next-sibling\:data-\[cname\=SelectInputOption\]\:before\:content-none:focus-visible + *)[data-cname="SelectInputOption"]:before { content: var(--tw-content); --tw-content: none; content: none; } .in-tooltip\:min-w-80:is(:where([data-cname="TooltipContent"]) *) { min-width: calc(var(--spacing) * 80); } .in-tooltip\:gap-x-10:is(:where([data-cname="TooltipContent"]) *) { column-gap: calc(var(--spacing) * 10); } .in-tooltip\:gap-y-4:is(:where([data-cname="TooltipContent"]) *) { row-gap: calc(var(--spacing) * 4); } .in-tooltip\:text-sm:is(:where([data-cname="TooltipContent"]) *) { font-size: var(--text-sm); } .in-tooltip\:text-xs:is(:where([data-cname="TooltipContent"]) *) { font-size: var(--text-xs); } :is(.in-tooltip\:\*\:data-\[cname\=Badge\]\:top-0:is(:where([data-cname="TooltipContent"]) *) > *)[data-cname="Badge"] { top: 0; } .link\:relative:not(:has([data-link-text])), .link\:relative:has([data-link-text]) [data-link-text] { position: relative; } .link\:cursor-pointer:not(:has([data-link-text])), .link\:cursor-pointer:has([data-link-text]) [data-link-text] { cursor: pointer; } .link\:font-t4:not(:has([data-link-text])), .link\:font-t4:has([data-link-text]) [data-link-text] { font-family: var(--font-sans); font-size: var(--text-xl); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .link\:text-base:not(:has([data-link-text])), .link\:text-base:has([data-link-text]) [data-link-text] { font-size: var(--text-base); } .link\:text-sm:not(:has([data-link-text])), .link\:text-sm:has([data-link-text]) [data-link-text] { font-size: var(--text-sm); } .link\:font-normal:not(:has([data-link-text])), .link\:font-normal:has([data-link-text]) [data-link-text] { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .link\:text-blue:not(:has([data-link-text])), .link\:text-blue:has([data-link-text]) [data-link-text] { color: var(--color-blue-100); } .link\:text-gray-20:not(:has([data-link-text])), .link\:text-gray-20:has([data-link-text]) [data-link-text] { color: var(--color-gray-20); } .link\:no-underline:not(:has([data-link-text])), .link\:no-underline:has([data-link-text]) [data-link-text] { text-decoration-line: none; } @media (hover: hover) { .hover\:link\:underline:hover:not(:has([data-link-text])), .hover\:link\:underline:hover:has([data-link-text]) [data-link-text] { text-decoration-line: underline; } } .focus-visible\:not-hover\:link\:underline:focus-visible:not(:hover):not(:has([data-link-text])), .focus-visible\:not-hover\:link\:underline:focus-visible:not(:hover):has([data-link-text]) [data-link-text] { text-decoration-line: underline; } @media not all and (hover: hover) { .focus-visible\:not-hover\:link\:underline:focus-visible:not(:has([data-link-text])), .focus-visible\:not-hover\:link\:underline:focus-visible:has([data-link-text]) [data-link-text] { text-decoration-line: underline; } } .focus-visible\:not-hover\:link\:decoration-black:focus-visible:not(:hover):not(:has([data-link-text])), .focus-visible\:not-hover\:link\:decoration-black:focus-visible:not(:hover):has([data-link-text]) [data-link-text] { -webkit-text-decoration-color: var(--color-black); -webkit-text-decoration-color: var(--color-black); text-decoration-color: var(--color-black); } @media not all and (hover: hover) { .focus-visible\:not-hover\:link\:decoration-black:focus-visible:not(:has([data-link-text])), .focus-visible\:not-hover\:link\:decoration-black:focus-visible:has([data-link-text]) [data-link-text] { -webkit-text-decoration-color: var(--color-black); -webkit-text-decoration-color: var(--color-black); text-decoration-color: var(--color-black); } } .focus-visible\:not-hover\:link\:decoration-2:focus-visible:not(:hover):not(:has([data-link-text])), .focus-visible\:not-hover\:link\:decoration-2:focus-visible:not(:hover):has([data-link-text]) [data-link-text] { text-decoration-thickness: 2px; } @media not all and (hover: hover) { .focus-visible\:not-hover\:link\:decoration-2:focus-visible:not(:has([data-link-text])), .focus-visible\:not-hover\:link\:decoration-2:focus-visible:has([data-link-text]) [data-link-text] { text-decoration-thickness: 2px; } } .focus-visible\:not-hover\:link\:underline-offset-4:focus-visible:not(:hover):not(:has([data-link-text])), .focus-visible\:not-hover\:link\:underline-offset-4:focus-visible:not(:hover):has([data-link-text]) [data-link-text] { text-underline-offset: 4px; } @media not all and (hover: hover) { .focus-visible\:not-hover\:link\:underline-offset-4:focus-visible:not(:has([data-link-text])), .focus-visible\:not-hover\:link\:underline-offset-4:focus-visible:has([data-link-text]) [data-link-text] { text-underline-offset: 4px; } } .active\:link\:text-blue:active:not(:has([data-link-text])), .active\:link\:text-blue:active:has([data-link-text]) [data-link-text] { color: var(--color-blue-100); } .active\:link\:underline:active:not(:has([data-link-text])), .active\:link\:underline:active:has([data-link-text]) [data-link-text] { text-decoration-line: underline; } .\[\&_div\]\:border-none div { --tw-border-style: none; border-style: none; } .\[\&_td\]\:px-6 td, .\[\&_th\]\:px-6 th { padding-inline: calc(var(--spacing) * 6); } .\[\&_thead\]\:hidden\! thead { display: none !important; } .\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button { margin: 0; } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button { appearance: none; } .\[\&\:\:-webkit-inner-spin-button\]\:\[-webkit-appearance\:none\]::-webkit-inner-spin-button { -webkit-appearance: none; } .\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button { margin: 0; } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button { appearance: none; } .\[\&\:\:-webkit-outer-spin-button\]\:\[-webkit-appearance\:none\]::-webkit-outer-spin-button { -webkit-appearance: none; } .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button { display: none; } :is(:is(.\*\*\:\[\.visx-axis\]\:\*\*\:\[\.visx-axis-label\]\:select-none *).visx-axis *).visx-axis-label, :is(:is(.\*\*\:\[\.visx-axis\]\:\*\*\:\[\.visx-axis-tick\]\:select-none *).visx-axis *).visx-axis-tick { -webkit-user-select: none; user-select: none; } .\[\:has\(\+\:not\(\:empty\)\)\]\:hidden:has( + :not(:empty)), .\[\:has\(\>\:only-child_\[role\=tablist\]\[hidden\]\)\]\:hidden:has( > :only-child [role="tablist"][hidden]) { display: none; } .not-first\:\[\:where\(\[data-cname\=InlineAlert\]\)\+\*\]\:mt-0:not(:first-child):is(:where([data-cname="InlineAlert"]) + *) { margin-top: 0; } .not-first\:\[\:where\(\[data-cname\=InlineAlert\]\)\+\*\]\:has-data-\[cname\=FormSection\.Title\]\:mt-4:not(:first-child):is(:where([data-cname="InlineAlert"]) + *):has([data-cname="FormSection.Title"]) { margin-top: calc(var(--spacing) * 4); } .\[button\]\:m-0:is(button) { margin: 0; } .\[button\]\:inline:is(button) { display: inline; } .\[button\]\:appearance-none:is(button) { appearance: none; } .\[button\]\:border-none:is(button) { --tw-border-style: none; border-style: none; } .\[button\]\:bg-transparent:is(button) { background-color: #0000; } .\[button\]\:p-0:is(button) { padding: 0; } .\[button\]\:text-left:is(button) { text-align: left; } .\[button\]\:outline-none:is(button) { --tw-outline-style: none; outline-style: none; } :is(.\*\:\[button\]\:text-secondary > *):is(button) { color: var(--color-secondary); } :is(.\*\:\[dd\]\:ml-0 > *):is(dd) { margin-left: 0; } :is(.\*\:\[dd\]\:grid-cols-subgrid > *):is(dd) { grid-template-columns: subgrid; } :is(.\*\:\[div\]\:flex-1 > *):is(div) { flex: 1; } :is(.\*\:\[div\]\:\[overflow\:hidden_auto\] > *):is(div) { overflow: hidden auto; } :is(:is(.\*\:\[div\]\:\*\:data-\[cname\=List\]\:border-t > *):is(div) > *)[data-cname="List"] { border-top-style: var(--tw-border-style); border-top-width: 1px; } :is(:is(.\*\:\[div\]\:\*\:data-\[cname\=List\]\:border-gray-10 > *):is(div) > *)[data-cname="List"], :is(:is(.\*\:\[div\]\:\*\:\[\.nf-table\,\.scroll-table\]\:border-gray-10 > *):is(div) > *):is(.nf-table, .scroll-table) { border-color: var(--color-gray-10); } :is(:is(.\*\:\[div\]\:\*\:not-\[\.-with-borders\]\:\[\.nf-table\,\.scroll-table\]\:border-t > *):is(div) > *):not(.-with-borders):is(.nf-table, .scroll-table) { border-top-style: var(--tw-border-style); border-top-width: 1px; } :is(.\*\:\[dt\]\:basis-\[unset\] > *):is(dt) { flex-basis: unset; } :is(.\*\:\[dt\]\:grid-cols-subgrid > *):is(dt) { grid-template-columns: subgrid; } :is(.\*\*\:\[dt\]\:basis-40 *):is(dt) { flex-basis: calc(var(--spacing) * 40); } :is(.\*\*\:\[dt\]\:basis-52 *):is(dt) { flex-basis: calc(var(--spacing) * 52); } :is(.\*\*\:\[dt\]\:basis-88 *):is(dt) { flex-basis: calc(var(--spacing) * 88); } :is(.\*\*\:\[dt\]\:basis-\[35\%\] *):is(dt) { flex-basis: 35%; } :is(.\*\*\:\[dt\]\:basis-\[calc\(100\%-16rem\)\] *):is(dt) { flex-basis: calc(100% - 16rem); } :is(.\*\*\:\[h1\]\:text-lg *):is(h1) { font-size: var(--text-lg); } :is(.\*\*\:\[h1\]\:font-medium *):is(h1) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } :is(.\*\*\:\[h2\]\:text-lg *):is(h2) { font-size: var(--text-lg); } :is(.\*\*\:\[h2\]\:font-medium *):is(h2) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } :is(.\*\*\:\[h3\]\:text-lg *):is(h3) { font-size: var(--text-lg); } :is(.\*\*\:\[h3\]\:font-medium *):is(h3) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } :is(.\*\*\:\[h4\]\:text-lg *):is(h4) { font-size: var(--text-lg); } :is(.\*\*\:\[h4\]\:font-medium *):is(h4) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } :is(.\*\*\:\[h5\]\:text-lg *):is(h5) { font-size: var(--text-lg); } :is(.\*\*\:\[h5\]\:font-medium *):is(h5) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } :is(.\*\*\:\[h6\]\:text-lg *):is(h6) { font-size: var(--text-lg); } :is(.\*\*\:\[h6\]\:font-medium *):is(h6) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } :is(.\*\:\[label\]\:cursor-wait > *):is(label) { cursor: wait; } :is(.\*\:\[span\]\:leading-1 > *):is(span) { --tw-leading: var(--spacing); line-height: var(--spacing); } @media print { :is(.print\:\*\*\:\[svg\]\:h-\[calc\(90vw\*var\(--aspect-ratio-factor\)\)\] *):is(svg) { height: calc(90vw * var(--aspect-ratio-factor)); } :is(.print\:\*\*\:\[svg\]\:h-\[calc\(90vw\*var\(--timeline-chart-aspect-ratio\)\)\] *):is(svg) { height: calc(90vw * var(--timeline-chart-aspect-ratio)); } :is(.print\:\*\*\:\[svg\]\:w-\[90vw\] *):is(svg) { width: 90vw; } } @media (max-height: 420px) { .\[\@media_all_and_\(max-height\:420px\)\]\:relative { position: relative; } .\[\@media_all_and_\(max-height\:420px\)\]\:top-0 { top: 0; } .\[\@media_all_and_\(max-height\:420px\)\]\:left-0 { left: 0; } .\[\@media_all_and_\(max-height\:420px\)\]\:mt-0 { margin-top: 0; } .\[\@media_all_and_\(max-height\:420px\)\]\:ml-0 { margin-left: 0; } .\[\@media_all_and_\(max-height\:420px\)\]\:px-4 { padding-inline: calc(var(--spacing) * 4); } .\[\@media_all_and_\(max-height\:420px\)\]\:pt-12 { padding-top: calc(var(--spacing) * 12); } .\[\@media_all_and_\(max-height\:420px\)\]\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } } } .calendar__month-headers, .calendar__month-slots, .calendar__week-timed-slots, .calendar__week-all-day-slots { background-color: var(--color-gray-10); grid-template-columns: repeat(7, 1fr); gap: 1px; display: grid; } :is(.calendar__month-slots, .calendar__week-all-day-slots).-is-loading { cursor: wait; } .calendar__month-slots { overflow-y: scroll; } .calendar__month-headers { z-index: var(--z-index-calendar-month-headers); border-top: 1px solid var(--color-gray-10); border-bottom: 1px solid var(--color-gray-10); overflow-y: scroll; } .calendar__week-headers { border-top: 1px solid var(--color-gray-10); border-bottom: 1px solid var(--color-gray-10); background-color: var(--color-gray-10); grid-template-columns: 60px repeat(7, 1fr); gap: 1px; display: grid; overflow-y: scroll; } .calendar__week-wrapper { background-color: var(--color-gray-10); grid-template-columns: 60px 1fr; gap: 1px; display: grid; overflow-y: scroll; } .calendar__week-wrapper + .calendar__week-wrapper { border-top: 1px solid var(--color-gray-10); } .calendar__week-all-day-slots { --offset-top: 5px; } .calendar__week-all-day-slots .calendar__date { min-height: 30px; } .calendar__week-gutter { background-color: var(--color-white); color: var(--color-secondary); padding-right: 1rem; } .calendar__week-gutter.-is-header { background-color: var(--color-gray-00); } .calendar__week-gutter span { text-align: right; } .calendar__day { color: var(--color-secondary); font-weight: var(--font-weight-bold); text-align: center; justify-content: center; align-items: center; display: flex; } :is(.calendar__date.-is-today, .calendar__header.-is-today) .calendar__day { background-color: var(--color-blue-100); color: var(--color-white); border-radius: 3rem; } .calendar__date { background-color: #fff; flex-direction: column; min-height: 210px; display: flex; overflow: hidden; } .calendar__date.-is-weekend { background-color: var(--color-blue-00); } .calendar__date__header { justify-content: center; margin-top: 1rem; display: flex; } .calendar__date__day { min-width: 3rem; height: 3rem; font-size: var(--text-xs); } .calendar__date__day.-is-padding-date { opacity: .4; } .calendar__date__content { flex-direction: column; flex: 1; padding: 1rem; display: flex; } .calendar__date__content [data-cname="Button"] { margin-bottom: 1rem; } .calendar__header { background-color: var(--color-blue-00); flex-direction: column; align-items: center; padding: 2rem; display: flex; } .calendar__header.-is-today .calendar__header__dayname { color: var(--color-blue-100); } .calendar__header__dayname { color: var(--color-secondary); font-size: var(--text-sm); font-weight: var(--font-weight-normal); } .calendar__header__day { min-width: 3rem; height: 3rem; color: var(--color-primary); font-size: var(--text-lg); } .calendar__header__monthname { color: var(--color-secondary); font-size: var(--text-sm); font-weight: var(--font-weight-bold); } .calendar__hour-lines { flex-direction: column; display: flex; position: relative; } .calendar__hour-lines__time { height: 60px; line-height: 0; } .calendar__hour-lines__bar { border-bottom: .5px solid var(--color-gray-10); height: 30px; } .calendar__hour-lines__bar.-is-hour { border-bottom-color: var(--color-gray-20); } .calendar__hour-lines__bar.-is-last { border-bottom: none; } .calendar__hour-lines__current-time { top: calc(1px * var(--minute) - 1px); background-color: var(--color-red-100); pointer-events: none; height: 2px; display: block; position: absolute; left: 0; right: 0; } .calendar__hour-lines__current-time:after { top: 0; left: calc(var(--day-index) * (100% / 7)); background-color: var(--color-red-100); content: ""; border-radius: 50%; width: 1rem; height: 1rem; position: absolute; transform: translate(-50%, -50%) translateY(1px); } .calendar__event-slot { z-index: var(--z-index-float); min-width: 0; position: relative; } .calendar__event-slot.-is-month { --height: 3rem; --margin-bottom: .5rem; margin-block: calc(var(--offset-top, 0px) + (var(--margin-bottom) + var(--height)) * var(--line-index)) 1rem; } .calendar__event-slot.-is-month .calendar__event { height: 3rem; } .calendar__event-slot.-is-month.-is-start .calendar__event__start { background-color: var(--color-blue-100); border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; width: 6px; margin-left: .5rem; } .calendar__event-slot.-is-month.-is-end .calendar__event__end { background-color: var(--event-bg-color); border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; width: .5rem; margin-right: .5rem; } .calendar__event-slot.-is-month.-is-end-inconclusive .calendar__event { position: relative; } .calendar__event-slot.-is-month.-is-end-inconclusive .calendar__event:after { content: ""; background: linear-gradient(to left, #fff, #0000 12rem 100%); position: absolute; inset: 0; } .calendar__event-slot.-is-month:not(.-is-start) .calendar__event__start { border-top: 1.5rem solid #0000; border-right: 1rem solid var(--event-bg-color); border-bottom: 1.5rem solid #0000; } .calendar__event-slot.-is-month:not(.-is-end) .calendar__event__end { border-top: 1.5rem solid #0000; border-bottom: 1.5rem solid #0000; border-left: 1rem solid var(--event-bg-color); } .calendar__event-slot.-is-week { margin: 1px; } .calendar__event-slot.-is-week.-is-start .calendar__event__start { background-color: var(--color-blue-100); width: 6px; } .calendar__event-slot.-is-week.-is-end .calendar__event__end { background-color: var(--event-bg-color); width: .5rem; } .calendar__event-slot.-is-week.-is-start.-is-end .calendar__event__start { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; } .calendar__event-slot.-is-week.-is-start.-is-end .calendar__event__end { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } .calendar__event-slot.-is-week.-is-start:not(.-is-end) .calendar__event__start { border-top-left-radius: .5rem; } .calendar__event-slot.-is-week.-is-start:not(.-is-end) .calendar__event__content { border-top-right-radius: .5rem; } .calendar__event-slot.-is-week.-is-end:not(.-is-start) .calendar__event__content { border-bottom-left-radius: .5rem; } .calendar__event-slot.-is-week.-is-end:not(.-is-start) .calendar__event__end { border-bottom-right-radius: .5rem; } .calendar__event-slot.-is-week .calendar__event { height: 100%; } .calendar__event { --event-bg-color: var(--color-blue-20); --event-bg-color-hover: var(--color-blue-30); --event-text-color: var(--color-primary); cursor: default; display: flex; position: relative; } .calendar__event:not(.-no-hover).-is-hovering { --event-bg-color: var(--event-bg-color-hover) !important; } .calendar__event__start, .calendar__event__end { flex-shrink: 0; } .calendar__event__content { background-color: var(--event-bg-color); color: hsl(var(--event-text-color)); font-size: var(--text-base); font-weight: var(--font-weight-medium); text-overflow: ellipsis; white-space: nowrap; flex: 1; padding: 0 .5rem; overflow: hidden; } .calendar__event__time { font-size: var(--text-sm); font-weight: var(--font-weight-normal); margin-right: .5rem; } .calendar__event__start, .calendar__event__end, .calendar__event__content { transition-property: background, background-color, border-color, color; transition-duration: .2s; } .calendar__week-event-container { grid-template-rows: 1fr; grid-auto-columns: 1fr; min-width: 0; padding: 0 .25rem; display: grid; } .calendar__navigation { align-items: center; gap: 1rem; width: 100%; padding: 1rem; display: flex; } .calendar__navigation.-in-card { padding: 0 3rem 1rem; } .calendar__navigation [data-cname="Button"] { flex-shrink: 0; margin: 0; } .calendar__navigation__title { width: 100%; font-size: var(--text-lg); font-weight: var(--font-weight-medium); margin-left: 2rem; display: flex; } .master-detail { background-color: var(--color-white); border-radius: 1.5rem; flex: 1; margin: 0 3rem 3rem; display: flex; overflow: hidden; } .master-detail.-wrapped { border-top: 1px solid var(--color-gray-10); border-top-left-radius: 0; border-top-right-radius: 0; margin: 0; } .master-detail__master { border-right: 1px solid var(--color-gray-10); flex-direction: column; width: 37rem; display: flex; } .master-detail__master [data-cname="Pagination"] { padding: 0; } .master-detail__master__header { border-bottom: 1px solid var(--color-gray-10); background-color: var(--color-gray-00); justify-content: space-between; align-items: center; padding: 2.5rem 1rem 2.5rem 3rem; display: flex; } .master-detail__master__header h3 { font-size: var(--text-sm); --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .master-detail__master__header__actions { align-items: center; gap: 1rem; height: 5rem; margin: -1.5rem 0; display: flex; } .master-detail__master__header__actions [data-cname="Button"] { margin: 0; } .master-detail__master__content { padding: 1rem; overflow: hidden auto; } .master-detail__link { color: var(--color-secondary); font-weight: var(--font-weight-normal); overflow-wrap: break-word; border-radius: 1rem; padding: 1.5rem 2rem; transition: background-color .2s; display: block; } .master-detail__link:hover { color: var(--color-secondary); } .master-detail__link:hover, .master-detail__link:focus-visible { background-color: var(--color-gray-10); } .master-detail__link:focus-visible { outline-offset: -2px; outline: 2px solid #000; } .master-detail__link.-is-active { background-color: var(--color-blue-20); color: var(--color-primary); } .master-detail__link.is-warning { background-color: var(--color-yellow-10); } .master-detail__link.is-warning:hover, .master-detail__link.is-warning:focus-visible { background-color: var(--color-yellow-20); } .master-detail__link.is-warning.-is-active { background-color: var(--color-yellow-30); } .master-detail__link.is-disabled { opacity: .6; } .master-detail__loading-links { flex-direction: column; gap: 4rem; padding: 2rem; display: flex; } .master-detail__detail { flex-direction: column; flex: 1; padding: 2rem; display: flex; overflow: hidden auto; } .master-detail__detail > [data-cname="Card"] { clip-path: none; border: none; } .master-detail__detail > [data-cname="Card"] > [data-cname="CardTitle"] { margin: 0 0 2rem; } .navigation-drawer { --navigation-drawer-width-open: 32rem; --navigation-drawer-width-closed: 3rem; z-index: var(--z-index-navigation-drawer); flex-shrink: 0; height: 100%; position: relative; } .navigation-drawer.-is-fixed { width: var(--navigation-drawer-width-open); } .navigation-drawer:not(.-is-fixed) { width: var(--navigation-drawer-width-closed); } .navigation-drawer:not(.-is-fixed) .navigation-drawer__drawer { box-shadow: 0 1.5rem 2rem #0003; } @supports (color: color-mix(in lab, red, red)) { .navigation-drawer:not(.-is-fixed) .navigation-drawer__drawer { box-shadow: 0 1.5rem 2rem 0 color-mix(in oklab, var(--color-black) 20%, transparent); } } .navigation-drawer.-is-open .navigation-drawer__container { width: var(--navigation-drawer-width-open); } .navigation-drawer.-is-open .navigation-drawer__drawer { opacity: 1; } .navigation-drawer.-with-transitions.-is-open .navigation-drawer__container { transition: width var(--navigation-drawer-transition-speed) var(--navigation-drawer-transition-delay); } .navigation-drawer.-with-transitions.-is-open .navigation-drawer__drawer { transition: opacity var(--navigation-drawer-transition-speed) var(--navigation-drawer-transition-delay); } .navigation-drawer.-with-transitions:not(.-is-open) .navigation-drawer__container { transition: width var(--navigation-drawer-transition-speed); } .navigation-drawer.-with-transitions:not(.-is-open) .navigation-drawer__drawer { transition: opacity var(--navigation-drawer-transition-speed); } .navigation-drawer__toggle-button { z-index: 1; background-color: var(--color-blue-10); padding-inline: .5rem; position: absolute; inset-block-start: 0; inset-inline-start: 0; } .navigation-drawer__container { width: var(--navigation-drawer-width-closed); position: absolute; inset-block: 0; inset-inline-start: 0; } .navigation-drawer__drawer { width: var(--navigation-drawer-width-open); background-color: var(--color-blue-10); opacity: 0; flex-direction: column; height: 100%; display: flex; position: absolute; inset-block: 0; inset-inline-end: 0; } .navigation-drawer__nav { width: var(--navigation-drawer-width-open); scrollbar-color: var(--color-gray-20) var(--color-blue-10); margin-top: 6.5rem; padding-block: .5rem; padding-inline: .5rem; overflow: auto; } .navigation-drawer__nav li:has([aria-current="page"]) > .navigation-drawer__item.-is-label { background-color: var(--color-gray-10); } .navigation-drawer__nav > * { scrollbar-color: auto; } .navigation-drawer__toggle-icon { cursor: default; margin: 1rem 2rem; position: absolute; top: 0; left: 0; } .navigation-drawer__actions { flex-shrink: 0; justify-content: flex-end; align-items: center; gap: .5rem; height: 7rem; padding-block-end: 2rem; padding-inline: .5rem; display: flex; } .navigation-drawer__children { margin: 0; padding: 0; list-style: none; } .navigation-drawer__children .navigation-drawer__item { margin-inline-start: var(--item-offset, 2rem); } .navigation-drawer__children li { flex-direction: column; display: flex; } .navigation-drawer__item { min-height: 6rem; color: var(--color-gray-70); background-color: #0000; border: 0; border-radius: 1rem; padding-block: 1rem; padding-inline: 2rem 1.5rem; transition-property: background-color; transition-duration: 50ms; display: flex; position: relative; } .navigation-drawer__item:hover { background-color: var(--color-gray-10); color: var(--color-gray-70); } .navigation-drawer__item:focus-visible { z-index: 1; background-color: var(--color-gray-10); outline: 1px solid var(--color-black); outline-offset: -2px; } .navigation-drawer__item[aria-current="page"] { background-color: var(--color-blue-20); color: var(--color-primary); } .navigation-drawer__item[aria-current="page"]:hover { background-color: var(--color-blue-30); } .navigation-drawer__item[aria-current="page"]:focus-visible { background-color: var(--color-blue-20); } .navigation-drawer__item [data-cname="Icon"] { margin: .5rem 0 .5rem 1rem; } .navigation-drawer__item.-is-label { appearance: none; cursor: default; text-align: left; justify-content: space-between; display: flex; } .navigation-drawer__item.-is-link { justify-content: space-between; align-items: center; display: flex; } .navigation-drawer__item span { padding-block: .5rem; } .navigation-drawer__divider { border-color: var(--color-gray-20); height: 1px; margin-block: 1rem; } @media print { .navigation-drawer { display: none !important; } } .navigation-rail { --wide-width: 32rem; background-color: var(--color-blue-00); grid-template-rows: auto 1fr; gap: 2rem; display: grid; } .navigation-rail.-is-wide .navigation-rail__item { width: calc(var(--wide-width) - 1rem); } .navigation-rail.-is-wide .navigation-rail__item__label { margin-inline-start: 2rem; } .navigation-rail.-is-narrow .navigation-rail__item__label { clip-path: inset(50%); white-space: nowrap; border: 0; width: 1px; height: 1px; padding: 0; position: absolute; overflow: hidden; } @media print { .navigation-rail { display: none; } } .navigation-rail__toggle-button { justify-self: end; width: 5rem; margin: 1rem; } .navigation-rail__items { flex-direction: column; margin-block-start: -.5rem; padding-block-start: .5rem; display: flex; overflow: hidden auto; } .navigation-rail__item { appearance: none; background-color: var(--color-blue-00); min-width: 6rem; color: var(--color-gray-70); border: none; border-radius: 1rem; align-self: stretch; margin-inline: .5rem; padding: 0; transition-property: background, background-color, color; transition-duration: 50ms; } .navigation-rail__item:hover { background-color: var(--color-gray-10); color: var(--color-gray-70); } .navigation-rail__item:focus { outline: none; } .navigation-rail__item:focus-visible { z-index: 1; background-color: var(--color-gray-10); color: var(--color-primary); outline: 1px solid var(--color-black); outline-offset: -2px; } .navigation-rail__item.active { background-color: var(--color-blue-20); color: var(--color-primary); } .navigation-rail__item.active:hover { background-color: var(--color-blue-30); } .navigation-rail__item:last-child { margin-block-end: 1rem; } .navigation-rail__item.-is-alert { margin-bottom: .5rem; } .navigation-rail__item.-is-alert.-type-danger, .navigation-rail__item.-is-alert.-type-danger:hover { background-color: var(--color-red-30); color: var(--color-primary); } .navigation-rail__item__label { fill: currentColor; } .navigation-rail__divider { border-top: 1px solid var(--color-gray-20); align-self: stretch; margin-block: 1rem; margin-inline: .5rem; } .nf-table > table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr { height: 6rem; transition: color .2s linear; } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr > th, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr > td { overflow-wrap: break-word; text-align: left; vertical-align: top; } :is(:is(.nf-table > table > thead, .nf-table > table > tbody) > tr > th, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr > td):first-child { padding-left: 3rem; } :is(:is(.nf-table > table > thead, .nf-table > table > tbody) > tr > th, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr > td):last-child { padding-right: 3rem; } :is(:is(.nf-table > table > thead, .nf-table > table > tbody) > tr > th, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr > td).without-padding { padding: 0; } :is(:is(.nf-table > table > thead, .nf-table > table > tbody) > tr > th, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr > td).nf-table-cell.-is-actions { height: 100%; padding-block: .5rem; } :is(:is(.nf-table > table > thead, .nf-table > table > tbody) > tr > th, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr > td).nf-table-cell.-is-actions > div { flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; gap: 1rem; height: 100%; display: flex; } :is(:is(.nf-table > table > thead, .nf-table > table > tbody) > tr > th, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr > td).nf-table-cell.-is-actions > div > * { flex-shrink: 0; margin: 0; } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-danger { background-color: var(--color-red-10); } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-warning { background-color: var(--color-yellow-10); } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:hover, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:hover + .nf-table-row.-is-appendix, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:has( + .nf-table-row.-is-appendix:hover), :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:has( + .nf-table-row.-is-appendix:hover) + .nf-table-row.-is-appendix { z-index: var(--z-index-table-is-clickable); cursor: pointer; --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); background-color: var(--color-blue-00); } :is(:is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:hover, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:hover + .nf-table-row.-is-appendix, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:has( + .nf-table-row.-is-appendix:hover), :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:has( + .nf-table-row.-is-appendix:hover) + .nf-table-row.-is-appendix).is-danger { background-color: var(--color-red-20); } :is(:is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:hover, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:hover + .nf-table-row.-is-appendix, :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:has( + .nf-table-row.-is-appendix:hover), :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:has( + .nf-table-row.-is-appendix:hover) + .nf-table-row.-is-appendix).is-warning { background-color: var(--color-yellow-20); } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:active { background-color: var(--color-blue-00); } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:active.is-danger { background-color: var(--color-red-30); } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-clickable:active.is-warning { background-color: var(--color-yellow-30); } :is(.nf-table > table > thead, .nf-table > table > tbody) > tr.is-disabled { color: var(--color-gray-40); } .nf-table > table > thead > tr > th { padding: 2rem 1.5rem; } .nf-table > table > thead > tr > th.nf-table-cell.-is-group-toggle-cell { justify-content: flex-end; display: flex; } .nf-table > table > thead > tr > th.nf-table-cell.-is-group-toggle-cell .nf-table-group-toggle-button [data-cname="Icon"] { width: 3rem; height: 3rem; } .nf-table > table > tbody > tr { border-top: 1px solid var(--color-gray-10); } .nf-table > table > tbody > tr > td { font-weight: var(--font-weight-normal); align-self: flex-start; padding: 1.5rem; position: relative; } .nf-table > table > tbody > tr > td.nf-table-cell.-is-empty { vertical-align: top !important; } .nf-table.-is-grid > table { grid-template-rows: auto 1fr; display: grid; } .nf-table.-is-grid > table > thead, .nf-table.-is-grid > table > tbody { display: grid; } :is(.nf-table.-is-grid > table > thead, .nf-table.-is-grid > table > tbody) > tr { height: unset; grid-auto-rows: minmax(6rem, 1fr); grid-template-columns: var(--column-widths, repeat(auto-fit, minmax(1px, 1fr))); min-height: 6rem; display: grid; overflow: hidden; } .nf-table.-is-grid > table > thead > tr { align-items: center; } .nf-table.-is-grid > table > thead > tr > th { min-width: 0; } .nf-table.-is-grid > table > tbody > tr { align-items: flex-start; } .nf-table.-is-grid > table > tbody > tr.nf-table-row.-is-appendix { border-top: 0; grid-auto-rows: 1fr; align-items: normal; } .nf-table.-is-grid > table > tbody > tr.nf-table-row.-is-appendix > td { padding-top: 0; } .nf-table.-is-grid > table > tbody > tr > td { min-width: 0; } .nf-table.-is-grid > table > tbody > tr > td.nf-table-cell.-span-all-cols, .nf-table.-is-grid > table > tbody > tr > td.nf-table-cell.-is-loading, .nf-table.-is-grid > table > tbody > tr > td.nf-table-cell.-is-empty { grid-column: 1 / -1; } .nf-table.-is-grid > table > tbody > tr > td.nf-table-cell.-is-group { grid-column: 1 / -1; padding: 0 !important; } .nf-table.-is-grid:not(.-is-group-child) > table > thead > tr { background: var(--color-blue-00); } .nf-table.-is-group-child { border-bottom: 2px solid var(--color-gray-10); border-radius: 0; } .nf-table.-is-group-child > table > thead > tr { border-top: 1px solid var(--color-gray-10); padding: 0 2rem; } .nf-table.-is-group-child > table > thead > tr > th { font-size: var(--text-base); } .nf-table.-is-group-child > table > thead > tr > th:first-child { padding-left: 0; } .nf-table.-is-group-child > table > thead > tr > th:last-child { padding-right: 0; } .nf-table.-is-group-child > table > tbody > tr { padding: 0 2rem; } .nf-table:not(.-is-group-child) > table > thead > tr > th, .nf-table:not(.-is-group-child) > table > thead > tr > th > button { background: var(--color-blue-00); color: var(--color-secondary); font-size: var(--text-sm); font-weight: var(--font-weight-medium); line-height: 2rem; } .nf-table.-with-borders { clip-path: inset(0 round var(--radius-md)); position: relative; } .nf-table.-with-borders:after { z-index: var(--z-index-float); border: 1px solid var(--color-gray-10); border-radius: var(--radius-md); content: ""; pointer-events: none; position: absolute; inset: 0; } .nf-table.-is-sticky > table { overflow: unset; position: relative; } .nf-table.-is-sticky > table > thead { z-index: var(--z-index-float); top: var(--table-sticky-top, 0); position: sticky; overflow: hidden; } .nf-table.-is-sticky > table > thead > tr { position: relative; } .nf-table.-is-sticky > table > thead > tr:after { border-bottom: 1px solid var(--color-gray-10); content: ""; position: absolute; bottom: 0; left: 0; right: 0; } .nf-table.-is-sticky > table > tbody > tr:first-child, .nf-table.-is-sticky > table > tbody > tr:first-child .nf-table.-is-group-child > table > thead > tr:first-child { border-top: none; } .nf-table-sort { background-color: var(--color-gray-00); text-align: left; border: 0; padding: 0; display: block; } .nf-table-sort [data-cname="Icon"] { width: var(--text-xl); height: var(--text-xl); -webkit-user-select: none; user-select: none; } .nf-table-sort:focus { outline: none; } .nf-table-sort.-is-active { font-weight: var(--font-weight-bold) !important; } @media print { .nf-table.-is-grid table { display: table; } .nf-table.-is-grid table thead { display: table-header-group; } .nf-table.-is-grid table tbody { display: table-row-group; } .nf-table.-is-grid table tr { display: table-row; } } .access-evaluation-header { cursor: pointer; vertical-align: middle; padding: 2rem 3rem; border-bottom: none; grid-template-columns: auto 24rem; align-items: center; padding-inline: 3rem; display: grid; overflow: hidden; } .access-evaluation-header.is-danger { background-color: var(--color-red-10); } .access-evaluation-header.is-danger:hover { background-color: var(--color-red-20); } .access-evaluation-header.is-active { border-bottom: 1px solid var(--color-gray-10); } .access-evaluation-header.without-toggle:hover { background: var(--color-white); cursor: default; } .access-evaluation-header:hover { background: var(--color-gray-00); } .access-evaluation-title { float: left; height: 4rem; font-weight: var(--font-weight-medium); align-items: center; gap: 1rem; display: flex; } .access-evaluation-evaluator { display: inline-block; } .access-history-card { border-top: 1px solid var(--color-gray-10); border-radius: .5rem; display: block; position: relative; } .access-history-header { background: var(--color-white); font-weight: var(--font-weight-medium); border-bottom: none; border-radius: .5rem; grid-template-columns: auto 1fr 24rem; align-items: center; gap: 2rem; padding-inline: 3rem; transition: background-color .2s linear; display: grid; overflow: hidden; } .access-history-header.is-active { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .access-history-header-container { align-items: center; width: 100%; padding: 2rem 0; display: flex; } .access-history-header-container.-without-session-link { grid-column: span 2; } .access-history-header-type { align-items: center; display: flex; } .access-history-header-type div { align-items: center; width: 18rem; display: flex; } .access-history-header-avatars { justify-content: space-between; align-items: center; gap: 1rem; width: 100%; height: 4rem; display: flex; } .access-history-header-avatars .access-history-header-user-container { align-items: center; display: flex; } .access-history-header-avatars .access-history-header-user-container.left { justify-content: flex-end; } .access-history-header-avatars .access-history-header-user-container.right { justify-content: flex-start; } .access-history-invisible { opacity: 0; } .access-history-content { display: flex; } .access-history-content--single-item { width: 100%; } .access-history-content__item { width: 50%; } .access-history-content__item-title a { color: var(--color-white); justify-content: center; align-items: center; padding: 1rem; display: flex; } .access-history-content__item-title a:active { color: var(--color-white); } .access-history-arterial { background: var(--color-red-100); } .access-history-venous { background: var(--color-blue-100); } .access-history-single { background: var(--color-gray-60); } .access-history-content__item-header { border-radius: var(--radius-sm); text-align: center; margin: 2rem; } .access-history-content__item-body { padding: 0 2rem 2rem; } .access-history-complications__item { display: block; } .access-history-complications__item .nf-table { margin: 0 2rem 2rem; } .access-history-footer__item { align-items: center; padding: 2rem; display: flex; position: relative; } .access-history-footer__item h6 { flex: 1; } .access-history-details { max-height: 0; padding-left: 10rem; padding-right: 3rem; transition: max-height .2s ease-out; overflow: hidden; } .access-history-details.is-active { max-height: none; transition: max-height .4s linear; overflow: auto; } .access-site-session-care-actions-header { background: var(--color-white); cursor: pointer; border-bottom: none; justify-content: space-between; align-items: center; padding: 2rem 3rem; display: flex; overflow: hidden; } .access-site-session-care-actions-header:hover { background: var(--color-gray-00); } .access-site-session-care-actions-header.is-active { border-bottom: 1px solid var(--color-gray-10); } .access-site-session-care-actions-header.without-toggle:hover { background: var(--color-white); cursor: default; } .access-site-session-care-actions-title { float: left; height: 4rem; font-size: 2.5rem; font-weight: var(--font-weight-medium); align-items: center; gap: 1rem; padding: 2rem; display: flex; } .access-site-session-care-actions-content { flex-flow: wrap; display: flex; } .access-site-session-care-actions-content:not(:first-child) { border-top: thin solid var(--color-gray-10); } .access-site-session-care-actions-content__item { width: 50%; padding: 2rem; } .access-site-session-care-actions-content__item:nth-child(2) { border-left: thin solid var(--color-gray-10); } .access-site-session-care-actions-content__item-header { text-align: center; justify-content: space-between; align-items: center; margin-left: 1rem; padding: 1rem 2rem; display: flex; } .access-site-session-care-actions-content__item-header h6 { justify-content: center; align-items: center; font-size: 2.5rem; display: flex; } .access-site-session-care-actions-content__item-body { margin-left: 1rem; padding: 2rem; } .access-site-session-care-actions-executed-at-by-data { --min-height: 4rem; font-size: var(--text-base); display: block; } .access-site-session-care-actions-executed-at-by-row { min-height: var(--min-height); align-items: flex-start; display: flex; } .access-site-session-care-actions-executed-at-by__label { overflow: initial; min-height: var(--min-height); font-weight: var(--font-weight-normal); white-space: pre-wrap; flex-shrink: 0; flex-basis: 40%; padding-top: .5rem; } .access-site-session-care-actions-executed-at__value, .access-site-session-care-actions-executed-by__value { overflow-wrap: anywhere; flex-grow: 0; flex-basis: 100%; min-width: 0; margin-left: 4rem; padding-top: .5rem; } .access-site-session-care-actions-executed-by__value { margin-top: -.5rem; } .appointment-conflict-preview { flex-direction: column; display: flex; } .appointment-conflict-preview__appointment { background-color: var(--color-gray-10); max-width: 40rem; color: var(--color-primary); cursor: default; font-size: var(--text-base); text-overflow: ellipsis; white-space: nowrap; border-radius: .5rem; margin-bottom: .5rem; padding: 0 2rem; position: relative; overflow: hidden; } .appointment-conflict-preview__appointment.-is-clickable:hover { background-color: var(--color-blue-20); } .appointment-conflict-preview__appointment.-is-clickable:hover:before { background-color: var(--color-blue-30); } .appointment-conflict-preview__appointment:before { background-color: var(--color-gray-30); content: ""; width: 6px; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .appointment-conflict-preview__appointment__time { color: var(--color-secondary); margin-right: .5rem; } .code-systems__search-modal__filters { gap: 3rem; padding: 1rem 3rem; display: flex; } .code-systems__search-modal__filters__checkbox { align-items: center; gap: 1rem; display: flex; } .code-systems__search-modal__results { padding: 3rem; } .code-systems__search-modal__results ul { margin: 0; padding: 0 0 0 4rem; list-style: none; } .code-systems__search-modal__results [data-cname="Button"] { align-self: flex-start; } .code-systems__search-modal__results__code__dot { width: 4rem; height: 4rem; color: var(--color-secondary); justify-content: center; align-items: center; margin-inline-start: -.5rem; font-size: 4rem; display: flex; } .code-systems__search-modal__results__code__dot:after { content: "ยท"; } .code-systems__search-modal__results__code { flex-direction: column; display: flex; } .code-systems__search-modal__results__code [data-cname="Button"] { margin-inline-start: -.5rem; } .code-systems__search-modal__results__code a { border-radius: 1rem; outline: none; flex-direction: column; flex: 1; margin-bottom: 1rem; padding-block: .5rem; padding-inline: 1rem .5rem; display: inline-flex; } .code-systems__search-modal__results__code a:focus-visible:not(:hover) .code-systems__search-modal__results__code__code { text-decoration: underline; -webkit-text-decoration-color: var(--color-black); -webkit-text-decoration-color: var(--color-black); text-decoration-color: var(--color-black); text-underline-offset: .5rem; text-decoration-thickness: 2px; } .code-systems__search-modal__results__code a:hover .code-systems__search-modal__results__code__code { text-decoration: underline; } .code-systems__search-modal__results__code__code { color: var(--color-blue-100); } .code-systems__search-modal__results__code__description { color: var(--color-secondary); font-size: var(--text-sm); } .config-tree__message { align-items: center; margin-bottom: 1rem; margin-left: 3rem; display: flex; } .config-tree__message:last-child { margin-bottom: 2rem; } .config-tree__message > [data-cname="Icon"] { margin-right: 1rem; } .config-tree__item__top { background-color: var(--color-white); min-height: 9rem; scroll-margin-top: var(--page-header-height, 0); border-radius: 1.5rem; grid-template-columns: 1.4fr 1fr auto; grid-template-areas: "title input actions"; column-gap: 2rem; margin-bottom: 1rem; padding: 1.5rem 2rem; display: grid; } .config-tree__item__top.-is-disabled { background-color: var(--color-gray-00); cursor: not-allowed; } .config-tree__item__top.-is-disabled, .config-tree__item__top.-is-disabled .config-tree__item__key { color: var(--color-gray-50); } .config-tree__item__text { flex-direction: column; grid-area: title; min-width: 1px; margin: .5rem 0; display: flex; } .config-tree__item__title, .config-tree__item__description { overflow-wrap: anywhere; } .config-tree__item__title, .config-tree__item__key { margin-bottom: .5rem; } .config-tree__item__title { font-weight: var(--font-weight-bold); } .config-tree__item__key { text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-secondary); overflow: hidden; } .config-tree__item__description { font-size: var(--text-sm); } .config-tree__item__actions { grid-area: actions; justify-content: flex-end; align-items: flex-start; gap: 1rem; margin-block: 3rem; display: flex; } .config-tree__item__actions [data-cname="Button"] { margin-left: 0 !important; } .config-tree__item__value { grid-area: input; justify-content: space-between; align-items: center; gap: 2rem; margin-block: 2.5rem; display: flex; } .config-tree__item__value__value { align-items: center; min-height: 6rem; display: flex; } .config-tree__item__children { grid-area: children; margin-left: 3rem; } .dashboard-issues { grid-template-columns: repeat(6, 1fr); justify-content: flex-start; gap: 1rem; margin: 3rem; display: grid; } .dashboard-issues .dashboard-issues__details-toggle { grid-column-end: 7; } @media only screen and (max-width: 1820px) { .dashboard-issues { grid-template-columns: repeat(4, 1fr); } .dashboard-issues .dashboard-issues__details-toggle { grid-column-end: 5; } } .dashboard-issue { flex-direction: column; height: 12.5rem; padding: 3rem; display: flex; } .dashboard-issue__title { align-items: center; width: 100%; display: flex; } .dashboard-issue__content { flex-direction: column; display: flex; } .dashboard-issue__count { --tw-leading: 1; color: var(--color-secondary); line-height: 1; font-size: var(--text-2xl); } .dummy-telegram-details { border: 1px solid var(--color-gray-10); background-color: var(--color-gray-00); border-radius: 1rem; margin: 2rem; padding: 2rem !important; } .dummy-telegram-payload { background-color: var(--color-gray-10); overflow-wrap: anywhere; white-space: pre-wrap; border-radius: .5rem; max-height: 40rem; padding: 1rem; overflow: auto; } .export-rules__combination + .export-rules__combination { margin-top: 2rem; } .letter-builder { --drawer-width: 58.5rem; --snippet-margin: 5rem; flex: 1; margin-inline: 3rem; display: none; position: relative; overflow: auto; } .letter-builder.-is-visible { flex-direction: column; display: flex; } .letter-builder__main { width: calc(100% - var(--drawer-width)); padding-block-end: 3rem; padding-inline: 0 2rem; display: none; overflow: auto; } .letter-builder__main.-is-visible { display: block; } .letter-builder__main [data-cname="PDFSinglePage"]:first-child { margin-top: 0; } .letter-builder__main [data-cname="PDFSinglePage"]:last-child { margin-bottom: 0; } .login { grid-template: "staging staging staging" "docs docs docs" ". . ." 10vh ". content ." ". . ." 1fr / 1fr 78rem 1fr; height: 100vh; display: grid; overflow-x: auto; } .login__docs-banner { width: 100%; padding: calc(var(--spacing) * 5); grid-area: docs; justify-content: center; } .login__staging-banner { background-color: var(--color-red-30); padding: var(--spacing); text-align: center; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-primary); grid-area: staging; } .login__layout { padding-bottom: calc(var(--spacing) * 16); flex-direction: column; grid-area: content; align-items: center; display: flex; } .login__layout [data-cname="InlineAlert"] { margin: 0; margin-bottom: calc(var(--spacing) * 4); width: 100%; } .login__layout p { margin-bottom: calc(var(--spacing) * 4); } .login__layout__logo { height: calc(var(--spacing) * 14); width: calc(var(--spacing) * 14); flex-shrink: 0; align-self: center; margin-block-end: 3rem; } .login__layout__heading { font-family: var(--font-sans); font-size: var(--text-2xl); --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); margin-block-end: 4rem; } .login__form { width: calc(var(--spacing) * 92); justify-content: center; gap: calc(var(--spacing) * 4); flex-direction: column; display: flex; } .login__form [data-cname="Button"] { align-self: center; } .patient-calendar { --blue-border-color: var(--color-blue-20); flex-direction: column; display: flex; overflow: hidden; } .patient-calendar .calendar__navigation { padding: 0; } .patient-calendar .calendar__event-slot.-is-start .calendar__event.-start-empty .calendar__event__start { border: 1px solid var(--color-blue-100); background-color: var(--color-white); } .patient-calendar .calendar__event-slot.-is-start .calendar__event.-start-hashed .calendar__event__start { border: 1px solid var(--color-blue-100); background: repeating-linear-gradient(-35deg, var(--color-blue-100), var(--color-blue-100) 1.5px, var(--color-white) 1.5px, var(--color-white) 3.5px); background-color: var(--color-white); border: none; } .patient-calendar .calendar__event-slot .calendar__event.-background-opaque { --event-bg-color: var(--color-blue-10); --event-bg-color-hover: var(--color-blue-20); } .patient-calendar .calendar__event-slot.-is-month .calendar__event.-background-white { --event-bg-color: var(--color-white); --event-bg-color-hover: var(--color-gray-10); } .patient-calendar .calendar__event-slot.-is-month .calendar__event.-background-white .calendar__event__content { border-top: 1px solid var(--blue-border-color); border-bottom: 1px solid var(--blue-border-color); } .patient-calendar .calendar__event-slot.-is-month.-is-end .calendar__event.-background-white .calendar__event__end { border: 1px solid var(--blue-border-color); border-left: 0; } .patient-calendar .calendar__event-slot.-is-month:not(.-is-start) .calendar__event.-background-white .calendar__event__start { border-right-color: var(--blue-border-color); } .patient-calendar .calendar__event-slot.-is-month:not(.-is-end) .calendar__event.-background-white .calendar__event__end { border-left-color: var(--blue-border-color); } .patient-calendar .calendar__event-slot.-is-week .calendar__event.-background-white { --event-bg-color: var(--color-white); --event-bg-color-hover: var(--color-gray-10); } .patient-calendar .calendar__event-slot.-is-week.-is-start .calendar__event.-background-white .calendar__event__content { border-top: 1px solid var(--blue-border-color); } .patient-calendar .calendar__event-slot.-is-week.-is-start:not(.-is-end) .calendar__event.-background-white .calendar__event__content { border-right: 1px solid var(--blue-border-color); } .patient-calendar .calendar__event-slot.-is-week.-is-end:not(.-is-start) .calendar__event.-background-white .calendar__event__content { border-left: 1px solid var(--blue-border-color); } .patient-calendar .calendar__event-slot.-is-week.-is-start.-is-end .calendar__event.-background-white .calendar__event__end { border-top: 1px solid var(--blue-border-color); } .patient-calendar .calendar__event-slot.-is-week.-is-end .calendar__event.-background-white .calendar__event__content { border-bottom: 1px solid var(--blue-border-color); } .patient-calendar .calendar__event-slot.-is-week.-is-end .calendar__event.-background-white .calendar__event__end { border-right: 1px solid var(--blue-border-color); border-bottom: 1px solid var(--blue-border-color); } .patient-calendar .calendar__event-slot .calendar__event.-description-line-through .patient-calendar__event__description { text-decoration: line-through; } .patient-calendar__conflicts h4 { margin: 2rem; } .patient-calendar__conflict { border-bottom: 1px solid var(--color-gray-10); padding: 2rem; transition: background-color .2s; } .patient-calendar__conflict:hover { background-color: var(--color-blue-10); } .patient-calendar__conflict:hover .appointment-conflict-preview__appointment { background-color: var(--color-blue-20); } .patient-calendar__conflict:hover .appointment-conflict-preview__appointment:before { background-color: var(--color-blue-30); } .patient-calendar__conflict:last-child { border-bottom: none; } .patient-calendar__conflict__time { margin-bottom: .5rem; } .patient-calendar__content { height: 100%; display: flex; } .patient-calendar__sidebar { flex-shrink: 0; max-width: 38rem; overflow-y: scroll; } .patient-calendar__filters { flex-direction: column; padding: 2rem; display: flex; } .patient-calendar__filters__title { font-size: var(--text-base); font-weight: var(--font-weight-bold); margin-bottom: 2rem; } .patient-calendar__filters__subtitle { font-size: var(--text-sm); font-weight: var(--font-weight-bold); margin-bottom: 1rem; } .patient-calendar__event-details { font-weight: var(--font-weight-medium); flex-direction: column; padding: 2rem; display: flex; } .patient-calendar__event-details hr { margin: 2rem 0; } .patient-calendar__event-details__header { justify-content: space-between; margin-bottom: 1rem; display: flex; } .patient-calendar__event-details__title { font-size: var(--text-lg); align-items: center; display: flex; } .patient-calendar__event-details__subtitle { font-weight: var(--font-weight-normal); margin: 1rem 0 .5rem; } .patient-calendar__event-details__datetime { font-weight: var(--font-weight-normal); margin-bottom: 1rem; } .patient-calendar__event-details__list { margin: 0; padding: 0 0 0 2rem; } .patient-calendar__event-details__list li:not(:last-child) { margin-bottom: 1rem; } .patient-calendar__event-details__small { font-size: var(--text-sm); } .patient-calendar__calendar { flex-direction: column; width: 100%; height: 100%; display: flex; } .patient-calendar__calendar .calendar__navigation { border-bottom: 1px solid var(--color-gray-10); padding: 2rem; } .patient-calendar__calendar .calendar__week-wrapper.-has-all-day-events { max-height: 12rem; } .patient-calendar__calendar .calendar__week-wrapper.-has-timed-events { flex: 1; min-height: 0; } .patient-calendar__calendar .calendar__month-headers, .patient-calendar__calendar .calendar__week-headers, .patient-calendar__calendar .calendar__week-wrapper { flex-shrink: 0; } .patient-calendar__calendar .calendar__week-headers, .patient-calendar__calendar .calendar__month-headers { border-top: 0; } .patient-calendar__calendar .calendar__event-slot .calendar__event { display: flex; } .filters { background-color: var(--color-white); border-radius: 1.5rem; grid-template: "icon inputs" "icon values" / auto 1fr; column-gap: 2rem; margin: 0 3rem 3rem; padding: 2rem 3rem; display: grid; } .filters.-without-margin { margin: 0; } .filters__inputs { grid-area: inputs; align-items: center; gap: 2rem; width: 100%; min-width: 0; display: flex; } .filters__inputs > [data-cname="Button"] { margin-left: 0; } .filters__inputs > [data-cname="Button"].-hidden { display: none; } .filters__filter-icon { pointer-events: none; -webkit-user-select: none; user-select: none; grid-area: icon; margin: 1rem 0; } .filters__values { grid-area: values; margin: 1.5rem 0 -.5rem; } .filter { flex-shrink: 0; display: flex; } .filter.-hidden { display: none; } .filter.-has-value .filter__wrapper { outline-color: var(--color-blue-100) !important; } .filter__wrapper { background-color: var(--color-white); outline: 1px solid var(--color-blue-20); outline-offset: -1px; border-radius: 1rem; align-items: center; transition: all .2s; display: flex; position: relative; } .filter__wrapper:has(:focus-visible):before { content: ""; outline: 1px solid var(--color-black); outline-offset: 2px; border-radius: 1rem; position: absolute; inset: 0; } .filter__wrapper:hover, .filter__wrapper:focus-within { outline-color: var(--color-blue-50); } .filter__wrapper:has([aria-expanded="true"]) { outline-color: var(--color-blue-100) !important; } .filter__wrapper.-disabled { color: var(--color-gray-30); outline-color: var(--color-gray-20); } .filter__trigger { appearance: none; background-color: #0000; border: none; outline: none; justify-content: space-between; align-items: center; width: 100%; min-height: 5rem; padding-inline: 2rem; display: flex; } .filter__trigger__content { flex-grow: 1; align-items: center; gap: 2rem; min-width: 1px; margin-right: 4rem; font-weight: 400; display: flex; } .filter__trigger__dropdown-icon { width: 3rem; height: 3rem; color: var(--color-blue-100); justify-content: center; align-items: center; display: flex; } .filter__trigger__dropdown-icon.-is-flipped { transform: rotate(180deg); } .filter__floating { border-radius: 1rem; flex-direction: column; display: flex; } .filter__popup-actions { border-top: 1px solid var(--color-gray-10); background-color: var(--color-blue-00); justify-content: space-between; padding: 1rem 3rem; display: flex; } .filter-value { display: inline; } .filter-value:not(:empty, :last-child) { margin-right: 3rem; } .filter-value [data-portaltarget] { display: inline; } .filter-value__label { color: var(--color-secondary); vertical-align: middle; margin-right: 1rem; font-weight: 500; display: inline-block; } .filter-value__label:after { content: ":"; } .filter-value__value { vertical-align: middle; margin-block: .5rem; } .filter-value__value:not(:last-child) { margin-inline-end: 1rem; } .filters-side-sheet { flex-direction: column; gap: 2rem; display: flex; } .filters-side-sheet .filter { flex-direction: column; width: 100%; display: flex; } .filters-side-sheet .filters__filter { width: 100%; max-width: none; } @media print { .filters { border-bottom: none; margin: 0; } .filter button { display: flex !important; } } .planning-page-header { flex-direction: column; padding: 0 3rem 2rem; display: flex; } @media print { .planning-page-header { display: none; } } .planning-page-header__top { grid-template: "heading week ." / 1fr 50% 1fr; gap: 3rem; margin-bottom: 2rem; display: grid; } .planning-page-header__heading { font-family: var(--font-sans); font-size: var(--text-2xl); --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); grid-area: heading; } .planning-page-header__week { grid-area: week; position: relative; } .planning-page-header__week span { font-family: var(--font-sans); font-size: var(--text-xl); --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .planning-page-header__bottom { justify-content: space-between; display: flex; } .planning-page-header__tabs { align-items: flex-start; gap: 2rem; display: flex; } .planning-page-header__tabs [data-cname="Button"] { margin-left: 0; } .planning-container { background-color: var(--color-gray-00); flex-flow: column; width: 100%; height: 100%; display: flex; overflow: hidden auto; } .planning-wrapper { border-top: 1px solid var(--color-gray-10); flex-flow: row; flex: auto; width: 100%; display: flex; } .planning-wrapper:first-child { border-top: 0; } .planning-wrapper.-is-header { z-index: var(--z-index-planning-header); max-height: 5rem; position: sticky; top: 0; } .planning-shift { border-right: 1px solid var(--color-white); background-color: var(--color-gray-70); width: 5rem; height: auto; position: relative; } .planning-shift h5, .planning-shift [data-cname="Icon"] { width: var(--text-sm); height: var(--text-sm); font-weight: var(--font-weight-medium); white-space: nowrap; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); } .planning-shift h5 { width: 5rem; height: 100%; color: var(--color-white); cursor: default; text-align: center; text-orientation: sideways; text-overflow: ellipsis; writing-mode: vertical-rl; padding: 2rem 0; line-height: 5rem; text-decoration-style: dotted; overflow: hidden; } .planning-shift [data-cname="Icon"] { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .planning-shift [data-cname="Icon"] { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .planning-shift [data-cname="Icon"] { width: var(--text-lg); height: var(--text-lg); } .planning-shift.-is-icon { border-right: 1px solid var(--color-gray-60); } .planning-shift-heading, .planning-shift-name { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); border-top: 1px solid var(--color-gray-30); background-color: var(--color-gray-70); color: var(--color-white); font-size: var(--text-sm); font-weight: var(--font-weight-medium); text-align: center; padding: 1rem; } .planning-shift-heading { z-index: var(--z-index-float); position: sticky; top: 5rem; } .planning-shift-container { border-bottom: 1px solid var(--color-gray-10); flex-direction: column; margin: 0; display: flex; } .planning-shift-container:not(:first-child) { margin-top: 6rem; } .planning-block { background-color: var(--color-white); width: calc(100% - 5rem); } .planning-columns { -webkit-user-select: none; user-select: none; grid-template-columns: repeat(7, 1fr); display: grid; } .planning-entry { height: 4rem; margin: 1rem .5rem; display: block; } .planning-entry > div { border: 1px solid var(--color-gray-10); background-color: var(--color-white); width: 100%; height: 100%; font-size: var(--text-sm); font-weight: var(--font-weight-medium); border-radius: .5rem; align-items: center; gap: .5rem; transition: background-color .2s linear; display: flex; text-decoration: none !important; } .planning-entry > div * { pointer-events: none; } .planning-entry > div.-is-drop-target { border-color: var(--color-blue-100); background-color: var(--color-blue-20); } .planning-entry:not(.-is-empty) > div.-is-drop-target { border-color: var(--color-yellow-100); background-color: var(--color-yellow-20); } .planning-entry strong { color: var(--color-secondary); padding: 0 .5rem 0 1rem; } .planning-entry .patient { align-items: center; gap: .5rem; min-width: 0; display: flex; } .planning-entry .patient span { opacity: 1; text-overflow: ellipsis; white-space: nowrap; transition: opacity .2s linear; display: block; overflow: hidden; } .planning-entry small { color: var(--color-secondary); flex-shrink: 0; margin-right: 1rem; } .planning-entry.-is-empty { position: relative; } .planning-entry.-is-empty [data-cname="Icon"] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .planning-entry.-is-add [data-cname="Icon"] { opacity: 1; } .planning-entry.-is-disabled span { color: var(--color-secondary); } .planning-entry.-is-disabled [data-cname="Icon"] { opacity: .5; } .planning-entry.-is-double-booking { position: relative; } .planning-entry.-is-double-booking strong { margin-left: .5rem; } .planning-entry.-is-double-booking strong [data-cname="Icon"] { color: var(--color-yellow-100); } .planning-entry.-is-double-booking:before { background-color: var(--color-yellow-100); content: ""; border-radius: .5rem; width: .5rem; position: absolute; top: 0; bottom: 0; left: 0; } .planning-entry.-is-double-booking + .planning-entry.-is-double-booking:before { top: -2rem; } .planning-entry.-is-double-booking + .planning-entry.-is-double-booking strong { opacity: 0; } .planning-entry:not(.-is-disabled):hover > div { border-color: var(--color-gray-20); background-color: var(--color-gray-00); color: var(--color-blue-100); } .planning-column { min-width: 0; } .planning-column:first-child { padding-left: .5rem; } .planning-column:last-child { padding-right: .5rem; } .planning-column.-is-heading { border-right: 1px solid var(--color-gray-60); background-color: var(--color-gray-70); flex-direction: column; justify-content: center; align-self: stretch; height: 5rem; display: flex; } .planning-column-name { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); color: var(--color-white); font-size: var(--text-sm); font-weight: var(--font-weight-medium); text-align: center; display: block; } .planning-infection, .planning-conflict { background-color: var(--color-yellow-50); border-radius: 1rem; align-items: center; margin: .5rem 0; padding: 1rem 2rem; display: flex; } .planning-infection [data-cname="Icon"] { margin-right: 1rem; } .planning-conflict__time { flex-shrink: 0; width: 16rem; margin-right: 2rem; } .planning-popover__patient-subtext { color: var(--color-secondary); font-size: var(--text-base); font-weight: var(--font-weight-medium); align-items: center; display: flex; } .planning-position-group:has(.planning-entry.-is-double-booking > div.-is-drop-target) .planning-entry > div { border-color: var(--color-yellow-100); background-color: var(--color-yellow-20); } .tile { border-bottom: 1px solid var(--color-gray-10); cursor: pointer; flex-flow: row; flex: auto; align-content: center; width: 100%; padding: 2rem; transition: background .2s linear; display: flex; position: relative; } .tile:hover { background: var(--color-gray-00); } .tile-content { overflow-wrap: anywhere; word-break: normal; align-self: center; padding-left: 2rem; } .tile-content i { color: var(--color-secondary); font-size: var(--text-base); font-weight: var(--font-weight-medium); margin-top: .5rem; display: block; } .tile-danger i { color: var(--color-red-100); } .therapy-plan-calendar .calendar__date { min-height: 0; } .therapy-plan-calendar .calendar__date:hover .add-administration { opacity: 1; } .therapy-plan-calendar .add-administration { opacity: 0; width: 100%; transition: opacity .2s; } .therapy-plan-calendar .add-administration.-is-visible { opacity: 1; } .therapy-plan-calendar .loading-entry { --gradient: #fffc; } @supports (color: color-mix(in lab, red, red)) { .therapy-plan-calendar .loading-entry { --gradient: color-mix(in oklab, var(--color-white) 80%, transparent); } } .therapy-plan-calendar .loading-entry { background-image: linear-gradient(var(--gradient), var(--gradient)), linear-gradient(var(--color-blue-100)), var(--color-blue-100); border-radius: 1rem; flex-direction: column; justify-content: center; gap: .5rem; width: 100%; height: 6rem; margin-bottom: .5rem; padding: 2rem; display: flex; } .therapy-plan-calendar-session { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); border: 1px solid var(--color-blue-100); min-height: 4rem; color: var(--color-blue-100); font-size: var(--text-sm); font-weight: var(--font-weight-medium); text-transform: uppercase; -webkit-user-select: none; user-select: none; border-radius: 2rem; justify-content: center; align-items: center; margin-bottom: .5rem; padding: 0 2rem 0 1rem; display: flex; } .therapy-plan-calendar-prescription { color: var(--color-primary); border-radius: 1rem; flex-direction: column; margin-bottom: .5rem; padding: 1rem; display: flex; } .therapy-plan-calendar-prescription [data-cname="Button"] { height: 4rem; margin: 0; } .therapy-plan-calendar-prescription.-meaning-neutral { background: var(--color-blue-10); } .therapy-plan-calendar-prescription.-meaning-affirmative { background: var(--color-green-10); } .therapy-plan-calendar-prescription.-meaning-negative { background: var(--color-red-10); } .therapy-plan-calendar-prescription.-is-disabled { cursor: not-allowed; } .treatment-adherence .treatment-adherence__calendar .calendar__navigation { padding: 1rem 3rem; } .treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks { background-color: var(--color-gray-10); grid-template-columns: repeat(8, 1fr); gap: 1px; overflow: hidden; } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__column { grid-template-rows: repeat(6, 1fr); } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__row { grid-template-columns: repeat(8, 1fr); } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__column, :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__row { gap: 1px; height: 100%; } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__header { background-color: var(--color-blue-00); } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__cell { background-color: var(--color-white); height: 100%; min-height: 10rem; color: var(--color-secondary); text-align: center; flex-flow: column wrap; place-content: center; gap: .5rem; padding: 1rem; display: flex; } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__cell.-header { background-color: var(--color-blue-00); color: var(--color-primary); padding: 2rem; } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__cell.-title { justify-content: start; } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__cell .cell__detail { color: var(--color-gray-30); } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__cell ul { margin: 0; padding: 0; } :is(.treatment-adherence .treatment-adherence__calendar .calendar__week-headers, .treatment-adherence .treatment-adherence__calendar .calendar__days, .treatment-adherence .treatment-adherence__calendar .calendar__weeks) .calendar__cell ul li { list-style: none; } .treatment-adherence .treatment-adherence__calendar .calendar__weeks { grid-template-rows: auto; grid-template-columns: none; display: grid; } .treatment-adherence .treatment-adherence__calendar .calendar__weeks .calendar__cell { grid-template-rows: 1fr; } @media print { aside, button, nav { display: none !important; } a { text-decoration: underline; } div { text-decoration: none !important; } h1, h2, h3, h4 { padding: 0 !important; } } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @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-pan-x { syntax: "*"; inherits: false } @property --tw-pan-y { syntax: "*"; inherits: false } @property --tw-pinch-zoom { syntax: "*"; inherits: false } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @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: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-contain-size { syntax: "*"; inherits: false } @property --tw-contain-layout { syntax: "*"; inherits: false } @property --tw-contain-paint { syntax: "*"; inherits: false } @property --tw-contain-style { syntax: "*"; inherits: false } @property --tw-text-shadow-color { syntax: "*"; inherits: false } @property --tw-text-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(-25%); } 50% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } } @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)); } } @keyframes announce { 0% { opacity: 0; } 40% { opacity: 1; } 100% { opacity: 0; } }