@property --radialprogress { syntax: ""; inherits: true; initial-value: 0%; } @property --aura-angle { syntax: ""; inherits: false; initial-value: 0deg; } @keyframes set-page-has-scroll { 0%, to { --page-has-scroll: ; } }/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @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-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-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: rgba(0,0,0,0); --tw-gradient-via: rgba(0,0,0,0); --tw-gradient-to: rgba(0,0,0,0); --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-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 rgba(0,0,0,0); --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 rgba(0,0,0,0); --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --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-content: ""; --tw-outline-style: solid; } } :root:not(#\#), :host:not(#\#) { --font-sans: -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-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-emerald-500: rgb(0, 185, 129); --color-cyan-600: rgb(0, 145, 179); --color-gray-400: rgb(153, 161, 175); --color-gray-600: rgb(74, 85, 101); --color-gray-700: rgb(54, 65, 83); --color-neutral-600: oklch(43.9% 0 none); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --drop-shadow-2xl: 0 25px 25px rgba(0,0,0,0.14902); --ease-out: cubic-bezier(0, 0, .2, 1); --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --blur-sm: 8px; --blur-2xl: 40px; --blur-3xl: 64px; --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); } @supports (color: color(display-p3 0 0 0%)) { :root:not(#\#), :host:not(#\#) { --color-emerald-500: rgb(0, 185, 129); --color-cyan-600: rgb(0, 145, 179); } @media (color-gamut: p3) { :root:not(#\#), :host:not(#\#) { --color-emerald-500: color(display-p3 0.26711 0.72685 0.5084); --color-cyan-600: color(display-p3 0.19325 0.56465 0.7072); } } } *:not(#\#):not(#\#), :not(#\#):not(#\#):after, :not(#\#):not(#\#):before, :not(#\#):not(#\#)::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } :not(#\#):not(#\#)::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html:not(#\#):not(#\#), :host:not(#\#):not(#\#) { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; line-height: 1.5; 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-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: normal; font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: normal; font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr:not(#\#):not(#\#) { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]):not(#\#):not(#\#) { -webkit-text-decoration: underline dotted; text-decoration: underline; text-decoration: underline dotted; } h1:not(#\#):not(#\#), h2:not(#\#):not(#\#), h3:not(#\#):not(#\#), h4:not(#\#):not(#\#), h5:not(#\#):not(#\#), h6:not(#\#):not(#\#) { font-size: inherit; font-weight: inherit; } a:not(#\#):not(#\#) { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b:not(#\#):not(#\#), strong:not(#\#):not(#\#) { font-weight: bolder; } code:not(#\#):not(#\#), kbd:not(#\#):not(#\#), samp:not(#\#):not(#\#), pre:not(#\#):not(#\#) { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: normal; font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: normal; font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small:not(#\#):not(#\#) { font-size: 80%; } sub:not(#\#):not(#\#), sup:not(#\#):not(#\#) { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub:not(#\#):not(#\#) { bottom: -.25em; } sup:not(#\#):not(#\#) { top: -.5em; } table:not(#\#):not(#\#) { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring:where(:not(iframe)):not(#\#):not(#\#) { outline: auto; } progress:not(#\#):not(#\#) { vertical-align: baseline; } summary:not(#\#):not(#\#) { display: list-item; } ol:not(#\#):not(#\#), ul:not(#\#):not(#\#), menu:not(#\#):not(#\#) { list-style: none; } img:not(#\#):not(#\#), svg:not(#\#):not(#\#), video:not(#\#):not(#\#), canvas:not(#\#):not(#\#), audio:not(#\#):not(#\#), iframe:not(#\#):not(#\#), embed:not(#\#):not(#\#), object:not(#\#):not(#\#) { vertical-align: middle; display: block; } img:not(#\#):not(#\#), video:not(#\#):not(#\#) { max-width: 100%; height: auto; } button:not(#\#):not(#\#), input:not(#\#):not(#\#), select:not(#\#):not(#\#), optgroup:not(#\#):not(#\#), textarea:not(#\#):not(#\#) { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0,0,0,0); border-radius: 0; } :not(#\#):not(#\#)::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0,0,0,0); border-radius: 0; } :where(select[multiple]):not(#\#):not(#\#) optgroup { font-weight: bolder; } :where(select[size]):not(#\#):not(#\#) optgroup { font-weight: bolder; } :where(select[multiple]):not(#\#):not(#\#) optgroup option { padding-left: 20px; } :where(select[size]):not(#\#):not(#\#) optgroup option { padding-left: 20px; } :not(#\#):not(#\#)::file-selector-button { margin-right: 4px; } :not(#\#):not(#\#)::-moz-placeholder { opacity: 1; } :not(#\#):not(#\#)::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { :not(#\#):not(#\#)::-moz-placeholder { color: currentColor; } :not(#\#):not(#\#)::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { :not(#\#):not(#\#)::-moz-placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } :not(#\#):not(#\#)::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea:not(#\#):not(#\#) { resize: vertical; } :not(#\#):not(#\#)::-webkit-search-decoration { -webkit-appearance: none; } :not(#\#):not(#\#)::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } :not(#\#):not(#\#)::-webkit-datetime-edit { display: inline-flex; } :not(#\#):not(#\#)::-webkit-datetime-edit-fields-wrapper { padding: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } :not(#\#):not(#\#)::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid:not(#\#):not(#\#) { box-shadow: none; } button:not(#\#):not(#\#), input:where([type="button"], [type="reset"], [type="submit"]):not(#\#):not(#\#) { -webkit-appearance: button; -moz-appearance: button; appearance: button; } :not(#\#):not(#\#)::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } :not(#\#):not(#\#)::-webkit-inner-spin-button { height: auto; } :not(#\#):not(#\#)::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: none !important; } :root:not(#\#):not(#\#) { --page-scroll-lock: initial; --page-overflow: var(--page-scroll-lock) hidden; } :root:not(span):not(#\#):not(#\#) { overflow: var(--page-overflow); } :root:not(#\#):not(#\#) { --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); } :root:not(#\#):not(#\#), [data-theme]:not(#\#):not(#\#) { background-color: var(--root-bg); color: #102019; color: var(--color-base-content); } :root:not(#\#):not(#\#) { background-color: var(--page-scroll-bg, var(--root-bg)); } :where(:root, [data-theme]):not(#\#):not(#\#) { --root-bg: var(--color-base-100); } :root:not(#\#):not(#\#) { scrollbar-color: currentColor rgba(0,0,0,0); } @supports (color: color-mix(in lab, red, red)) { :root:not(#\#):not(#\#) { scrollbar-color: color-mix(in oklch, currentColor 35%, rgba(0,0,0,0)) rgba(0,0,0,0); } } :root:not(#\#):not(#\#) { --page-has-backdrop: var(--page-scroll-lock) 1; --page-scroll-bg: var(--page-scroll-lock) var(--root-bg, rgba(0,0,0,0)); } @supports (color: color-mix(in lab, red, red)) { :root:not(#\#):not(#\#) { --page-scroll-bg: var(--page-scroll-lock) color-mix(in srgb, var(--root-bg, rgba(0,0,0,0)), rgb(0, 0, 0) calc(var(--page-has-backdrop, 0) * 40%)); } } :root:not(#\#):not(#\#) { background-image: var(--page-scroll-lock) linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)); background-image: var(--page-scroll-lock) linear-gradient(var(--root-bg, rgba(0,0,0,0)), var(--root-bg, rgba(0,0,0,0))); transition: var(--page-scroll-lock) background-color .3s ease-out; animation: var(--page-scroll-lock) set-page-has-scroll forwards; animation-timeline: var(--page-scroll-lock) scroll(); --page-has-scroll: initial; scrollbar-gutter: var(--page-has-scroll) var(--page-scroll-lock) stable; } :where(:root):not(#\#):not(#\#), :root:has(input.theme-controller[value="tully"]:checked):not(#\#):not(#\#), [data-theme="tully"]:not(#\#):not(#\#) { --csstools-color-scheme--light: initial; color-scheme: light; --color-base-100: #fff; --color-base-200: #f4f7f4; --color-base-300: #dfe9e2; --color-base-content: #102019; --color-primary: #0c4324; --color-primary-content: #fff; --color-secondary: #ed9b0c; --color-secondary-content: #241800; --color-accent: #a22ed9; --color-accent-content: #fff; --color-neutral: #00321a; --color-neutral-content: #fff; --color-info: #76a485; --color-info-content: #082114; --color-success: #92d050; --color-success-content: #0b2105; --color-warning: #aa720c; --color-warning-content: #fff; --color-error: #aa3f31; --color-error-content: #fff; --radius-selector: .45rem; --radius-field: .45rem; --radius-box: .75rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 0; --noise: 0; } .modal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: none; visibility: hidden; width: 100%; max-width: none; height: 100%; max-height: none; color: inherit; transition: overlay .3s allow-discrete, visibility .3s allow-discrete, background-color .3s ease-out, opacity .1s ease-out; overscroll-behavior: contain; z-index: 999; scrollbar-gutter: auto; background-color: rgba(0,0,0,0); align-items: center; justify-items: center; place-items: center; margin: 0; padding: 0; display: grid; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: clip; } .modal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop { display: none; } .modal[popover]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: inherit; background: none; border: 0; max-width: none; max-height: none; margin: 0; padding: 0; top: 0; right: 0; bottom: 0; left: 0; } .modal[popover]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop { background-color: rgba(0, 0, 0, 0.4); transition: background-color .3s ease-out; } :where(.drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow: hidden; } .drawer-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: none; visibility: hidden; z-index: 10; overscroll-behavior: contain; opacity: 0; width: 100%; transition: opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete; left: 0; background-color: rgba(0,0,0,0); grid-template-rows: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr)); grid-row-start: 1; grid-column-start: 1; align-items: flex-start; justify-items: start; place-items: flex-start start; height: 100dvh; display: grid; position: fixed; top: 0; } .drawer-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-overlay { cursor: pointer; background-color: rgba(0, 0, 0, 0.4); align-self: stretch; justify-self: stretch; place-self: stretch stretch; position: sticky; top: 0; } .drawer-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { grid-row-start: 1; grid-column-start: 1; } .drawer-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(.drawer-overlay) { will-change: transform; transition: translate .3s ease-out, width .2s ease-out; translate: -100%; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.drawer-side > :not(.drawer-overlay)) { translate: 100%; } @supports (color: color-mix(in lab, red, red)) { :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scrollbar-color: color-mix(in oklch, currentColor 35%, rgba(0,0,0,0)) rgba(0, 0, 0, 0); } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scrollbar-color: color-mix(in oklch, currentColor 35%, rgba(0,0,0,0)) oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * .4)); } } } .drawer-toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; position: fixed; } :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scrollbar-color: currentColor rgba(0, 0, 0, 0); } @supports (color: oklab(0% 0 0%)) { :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scrollbar-color: currentColor oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * .4)); } } @supports (color: color-mix(in lab, red, red)) { :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scrollbar-color: color-mix(in oklch, currentColor 35%, rgba(0,0,0,0)) rgba(0, 0, 0, 0); } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scrollbar-color: color-mix(in oklch, currentColor 35%, rgba(0,0,0,0)) oklch(0 0 0 / calc(var(--page-has-backdrop, 0) * .4)); } } } :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(.drawer-overlay) { will-change: auto; transform: none; } :where(:root:has(.drawer-toggle:checked)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --page-scroll-lock: ; } .drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle:checked ~ .drawer-side { scrollbar-color: revert-layer; } :root:has(.drawer-open > .drawer-toggle:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --page-scroll-lock: revert-layer; } .tooltip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tt-bg: var(--color-neutral); --tt-off: calc(100% + .5rem); --tt-tail: calc(100% + 1px + .25rem); --tt-tail-off: .5rem; display: inline-block; position: relative; } .tooltip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { border-radius: .45rem; border-radius: var(--radius-field); text-align: center; white-space: normal; max-width: 20rem; color: #fff; color: var(--color-neutral-content); opacity: 0; background-color: var(--tt-bg); pointer-events: none; z-index: 2; --tw-content: attr(data-tip); content: attr(data-tip); content: var(--tw-content); width: -moz-max-content; width: max-content; padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; padding-right: .5rem; font-size: .875rem; line-height: 1.25; position: absolute; } .tooltip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 0; background-color: var(--tt-bg); content: ""; pointer-events: none; --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A"); width: .625rem; height: .25rem; -webkit-mask-position: -1px 0; mask-position: -1px 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A"); -webkit-mask-image: var(--mask-tooltip); -webkit-mask-image: var(--mask-tooltip); mask-image: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A"); mask-image: var(--mask-tooltip); display: block; position: absolute; } @media (prefers-reduced-motion: no-preference) { .tooltip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .tooltip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms; } .tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip.tooltip-open[data-tip][data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip.tooltip-open[data-tip]:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip][data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip][data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .tooltip.tooltip-open[data-tip][data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .tooltip.tooltip-open[data-tip]:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .tooltip[data-tip][data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .tooltip[data-tip]:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .tooltip[data-tip][data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .tooltip[data-tip]:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .tooltip.tooltip-open[data-tip][data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip.tooltip-open[data-tip]:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip][data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip][data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --menu-active-fg: var(--color-neutral-content); --menu-active-bg: var(--color-neutral); flex-flow: column wrap; width: -moz-fit-content; width: fit-content; padding: .5rem; font-size: .875rem; display: flex; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li ul, li menu) { white-space: nowrap; margin-left: 1rem; padding-left: .5rem; position: relative; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li ul, li menu):before { background-color: #102019; background-color: var(--color-base-content); opacity: .1; width: 1px; width: var(--border); content: ""; left: 0; position: absolute; top: .75rem; bottom: .75rem; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title) > :not(ul):not(menu):not(details):not(.menu-title):not(.btn)), .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: .45rem; border-radius: var(--radius-field); text-align: left; -webkit-user-select: none; -moz-user-select: none; user-select: none; grid-auto-columns: minmax(auto, max-content) auto max-content; grid-auto-flow: column; align-content: flex-start; align-items: center; grid-gap: .5rem; gap: .5rem; padding-top: .375rem; padding-bottom: .375rem; padding-left: .75rem; padding-right: .75rem; transition-property: color, background-color, box-shadow; transition-duration: .2s; transition-timing-function: cubic-bezier(0, 0, .2, 1); display: grid; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > details > summary) { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > details > summary) { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > details > summary)::-webkit-details-marker { display: none; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > details > summary):after { content: ""; transform-origin: 50%; pointer-events: none; justify-self: flex-end; width: .375rem; height: .375rem; transition-property: rotate, translate; transition-duration: .2s; display: block; translate: 0 -1px; rotate: -135deg; box-shadow: inset 2px 2px; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > .menu-dropdown-toggle):after { content: ""; transform-origin: 50%; pointer-events: none; justify-self: flex-end; width: .375rem; height: .375rem; transition-property: rotate, translate; transition-duration: .2s; display: block; translate: 0 -1px; rotate: -135deg; box-shadow: inset 2px 2px; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) details { interpolate-size: allow-keywords; overflow: hidden; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) details::details-content { height: 0; } @media (prefers-reduced-motion: no-preference) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) details::details-content { transition-behavior: allow-discrete; transition-property: block-size, content-visibility; transition-duration: .2s; transition-timing-function: cubic-bezier(0, 0, .2, 1); } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) details[open]::details-content { height: auto; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > details[open] > summary):after, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > .menu-dropdown-toggle.menu-dropdown-show):after { translate: 0 1px; rotate: 45deg; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn).menu-focus { cursor: pointer; background-color: #102019; background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn).menu-focus { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn).menu-focus { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn).menu-focus { color: #102019; color: var(--color-base-content); --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn).menu-focus { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn):focus-visible { cursor: pointer; background-color: #102019; background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn):focus-visible { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn):focus-visible { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn):focus-visible { color: #102019; color: var(--color-base-content); --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title), li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.menu-active):not(:active):not(.btn):focus-visible { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title):not(.menu-active):not(:active):not(.btn):hover, li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title):not(.menu-active):not(:active):not(.btn):hover) { cursor: pointer; background-color: #102019; background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title):not(.menu-active):not(:active):not(.btn):hover, li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title):not(.menu-active):not(:active):not(.btn):hover) { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title):not(.menu-active):not(:active):not(.btn):hover, li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title):not(.menu-active):not(:active):not(.btn):hover) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title):not(.menu-active):not(:active):not(.btn):hover, li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title):not(.menu-active):not(:active):not(.btn):hover) { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title):not(.menu-active):not(:active):not(.btn):hover, li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title):not(.menu-active):not(:active):not(.btn):hover) { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title):not(.disabled) > :not(ul):not(menu):not(details):not(.menu-title):not(.menu-active):not(:active):not(.btn):hover, li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title):not(.menu-active):not(:active):not(.btn):hover) { box-shadow: inset 0 1px rgba(0, 0, 0, 0.01), inset 0 -1px rgba(255, 255, 255, 0.01); } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:empty) { background-color: #102019; background-color: var(--color-base-content); opacity: .1; height: 1px; margin: .5rem 1rem; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) { flex-flow: column wrap; flex-shrink: 0; align-items: stretch; display: flex; position: relative; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) .badge { justify-self: flex-end; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn):active, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn).menu-active, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > details > summary:active { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn):active, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn).menu-active, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > details > summary:active { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn):active, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn).menu-active, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > details > summary:active { color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(0 * 100%); background-size: auto, calc(var(--noise) * 100%); background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); background-image: none, var(--fx-noise); } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn):active:not(.menu :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn):active):not(.menu :where(li) > .menu-active:not(ul):not(menu):not(.menu-title):not(details):not(.btn)):not(.menu :where(li) > details > summary:active) { box-shadow: 0 2px calc(0 * 3px) -2px var(--menu-active-bg); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg); } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > .menu-active:not(ul):not(menu):not(.menu-title):not(details):not(.btn):not(.menu :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn):active):not(.menu :where(li) > .menu-active:not(ul):not(menu):not(.menu-title):not(details):not(.btn)):not(.menu :where(li) > details > summary:active) { box-shadow: 0 2px calc(0 * 3px) -2px var(--menu-active-bg); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg); } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) > details > summary:active:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(.menu :where(li) > :not(ul):not(menu):not(.menu-title):not(details):not(.btn):active):not(.menu :where(li) > .menu-active:not(ul):not(menu):not(.menu-title):not(details):not(.btn)):not(.menu :where(li) > details > summary:active) { box-shadow: 0 2px calc(0 * 3px) -2px var(--menu-active-bg); box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg); } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li).menu-disabled, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) [disabled] { pointer-events: none; color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li).menu-disabled, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) [disabled] { color: color-mix(in oklab, #102019 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li).menu-disabled, .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li) [disabled] { color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } } .floating-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: flex; position: relative; } .floating-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { -moz-transition: top .1s ease-out, translate .1s ease-out, scale .1s ease-out, opacity .1s ease-out; transition: top .1s ease-out, translate .1s ease-out, scale .1s ease-out, opacity .1s ease-out; } .floating-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { transition: top .1s ease-out, translate .1s ease-out, scale .1s ease-out, opacity .1s ease-out; } .floating-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span { z-index: 1; background-color: #fff; background-color: var(--color-base-100); opacity: 0; font-size: .875rem; font-size: var(--font-size, .875rem); left: .75rem; top: calc(.25rem * 5); top: calc(var(--size-field, .25rem) * var(--top-mul, 5)); pointer-events: none; border-radius: 2px; padding-left: .25rem; padding-right: .25rem; line-height: 1; transition: top .1s ease-out, translate .1s ease-out, scale .1s ease-out, opacity .1s ease-out; position: absolute; translate: 0 -50%; } .floating-label:focus-within:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { opacity: 0; pointer-events: auto; top: 0; translate: -12.5% calc(-50% - .125em); scale: .75; } .floating-label:focus-within:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { opacity: 0; pointer-events: auto; top: 0; translate: -12.5% calc(-50% - .125em); scale: .75; } .floating-label:not(:has(input:placeholder-shown, textarea:placeholder-shown)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { opacity: 0; pointer-events: auto; top: 0; translate: -12.5% calc(-50% - .125em); scale: .75; } .floating-label:not(:has(input:-moz-placeholder, textarea:-moz-placeholder)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { opacity: 0; pointer-events: auto; top: 0; translate: -12.5% calc(-50% - .125em); scale: .75; } .floating-label:not(:has(input:placeholder-shown, textarea:placeholder-shown)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { opacity: 0; pointer-events: auto; top: 0; translate: -12.5% calc(-50% - .125em); scale: .75; } .floating-label:focus-within:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span { opacity: 1; pointer-events: auto; z-index: 2; top: 0; translate: -12.5% calc(-50% - .125em); scale: .75; } .floating-label:not(:has(input:-moz-placeholder, textarea:-moz-placeholder)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span { opacity: 1; pointer-events: auto; z-index: 2; top: 0; translate: -12.5% calc(-50% - .125em); scale: .75; } .floating-label:not(:has(input:placeholder-shown, textarea:placeholder-shown)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span { opacity: 1; pointer-events: auto; z-index: 2; top: 0; translate: -12.5% calc(-50% - .125em); scale: .75; } .floating-label:has(:disabled, [disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > span { opacity: 0; } .collapse-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-row-start: 1; grid-column-start: 1; width: 100%; min-height: 1lh; padding: 1rem; padding-right: 3rem; transition: background-color .2s ease-out; position: relative; } .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 1; background-color: #fff; background-color: var(--color-base-100); color: currentColor; border-top: .5px solid #102019; border-top: .5px solid var(--color-base-content); flex-direction: row; justify-content: space-around; align-items: center; width: 100%; padding: .5rem; display: flex; position: fixed; bottom: 0; left: 0; right: 0; } @supports (color: color-mix(in lab, red, red)) { .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top: .5px solid color-mix(in oklab, #102019 5%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top: .5px solid color-mix(in oklab, var(--color-base-content) 5%, rgba(0,0,0,0)); } } } .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 4rem; height: calc(4rem + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); } .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { cursor: pointer; border-radius: .75rem; border-radius: var(--radius-box); background-color: rgba(0,0,0,0); flex-direction: column; flex-shrink: 1; flex-basis: 100%; justify-content: center; align-items: center; gap: 1px; max-width: 8rem; height: 100%; margin-bottom: .5rem; transition: opacity .2s ease-out; display: flex; position: relative; } @media (hover: hover) { .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :hover { opacity: .8; } } .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [aria-disabled="true"], .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [disabled], .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [aria-disabled="true"]:hover, .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [disabled]:hover { pointer-events: none; color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [aria-disabled="true"], .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [disabled], .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [aria-disabled="true"]:hover, .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [disabled]:hover { color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [aria-disabled="true"], .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [disabled], .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [aria-disabled="true"]:hover, .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [disabled]:hover { color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } } .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [aria-disabled="true"], .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [disabled], .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [aria-disabled="true"]:hover, .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [disabled]:hover { opacity: 1; } .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * .dock-label { font-size: .6875rem; } .dock:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :after { content: ""; background-color: rgba(0,0,0,0); border-top: 3px solid rgba(0,0,0,0); border-radius: 3.40282e38px; width: 1.5rem; height: .25rem; transition: background-color .1s ease-out, text-color .1s ease-out, width .1s ease-out; position: absolute; bottom: .2rem; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { perspective: 75rem; --transform: 0, 0; --shine: 100% 100%; --shadow: 0rem 0rem 0rem; --ease: linear(0, .931 13.8%, 1.196 21.4%, 1.343 29.8%, 1.378 36%, 1.365 43.2%, 1.059 78%, 1); filter: drop-shadow(0rem 0rem 0rem .1rem rgba(0,0,0,0.01176)) drop-shadow(0rem 0rem 0rem .2rem rgba(0,0,0,0.01176)) drop-shadow(0rem 0rem 0rem .3rem rgba(0,0,0,0.01176)) drop-shadow(0rem 0rem 0rem .4rem rgba(0,0,0,0.01176)); filter: drop-shadow(var(--shadow) .1rem rgba(0,0,0,0.01176)) drop-shadow(var(--shadow) .2rem rgba(0,0,0,0.01176)) drop-shadow(var(--shadow) .3rem rgba(0,0,0,0.01176)) drop-shadow(var(--shadow) .4rem rgba(0,0,0,0.01176)); transition: filter .4s ease-out; display: inline-grid; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(n+2) { isolation: isolate; z-index: 1; scale: 1.2; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { transform: rotate3d(var(--transform), 0, 10deg); transition: transform var(--ease) .5s, scale var(--ease) .5s, outline-color ease-out .5s; outline-offset: -1px; outline: .5px solid rgba(0,0,0,0); grid-area: 1 / 1 / 4 / 4; overflow: hidden; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child:before { content: ""; pointer-events: none; z-index: 1; opacity: 0; filter: blur(.75rem); width: 33.3333%; height: 33.3333%; scale: 5; translate: var(--shine); background-image: radial-gradient(circle, rgba(255,255,255,0.2) 10%, rgba(0,0,0,0) 50%); transition: translate .4s ease-out, opacity .4s ease-out; position: absolute; } .hover-3d:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --ease: linear(0, .708 15.2%, .927 23.6%, 1.067 33%, 1.12 41%, 1.13 50.2%, 1.019 83.2%, 1); } .hover-3d:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { outline-color: rgba(255,255,255,0.06667); } .hover-3d:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child:before, .hover-3d:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child:after { opacity: 1; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { grid-area: 1 / 1 / 2 / 2; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(3) { grid-area: 1 / 2 / 2 / 3; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(4) { grid-area: 1 / 3 / 2 / 4; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(5) { grid-area: 2 / 1 / 3 / 2; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(6) { grid-area: 2 / 3 / 3 / 4; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(7) { grid-area: 3 / 1 / 4 / 2; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(8) { grid-area: 3 / 2 / 4 / 3; } .hover-3d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(9) { grid-area: 3 / 3 / 4 / 4; } .hover-3d:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { scale: 1.05; } .hover-3d:has( > :nth-child(2):hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --transform: -1, 1; --shine: 0% 0%; --shadow: -.5rem -.5rem; } .hover-3d:has( > :nth-child(3):hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --transform: -1, 0; --shine: 100% 0%; --shadow: 0rem -.5rem; } .hover-3d:has( > :nth-child(4):hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --transform: -1, -1; --shine: 200% 0%; --shadow: .5rem -.5rem; } .hover-3d:has( > :nth-child(5):hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --transform: 0, 1; --shine: 0% 100%; --shadow: -.5rem 0rem; } .hover-3d:has( > :nth-child(6):hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --transform: 0, -1; --shine: 200% 100%; --shadow: .5rem 0rem; } .hover-3d:has( > :nth-child(7):hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --transform: 1, 1; --shine: 0% 200%; --shadow: -.5rem .5rem; } .hover-3d:has( > :nth-child(8):hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --transform: 1, 0; --shine: 100% 200%; --shadow: 0rem .5rem; } .hover-3d:has( > :nth-child(9):hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --transform: 1, -1; --shine: 200% 200%; --shadow: .5rem .5rem; } .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { inset-area: bottom span-right; inset-area: var(--anchor-v, bottom) var(--anchor-h, span-right); inset-area: bottom span-right; position-area: bottom span-right; position-area: var(--anchor-v, bottom) var(--anchor-h, span-right); display: inline-block; position: relative; } .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(:has( ~ [class*="dropdown-content"])):focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(:has( ~ [class*="dropdown-content"])):focus { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .dropdown[popover]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 999; } @media (prefers-reduced-motion: no-preference) { .dropdown[popover]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); animation: .2s dropdown; } } @starting-style { .dropdown[popover]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: 0; scale: .95; } } @media (prefers-reduced-motion: no-preference) { .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); animation: .2s dropdown; } } @starting-style { .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { opacity: 0; scale: .95; } } .dropdown.dropdown-open:not(.dropdown-close):not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [tabindex]:first-child { pointer-events: none; } .dropdown:not(.dropdown-close):not(.dropdown-hover):focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [tabindex]:first-child { pointer-events: none; } .dropdown:not(.dropdown-close):focus-within:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [tabindex]:first-child { pointer-events: none; } details.dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow: revert-layer; } details.dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) summary::-webkit-details-marker { display: none; } .dropdown:where([popover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background: none; } .dropdown[popover]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: inherit; position: fixed; } @supports not (position-area: bottom) { .dropdown[popover]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin: auto; } .dropdown[popover].dropdown-close:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transform-origin: top; opacity: 0; display: none; scale: .95; } .dropdown[popover].dropdown-open:not(:popover-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transform-origin: top; opacity: 0; display: none; scale: .95; } .dropdown[popover]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop { background-color: oklab(0% none none / .3); } } .dropdown[popover]:not(.dropdown-open):not(:popover-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transform-origin: top; opacity: 0; display: none; scale: .95; } .dropdown.dropdown-close[popover]:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transform-origin: top; opacity: 0; display: none; scale: .95; } :where(.btn):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: auto; width: initial; } .btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --size: calc(var(--size-field, .25rem) * 10); --btn-p: 1rem; --btn-fg: var(--color-base-content); cursor: pointer; text-align: center; vertical-align: middle; outline-offset: 2px; webkit-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-width: 1px; border-width: var(--border); touch-action: manipulation; --btn-bg: var(--btn-color, var(--color-base-200)); --btn-border: var(--btn-color, var(--color-base-200)); border-top-left-radius: .45rem; border-top-left-radius: var(--join-ss, var(--radius-field)); border-top-right-radius: .45rem; border-top-right-radius: var(--join-se, var(--radius-field)); border-bottom-right-radius: .45rem; border-bottom-right-radius: var(--join-ee, var(--radius-field)); border-bottom-left-radius: .45rem; border-bottom-left-radius: var(--join-es, var(--radius-field)); flex-wrap: nowrap; flex-shrink: 0; justify-content: center; align-items: center; gap: .375rem; font-weight: 600; transition-property: color, background-color, border-color, box-shadow, transform; transition-duration: .2s; transition-timing-function: cubic-bezier(0, 0, .2, 1); display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 calc(var(--depth) * 5%)); } } .btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-soft-bg: initial; --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg); } @supports (color: color-mix(in lab, red, red)) { .btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), rgba(0,0,0,0)), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), rgba(0,0,0,0)); } } .btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); height: var(--size); padding-left: var(--btn-p); padding-right: var(--btn-p); font-size: .875rem; font-size: var(--fontsize, .875rem); background-color: var(--btn-bg); color: var(--btn-fg); border-color: var(--btn-border); border-style: solid; border-style: var(--btn-border-style, solid); outline-color: #102019; outline-color: var(--btn-color, var(--color-base-content)); --tw-prose-links: var(--btn-fg); background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); background-image: none, var(--fx-noise); background-size: auto, calc(0 * 100%); background-size: auto, calc(var(--noise, 0) * 100%); text-shadow: 0 .5px rgba(255, 255, 255, 0); box-shadow: 0 .5px 0 .5px rgba(255, 255, 255, 0) inset, var(--btn-shadow); box-shadow: var(--btn-inset) inset, var(--btn-shadow); } @supports (color: oklab(0% 0 0%)) { .btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15)); } } .btn[type="checkbox"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[type="radio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn[type="checkbox"][aria-label]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { --tw-content: attr(aria-label); content: attr(aria-label); content: var(--tw-content); } .btn[type="radio"][aria-label]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { --tw-content: attr(aria-label); content: attr(aria-label); content: var(--tw-content); } .loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: none; aspect-ratio: 1; vertical-align: middle; width: calc(.25rem * 6); width: calc(var(--size-selector, .25rem) * 6); background-color: currentColor; display: inline-block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (prefers-reduced-motion: no-preference) { .loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } } .countdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: inline-flex; } .countdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { visibility: hidden; --value-v: calc(mod(max(0, var(--value)), 1000)); --value-hundreds: calc(round(to-zero, var(--value-v) / 100, 1)); --value-tens: calc(round(to-zero, mod(var(--value-v), 100) / 10, 1)); --value-ones: calc(mod(var(--value-v), 100)); --show-hundreds: max(clamp(0, var(--digits, 1) - 2, 1), min(var(--value-hundreds), 1)); --show-tens: clamp(clamp(0, var(--digits, 1) - 1, 1), var(--value-tens) + var(--show-hundreds), 1); --first-digits: calc(round(to-zero, var(--value-v) / 10, 1)); height: 1em; width: calc(1ch + var(--show-tens) * 1ch + var(--show-hundreds) * 1ch); direction: ltr; transition: width .4s ease-out .2s; display: inline-block; position: relative; overflow-y: clip; } .countdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :before, .countdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :after { visibility: visible; --tw-content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a "; content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a "; content: var(--tw-content); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: pre; text-align: right; direction: rtl; transition: all 1s cubic-bezier(1, 0, 0, 1), width .2s ease-out .2s, opacity .2s ease-out .2s; position: absolute; overflow-x: clip; } .countdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :before { width: calc(1ch + var(--show-hundreds) * 1ch); top: calc(var(--first-digits) * -1em); opacity: var(--show-tens); right: 0; } .countdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :after { width: 1ch; top: calc(var(--value-ones) * -1em); left: 0; } .collapse-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --overflow-delay: 0s; content-visibility: hidden; min-height: 0; cursor: inherit; grid-row-start: 2; grid-column-start: 1; padding-left: 1rem; padding-right: 1rem; overflow: clip; } @supports not (content-visibility: hidden) { .collapse-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { visibility: hidden; } } @media (prefers-reduced-motion: no-preference) { .collapse-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition: overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out; } } details:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content { content-visibility: visible; } .filter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-wrap: wrap; display: flex; } .filter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [type="radio"] { width: auto; } .filter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { opacity: 1; transition: visibility .1s allow-discrete, margin .1s, opacity .3s, padding .3s, border-width .1s; overflow: hidden; scale: 1; } .filter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input.filter-reset { aspect-ratio: 1; } .filter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input.filter-reset:after { --tw-content: "×"; content: "×"; content: var(--tw-content); } .filter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input:not(:last-child), .filter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(:last-child) input { margin-right: .25rem; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: column; font-size: .875rem; display: flex; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .list-row { --list-grid-cols: minmax(0, auto) 1fr; border-radius: .75rem; border-radius: var(--radius-box); word-break: break-word; grid-auto-flow: column; grid-template-columns: minmax(0, auto) 1fr; grid-template-columns: var(--list-grid-cols); grid-gap: 1rem; gap: 1rem; padding: 1rem; display: grid; position: relative; } @supports (color: color-mix(in lab, red, red)) { .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .list-row:not(:last-child):after { border-color: color-mix(in oklab, #102019 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .list-row:not(:last-child):after { border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent); } } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(:last-child) .list-row:after { border-color: color-mix(in oklab, #102019 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(:last-child) .list-row:after { border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent); } } } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .list-row:not(:last-child):after { content: ""; border-bottom: 1px solid; border-bottom: var(--border) solid; left: .75rem; right: .75rem; left: var(--radius-box); right: var(--radius-box); border-color: #102019; border-color: var(--color-base-content); position: absolute; bottom: 0; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(:last-child) .list-row:after { content: ""; border-bottom: 1px solid; border-bottom: var(--border) solid; left: .75rem; right: .75rem; left: var(--radius-box); right: var(--radius-box); border-color: #102019; border-color: var(--color-base-content); position: absolute; bottom: 0; } @supports (color: color-mix(in lab, red, red)) { .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .list-row:not(:last-child):after { border-color: color-mix(in oklab, #102019 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .list-row:not(:last-child):after { border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent); } } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(:last-child) .list-row:after { border-color: color-mix(in oklab, #102019 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(:last-child) .list-row:after { border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent); } } } .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { position: absolute; } .dropdown.dropdown-close:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content, .dropdown:not(details):not(.dropdown-open):not(.dropdown-hover:hover):not(:focus-within):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content, .dropdown.dropdown-hover:not(:hover):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content { transform-origin: top; opacity: 0; display: none; scale: .95; } .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { z-index: 999; } @media (prefers-reduced-motion: no-preference) { .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { transition-behavior: allow-discrete; transition-property: opacity, scale, display, overlay; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); animation: .2s dropdown; } } @starting-style { .dropdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { opacity: 0; scale: .95; } } .dropdown:not(.dropdown-close):focus-within:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { opacity: 1; scale: 1; } .dropdown.dropdown-open:not(.dropdown-close):not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content, .dropdown:not(.dropdown-close).dropdown-hover:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { opacity: 1; scale: 1; } .toast:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { translate: 0 0; translate: var(--toast-x, 0) var(--toast-y, 0); left: auto; right: 1rem; background-color: rgba(0,0,0,0); flex-direction: column; gap: .5rem; width: -moz-max-content; width: max-content; max-width: calc(100vw - 2rem); display: flex; position: fixed; top: auto; bottom: 1rem; } @media (prefers-reduced-motion: no-preference) { .toast:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { animation: .25s ease-out toast; } } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border: 1px solid currentColor; border: var(--border) solid currentColor; color: var(--input-color); cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; webkit-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector)); border-radius: calc(.45rem + min(var(--toggle-p), calc(.45rem + .45rem + .45rem)) + min(1px, calc(.45rem + .45rem + .45rem))); border-radius: calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max))); padding: var(--toggle-p); flex-shrink: 0; grid-template-columns: 0fr 1fr 1fr; align-content: center; justify-content: center; place-content: center; display: inline-grid; position: relative; box-shadow: inset 0 1px; } @supports (color: color-mix(in lab, red, red)) { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, currentColor calc(0 * 10%), rgba(0,0,0,0)) inset; } @supports (color: color-mix(in lch, red, blue)) { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), rgba(0,0,0,0)) inset; } } } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-base-content); transition: color .3s, grid-template-columns .2s; } @supports (color: color-mix(in lab, red, red)) { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: color-mix(in oklab, var(--color-base-content) 50%, rgba(0,0,0,0)); } } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --toggle-p: calc(var(--size) * .125); --size: calc(var(--size-selector, .25rem) * 6); width: calc((calc(.25rem * 6) * 2) - (1px + calc((.25rem * 6) * .125)) * 2); width: calc((calc(.25rem * 6) * 2) - (1px + calc(calc(.25rem * 6) * .125)) * 2); width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2); height: calc(.25rem * 6); height: var(--size); } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { z-index: 1; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(0,0,0,0); border: none; grid-column: 2 / span 1; grid-row-start: 1; height: 100%; padding: .125rem; transition: opacity .2s, rotate .4s; } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :focus { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { color: #fff; color: var(--color-base-100); rotate: 0deg; } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(3) { color: #fff; color: var(--color-base-100); opacity: 0; rotate: -15deg; } .toggle:has(:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { opacity: 0; rotate: 15deg; } .toggle:has(:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(3) { opacity: 1; rotate: 0deg; } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { aspect-ratio: 1; border-radius: .45rem; border-radius: var(--radius-selector); --tw-content: ""; content: ""; content: var(--tw-content); width: 100%; height: 100%; box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px currentColor; background-color: currentColor; grid-row-start: 1; grid-column-start: 2; transition: background-color .1s, translate .2s, left .2s; position: relative; left: 0; translate: 0; } @supports (color: oklab(0% 0 0%)) { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor; } } @supports (color: color-mix(in lab, red, red)) { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px color-mix(in oklab, currentColor calc(0 * 10%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), rgba(0,0,0,0)); } } } .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { background-size: auto, calc(0 * 100%); background-size: auto, calc(var(--noise) * 100%); background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); background-image: none, var(--fx-noise); } @media (forced-colors: active) { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { outline-style: var(--tw-outline-style); outline-offset: calc(1px * -1); outline-width: 1px; } } @media print { .toggle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { outline-offset: -1rem; outline: .25rem solid; } } .toggle:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .toggle:has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-offset: 2px; outline: 2px solid; } .toggle:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-base-100); --input-color: var(--color-base-content); grid-template-columns: 1fr 1fr 0fr; } .toggle:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { background-color: currentColor; } @starting-style { .toggle:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 0; } } .toggle[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-base-100); --input-color: var(--color-base-content); grid-template-columns: 1fr 1fr 0fr; } .toggle[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { background-color: currentColor; } @starting-style { .toggle[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 0; } } .toggle:has( > input:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-base-100); --input-color: var(--color-base-content); grid-template-columns: 1fr 1fr 0fr; } .toggle:has( > input:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { background-color: currentColor; } @starting-style { .toggle:has( > input:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 0; } } .toggle:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .5fr 1fr .5fr; } .toggle:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; opacity: .3; } .toggle:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { border: 1px solid currentColor; border: var(--border) solid currentColor; background-color: rgba(0,0,0,0); } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-color: var(--color-base-100); vertical-align: middle; white-space: nowrap; --size: calc(var(--size-field, .25rem) * var(--in-size-mul, 10)); --input-color: var(--color-base-content); flex-shrink: 1; align-items: center; gap: .5rem; padding-left: .75rem; padding-right: .75rem; display: inline-flex; position: relative; } @supports (color: color-mix(in lab, red, red)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: color-mix(in oklab, var(--color-base-content) 20%, rgba(0,0,0,0)); } } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: text; width: max(3rem, min(20rem, 100%)); height: var(--size); font-size: max(0rem, .875rem); font-size: max(var(--font-size, 0rem), var(--font-size-min, .875rem)); touch-action: manipulation; border: 1px solid rgba(0,0,0,0); border: var(--border) solid var(--input-color, rgba(0,0,0,0)); box-shadow: 0 1px var(--input-color) inset, 0 -1px rgba(255, 255, 255, 0) inset; border-top-left-radius: .45rem; border-top-left-radius: var(--join-ss, var(--radius-field)); border-top-right-radius: .45rem; border-top-right-radius: var(--join-se, var(--radius-field)); border-bottom-right-radius: .45rem; border-bottom-right-radius: var(--join-ee, var(--radius-field)); border-bottom-left-radius: .45rem; border-bottom-left-radius: var(--join-es, var(--radius-field)); } @supports (color: oklab(0% 0 0%)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } @supports (color: color-mix(in lab, red, red)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)) inset, 0 -1px rgba(255, 255, 255, 0) inset; } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(0,0,0,0); border: none; width: 100%; height: 100%; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .5; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::placeholder { color: #102019; color: var(--color-base-content); opacity: .5; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input:focus, .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input:focus-within { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input:focus, .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input:focus-within { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::-webkit-calendar-picker-indicator { right: -.15em; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-inner-spin-button { margin-right: -10px; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-calendar-picker-indicator { right: .75em; } input.input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: inline-flex; position: relative; } input.input[type="url"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), input.input[type="email"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-align: left; } input.input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit { min-height: 100%; text-align: inherit; align-items: center; display: grid; } input.input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value { min-height: 100%; text-align: inherit; align-items: center; display: grid; } input.input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-inner-spin-button { margin-top: calc(.25rem * -3); margin-bottom: calc(.25rem * -3); margin-top: calc(.25rem * var(--spin-my, -3)); margin-bottom: calc(.25rem * var(--spin-my, -3)); } input.input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-calendar-picker-indicator { cursor: pointer; width: 1em; height: 1em; position: absolute; } input.input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-color-swatch-wrapper { padding-top: .25rem; padding-bottom: .25rem; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { display: inline-flex; position: relative; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input[type="url"], .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input[type="email"] { text-align: left; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::-webkit-datetime-edit { min-height: 100%; text-align: inherit; align-items: center; display: grid; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::-webkit-date-and-time-value { min-height: 100%; text-align: inherit; align-items: center; display: grid; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::-webkit-inner-spin-button { margin-top: calc(.25rem * -3); margin-bottom: calc(.25rem * -3); margin-top: calc(.25rem * var(--spin-my, -3)); margin-bottom: calc(.25rem * var(--spin-my, -3)); } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::-webkit-calendar-picker-indicator { cursor: pointer; width: 1em; height: 1em; position: absolute; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input::-webkit-color-swatch-wrapper { padding-top: .25rem; padding-bottom: .25rem; } .input:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-base-content); box-shadow: 0 1px #102019; box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .input:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .input:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)); } } } .input:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; } @media (pointer: coarse) { @supports (-webkit-touch-callout: none) { .input:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --font-size: 1rem; } } } .input:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-base-content); box-shadow: 0 1px #102019; box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .input:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .input:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)); } } } .input:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; } @media (pointer: coarse) { @supports (-webkit-touch-callout: none) { .input:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --font-size: 1rem; } } } .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); } input.input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { input.input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { input.input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder, .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder, .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); } .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); } input.input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: #102019; color: var(--color-base-content); } input.input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { input.input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { input.input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } input.input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { input.input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input.input { color: #102019; color: var(--color-base-content); } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input input { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input.input { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input.input { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input input { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input input { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input { box-shadow: none; } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input::-moz-placeholder, fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input::placeholder, fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .input ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .input:has( > input[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[disabled] { cursor: not-allowed; } .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-appearance: none; -moz-appearance: none; appearance: none; webkit-appearance: none; --range-thumb: var(--color-base-100); --range-thumb-size: calc(var(--size-selector, .25rem) * 6); --range-progress: currentColor; --range-fill: 1; --range-p: .25rem; --range-bg: currentColor; } @supports (color: color-mix(in lab, red, red)) { .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --range-bg: color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --range-fill-x: calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)); --range-fill-y: 0; --range-fill-spread: calc(100cqw * var(--range-fill)); cursor: pointer; vertical-align: middle; --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector)); border-radius: calc(.45rem + min(var(--range-p), calc(.45rem + .45rem + .45rem))); border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max))); width: max(3rem, min(20rem, 100%)); height: var(--range-thumb-size); background-color: rgba(0,0,0,0); border: none; overflow: hidden; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .range { --range-dir: -1; } .range:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: none; } .range:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-offset: 2px; outline: 2px solid; } .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track { background-color: var(--range-bg); border-radius: .45rem; border-radius: var(--radius-selector); width: 100%; height: calc(var(--range-thumb-size) * .5); } @media (forced-colors: active) { .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track { border: 1px solid; } .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-range-track { border: 1px solid; } } .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-range-track { background-color: var(--range-bg); border-radius: .45rem; border-radius: var(--radius-selector); width: 100%; height: calc(var(--range-thumb-size) * .5); } .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb { box-sizing: border-box; border-radius: calc(.45rem + min(var(--range-p), var(--radius-selector-max))); border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max))); background-color: var(--range-thumb); height: var(--range-thumb-size); width: var(--range-thumb-size); border: var(--range-p) solid; -webkit-appearance: none; appearance: none; webkit-appearance: none; color: var(--range-progress); box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread); position: relative; top: 50%; transform: translateY(-50%); } @supports (color: oklab(0% 0 0%)) { .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread); } } @supports (color: color-mix(in lab, red, red)) { .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb { box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px color-mix(in oklab, currentColor calc(0 * 10%), rgba(0,0,0,0)), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread); } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), rgba(0,0,0,0)), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread); } } } .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-range-thumb { box-sizing: border-box; border-radius: calc(.45rem + min(var(--range-p), var(--radius-selector-max))); border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max))); height: var(--range-thumb-size); width: var(--range-thumb-size); border: var(--range-p) solid; color: var(--range-progress); box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread); background-color: currentColor; position: relative; } @supports (color: oklab(0% 0 0%)) { .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-range-thumb { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread); } } @supports (color: color-mix(in lab, red, red)) { .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-range-thumb { box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px color-mix(in oklab, currentColor calc(0 * 10%), rgba(0,0,0,0)), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread); } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { .range:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-range-thumb { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), rgba(0,0,0,0)), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread); } } } .range:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; opacity: .3; } .indicator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: -moz-max-content; width: max-content; display: inline-flex; position: relative; } .indicator:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.indicator-item) { z-index: 1; white-space: nowrap; top: 0; top: var(--indicator-t, 0); bottom: auto; bottom: var(--indicator-b, auto); left: auto; left: var(--indicator-s, auto); right: 0; right: var(--indicator-e, 0); translate: 50% -50%; translate: var(--indicator-x, 50%) var(--indicator-y, -50%); position: absolute; } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-collapse: separate; --tw-border-spacing-x: 0px; --tw-border-spacing-y: 0px; width: 100%; border-spacing: 0px 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); border-radius: .75rem; border-radius: var(--radius-box); text-align: left; font-size: .875rem; position: relative; } .table:where([dir="rtl"], [dir="rtl"], [dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-align: right; } @media (hover: hover) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) tr.row-hover:nth-child(2n):hover { background-color: #f4f7f4; background-color: var(--color-base-200); } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) tr.row-hover:not(.does-not-exist):hover { background-color: #f4f7f4; background-color: var(--color-base-200); } } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(th, td) { vertical-align: middle; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1rem; padding-right: 1rem; } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead, tfoot) { white-space: nowrap; color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead, tfoot) { color: color-mix(in oklab, #102019 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead, tfoot) { color: color-mix(in oklab, var(--color-base-content) 60%, transparent); } } } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead, tfoot) { font-size: .875rem; font-weight: 600; } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(tfoot tr:first-child td) { border-top: 1px solid #102019; border-top: var(--border) solid var(--color-base-content); } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(tfoot tr:first-child th) { border-top: 1px solid #102019; border-top: var(--border) solid var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(tfoot tr:first-child td) { border-top: 1px solid color-mix(in oklch, #102019 5%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(tfoot tr:first-child td) { border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, rgba(0,0,0,0)); } } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(tfoot tr:first-child th) { border-top: 1px solid color-mix(in oklch, #102019 5%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(tfoot tr:first-child th) { border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, rgba(0,0,0,0)); } } } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.table-pin-rows thead tr) { z-index: 1; background-color: #fff; background-color: var(--color-base-100); position: sticky; top: 0; } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.table-pin-rows tfoot tr) { z-index: 1; background-color: #fff; background-color: var(--color-base-100); position: sticky; bottom: 0; } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.table-pin-cols tr th) { background-color: #fff; background-color: var(--color-base-100); position: sticky; left: 0; right: 0; } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr td, tbody tr:not(:last-child) td) { border-bottom: 1px solid #102019; border-bottom: var(--border) solid var(--color-base-content); } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr td, tbody tr:not(:last-child) th) { border-bottom: 1px solid #102019; border-bottom: var(--border) solid var(--color-base-content); } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr th, tbody tr:not(:last-child) td) { border-bottom: 1px solid #102019; border-bottom: var(--border) solid var(--color-base-content); } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr th, tbody tr:not(:last-child) th) { border-bottom: 1px solid #102019; border-bottom: var(--border) solid var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr td, tbody tr:not(:last-child) td) { border-bottom: 1px solid color-mix(in oklch, #102019 5%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr td, tbody tr:not(:last-child) td) { border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, rgba(0,0,0,0)); } } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr td, tbody tr:not(:last-child) th) { border-bottom: 1px solid color-mix(in oklch, #102019 5%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr td, tbody tr:not(:last-child) th) { border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, rgba(0,0,0,0)); } } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr th, tbody tr:not(:last-child) td) { border-bottom: 1px solid color-mix(in oklch, #102019 5%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr th, tbody tr:not(:last-child) td) { border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, rgba(0,0,0,0)); } } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr th, tbody tr:not(:last-child) th) { border-bottom: 1px solid color-mix(in oklch, #102019 5%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(thead tr th, tbody tr:not(:last-child) th) { border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, rgba(0,0,0,0)); } } } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { counter-reset: step; grid-auto-columns: 1fr; grid-auto-flow: column; display: inline-grid; overflow-x: auto; overflow-y: hidden; overflow: auto hidden; } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step { text-align: center; --step-bg: var(--color-base-300); --step-fg: var(--color-base-content); grid-template-rows: 40px 1fr; grid-template-columns: auto; align-items: center; justify-items: center; place-items: center; min-width: 4rem; display: grid; } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step:before { width: 100%; height: .5rem; color: var(--step-bg); background-color: var(--step-bg); content: ""; border: 1px solid; grid-row-start: 1; grid-column-start: 1; margin-left: -100%; top: 0; } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step > .step-icon, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step:not(:has(.step-icon)):after { --tw-content: counter(step); content: counter(step); content: var(--tw-content); counter-increment: step; z-index: 1; color: var(--step-fg); background-color: var(--step-bg); border: 1px solid var(--step-bg); border-radius: 3.40282e38px; grid-row-start: 1; grid-column-start: 1; align-self: center; justify-self: center; place-self: center; align-items: center; justify-items: center; place-items: center; width: 2rem; height: 2rem; display: grid; position: relative; } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step:first-child:before { --tw-content: none; content: none; content: var(--tw-content); } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step[data-content]:after { --tw-content: attr(data-content); content: attr(data-content); content: var(--tw-content); } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-color: var(--color-base-100); vertical-align: middle; --size: calc(var(--size-field, .25rem) * var(--sl-size-mul, 10)); --input-color: var(--color-base-content); flex-shrink: 1; align-items: center; gap: .375rem; padding-left: .75rem; padding-right: 1.75rem; display: inline-flex; position: relative; } @supports (color: color-mix(in lab, red, red)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: color-mix(in oklab, var(--color-base-content) 20%, rgba(0,0,0,0)); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: max(3rem, min(20rem, 100%)); height: var(--size); font-size: max(0rem, .875rem); font-size: max(var(--font-size, 0rem), var(--font-size-min, .875rem)); touch-action: manipulation; white-space: nowrap; text-overflow: ellipsis; border: 1px solid rgba(0,0,0,0); border: var(--border) solid var(--input-color, rgba(0,0,0,0)); box-shadow: 0 1px var(--input-color) inset, 0 -1px rgba(255, 255, 255, 0) inset; background-image: linear-gradient(45deg, rgba(0,0,0,0) 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, rgba(0,0,0,0) 50%); background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%); background-repeat: no-repeat; background-size: 4px 4px, 4px 4px; border-top-left-radius: .45rem; border-top-left-radius: var(--join-ss, var(--radius-field)); border-top-right-radius: .45rem; border-top-right-radius: var(--join-se, var(--radius-field)); border-bottom-right-radius: .45rem; border-bottom-right-radius: var(--join-ee, var(--radius-field)); border-bottom-left-radius: .45rem; border-bottom-left-radius: var(--join-es, var(--radius-field)); overflow: hidden; } @supports (color: oklab(0% 0 0%)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } @supports (color: color-mix(in lab, red, red)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)) inset, 0 -1px rgba(255, 255, 255, 0) inset; } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select { background-position: 12px calc(1px + 50%), 16px calc(1px + 50%); } .select[multiple]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: none; height: auto; padding-top: .75rem; padding-bottom: .75rem; padding-right: .75rem; overflow: auto; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: calc(100% + 2.75rem); height: calc(100% - (1px * 2)); height: calc(100% - (var(--border) * 2)); height: calc(100% - calc(1px * 2)); height: calc(100% - calc(var(--border) * 2)); background: inherit; border-radius: inherit; border-style: none; align-items: center; margin-left: -.75rem; margin-right: -1.75rem; padding-left: .75rem; padding-right: 1.75rem; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .5; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select::placeholder { color: #102019; color: var(--color-base-content); opacity: .5; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:focus, .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:focus-within { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:focus, .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:focus-within { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select:not(:last-child) { background-image: none; margin-right: -1.375rem; } .select:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-base-content); box-shadow: 0 1px #102019; box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .select:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)); } } } .select:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; background-image: linear-gradient(135deg, rgba(0,0,0,0) 50%, currentColor 50%), linear-gradient(45deg, currentColor 50%, rgba(0,0,0,0) 50%); } .select:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-base-content); box-shadow: 0 1px #102019; box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .select:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)); } } } .select:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; background-image: linear-gradient(135deg, rgba(0,0,0,0) 50%, currentColor 50%), linear-gradient(45deg, currentColor 50%, rgba(0,0,0,0) 50%); } .select:open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-base-content); box-shadow: 0 1px #102019; box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .select:open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)); } } } .select:open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; background-image: linear-gradient(135deg, rgba(0,0,0,0) 50%, currentColor 50%), linear-gradient(45deg, currentColor 50%, rgba(0,0,0,0) 50%); } .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); } select.select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { select.select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { select.select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder, .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder, .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); } .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); } select.select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: #102019; color: var(--color-base-content); } select.select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { select.select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { select.select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } select.select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { select.select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select.select { color: #102019; color: var(--color-base-content); } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select select { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select.select { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select.select { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select select { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select select { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select { box-shadow: none; } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select::-moz-placeholder, fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select::placeholder, fieldset:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .select:has( > select[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > select[disabled] { cursor: not-allowed; } @supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select { -webkit-appearance: base-select; -moz-appearance: base-select; appearance: base-select; } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::picker(select) { -webkit-appearance: base-select; -moz-appearance: base-select; appearance: base-select; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select::picker(select) { -webkit-appearance: base-select; -moz-appearance: base-select; appearance: base-select; } } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::picker(select) { color: inherit; border: 1px solid #f4f7f4; border: var(--border) solid var(--color-base-200); border-radius: .75rem; border-radius: var(--radius-box); background-color: inherit; max-height: min(24rem, 70dvh); box-shadow: 0 2px calc(0 * 3px) -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px calc(var(--depth) * 3px) -2px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(0 * .1)), 0 8px 10px -6px rgb(0 0 0 / calc(0 * .1)); margin-top: .5rem; margin-bottom: .5rem; margin-left: .5rem; margin-right: .5rem; padding: .5rem; translate: -.5rem; } @supports (color: rgb(0 0 0 / 0)) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::picker(select) { box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * .1)); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select::picker(select) { color: inherit; border: 1px solid #f4f7f4; border: var(--border) solid var(--color-base-200); border-radius: .75rem; border-radius: var(--radius-box); background-color: inherit; max-height: min(24rem, 70dvh); box-shadow: 0 2px calc(0 * 3px) -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px calc(var(--depth) * 3px) -2px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(0 * .1)), 0 8px 10px -6px rgb(0 0 0 / calc(0 * .1)); margin-top: .5rem; margin-bottom: .5rem; margin-left: .5rem; margin-right: .5rem; padding: .5rem; translate: -.5rem; } @supports (color: rgb(0 0 0 / 0)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select::picker(select) { box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * .1)); } } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::picker-icon { display: none; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select::picker-icon { display: none; } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) selectedcontent, .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select selectedcontent { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) optgroup, .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select optgroup { padding-top: .5em; } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) optgroup option:first-child { margin-top: .5em; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select optgroup option:first-child { margin-top: .5em; } @supports (color: color-mix(in lab, red, red)) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):hover { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):hover { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):hover { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):hover { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):focus-visible { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):focus-visible { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):focus-visible { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):focus-visible { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } } @media (forced-colors: active) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):hover { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):hover { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):focus-visible { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):focus-visible { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option, .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option { border-radius: .45rem; border-radius: var(--radius-field); padding-top: .375rem; padding-bottom: .375rem; padding-left: calc(.25rem * 3); padding-right: calc(.25rem * 3); padding-left: calc(.25rem * var(--option-px, 3)); padding-right: calc(.25rem * var(--option-px, 3)); white-space: normal; transition-property: color, background-color; transition-duration: .2s; transition-timing-function: cubic-bezier(0, 0, .2, 1); } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):hover { cursor: pointer; background-color: #102019; background-color: var(--color-base-content); } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):hover { cursor: pointer; background-color: #102019; background-color: var(--color-base-content); } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):focus-visible { cursor: pointer; background-color: #102019; background-color: var(--color-base-content); } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):focus-visible { cursor: pointer; background-color: #102019; background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):hover { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):hover { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):hover { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):hover { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):focus-visible { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):focus-visible { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):focus-visible { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):focus-visible { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):hover { --tw-outline-style: none; outline-style: none; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):hover { --tw-outline-style: none; outline-style: none; } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):focus-visible { --tw-outline-style: none; outline-style: none; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):hover { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):hover { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):focus-visible { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):focus-visible { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .select:not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) option:not(:disabled):active { background-color: #00321a; background-color: var(--color-neutral); color: #fff; color: var(--color-neutral-content); box-shadow: 0 2px calc(0 * 3px) -2px #00321a; box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral); } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) select option:not(:disabled):active { background-color: #00321a; background-color: var(--color-neutral); color: #fff; color: var(--color-neutral-content); box-shadow: 0 2px calc(0 * 3px) -2px #00321a; box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral); } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select::picker(select) { translate: .5rem; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .select select::picker(select) { translate: .5rem; } .avatar-group:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .avatar { border: 4px solid #fff; border: 4px solid var(--color-base-100); border-radius: 3.40282e38px; overflow: hidden; } .avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { vertical-align: middle; align-self: center; display: inline-flex; position: relative; } .avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div { aspect-ratio: 1; display: block; overflow: hidden; } .avatar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .checkbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border: 1px solid #102019; border: var(--border) solid var(--input-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .checkbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border: 1px solid color-mix(in oklab, #102019 20%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .checkbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, rgba(0,0,0,0))); } } } .checkbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .45rem; border-radius: var(--radius-selector); vertical-align: middle; color: #102019; color: var(--color-base-content); box-shadow: 0 1px rgba(0, 0, 0, 0) inset, 0 0 rgba(0,0,0,0) inset, 0 0 rgba(0,0,0,0); --size: calc(var(--size-selector, .25rem) * 6); width: calc(.25rem * 6); width: var(--size); height: calc(.25rem * 6); height: var(--size); background-size: auto, calc(0 * 100%); background-size: auto, calc(var(--noise) * 100%); background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); background-image: none, var(--fx-noise); flex-shrink: 0; padding: .25rem; transition: background-color .2s, box-shadow .2s; display: inline-block; position: relative; } @supports (color: oklab(0% 0 0%)) { .checkbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 rgba(0,0,0,0) inset, 0 0 rgba(0,0,0,0); } } .checkbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { --tw-content: ""; content: ""; content: var(--tw-content); opacity: 0; clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%); width: 100%; height: 100%; box-shadow: 0px 3px 0 0px rgba(255, 255, 255, 0) inset; background-color: currentColor; font-size: 1rem; line-height: .75; transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s; display: block; rotate: 45deg; } @supports (color: oklab(0% 0 0%)) { .checkbox:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } .checkbox:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid currentColor; outline: 2px solid var(--input-color, currentColor); outline-offset: 2px; } .checkbox:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(0,0,0,0); background-color: var(--input-color, rgba(0,0,0,0)); box-shadow: 0 0 rgba(0,0,0,0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px rgba(0, 0, 0, 0); } @supports (color: oklab(0% 0 0%)) { .checkbox:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 0 rgba(0,0,0,0) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)); } } .checkbox:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%); opacity: 1; } @media (forced-colors: active) { .checkbox:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { --tw-content: "✔︎"; clip-path: none; background-color: rgba(0,0,0,0); rotate: 0deg; } } @media print { .checkbox:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { --tw-content: "✔︎"; clip-path: none; background-color: rgba(0,0,0,0); rotate: 0deg; } } .checkbox[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(0,0,0,0); background-color: var(--input-color, rgba(0,0,0,0)); box-shadow: 0 0 rgba(0,0,0,0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px rgba(0, 0, 0, 0); } @supports (color: oklab(0% 0 0%)) { .checkbox[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 0 rgba(0,0,0,0) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)); } } .checkbox[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%); opacity: 1; } @media (forced-colors: active) { .checkbox[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { --tw-content: "✔︎"; clip-path: none; background-color: rgba(0,0,0,0); rotate: 0deg; } } @media print { .checkbox[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { --tw-content: "✔︎"; clip-path: none; background-color: rgba(0,0,0,0); rotate: 0deg; } } .checkbox:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #102019; background-color: var(--input-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .checkbox:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #102019 20%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .checkbox:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, rgba(0,0,0,0))); } } } .checkbox:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%); translate: 0 -35%; rotate: 0deg; } .radio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; border: 1px solid currentColor; border: var(--border) solid var(--input-color, currentColor); border-radius: 3.40282e38px; flex-shrink: 0; padding: .25rem; display: inline-block; position: relative; } @supports (color: color-mix(in lab, red, red)) { .radio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border: 1px solid color-mix(in srgb, currentColor 20%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .radio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, rgba(0,0,0,0))); } } } .radio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px rgba(0, 0, 0, 0) inset; --size: calc(var(--size-selector, .25rem) * 6); width: calc(.25rem * 6); width: var(--size); height: calc(.25rem * 6); height: var(--size); color: currentColor; color: var(--input-color, currentColor); } @supports (color: oklab(0% 0 0%)) { .radio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset; } } .radio:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { --tw-content: ""; content: ""; content: var(--tw-content); background-size: auto, calc(0 * 100%); background-size: auto, calc(var(--noise) * 100%); background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); background-image: none, var(--fx-noise); border-radius: 3.40282e38px; width: 100%; height: 100%; display: block; } .radio:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid; } .radio:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-base-100); border-color: currentColor; } @media (prefers-reduced-motion: no-preference) { .radio:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { animation: .2s ease-out radio; } } .radio:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px rgba(0, 0, 0, 0); background-color: currentColor; } @supports (color: oklab(0% 0 0%)) { .radio:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)); } } @media (forced-colors: active) { .radio:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { outline-style: var(--tw-outline-style); outline-offset: calc(1px * -1); outline-width: 1px; } } @media print { .radio:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { outline-offset: -1rem; outline: .25rem solid; } } .radio[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-base-100); border-color: currentColor; } @media (prefers-reduced-motion: no-preference) { .radio[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { animation: .2s ease-out radio; } } .radio[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { box-shadow: 0 -1px rgba(0, 0, 0, 0) inset, 0 8px 0 -4px rgba(255, 255, 255, 0) inset, 0 1px rgba(0, 0, 0, 0); background-color: currentColor; } @supports (color: oklab(0% 0 0%)) { .radio[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)); } } @media (forced-colors: active) { .radio[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { outline-style: var(--tw-outline-style); outline-offset: calc(1px * -1); outline-width: 1px; } } @media print { .radio[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { outline-offset: -1rem; outline: .25rem solid; } } .navbar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: center; width: 100%; min-height: 4rem; padding: .5rem; display: flex; } .drawer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-auto-columns: max-content auto; width: 100%; display: grid; position: relative; } .card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: 1.5rem; padding: var(--card-p, 1.5rem); font-size: .875rem; font-size: var(--card-fs, .875rem); flex-direction: column; flex: auto; gap: .5rem; display: flex; } .card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .75rem; border-radius: var(--radius-box); outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); flex-direction: column; transition: outline .2s ease-in-out; display: flex; position: relative; } .card:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .card[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .card:has( > :checked, > :is([type="checkbox"], [type="radio"]):focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-color: currentColor; } .card:has( > :checked:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .card[aria-checked="true"]:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .card[aria-checked="true"]:has( > :is([type="checkbox"], [type="radio"]):focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-width: 4px; } .card:has( > :is([type="checkbox"], [type="radio"])):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [type="checkbox"], .card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > [type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .stats:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .75rem; border-radius: var(--radius-box); grid-auto-flow: column; display: inline-grid; position: relative; overflow-x: auto; } .progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .75rem; border-radius: var(--radius-box); background-color: currentColor; width: 100%; height: .5rem; position: relative; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { .progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, currentcolor 20%, transparent); } } .progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } .progress:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: repeating-linear-gradient(90deg, currentColor -1%,currentColor 10%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%); background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, rgba(0,0,0,0) 10% 90%); background-position-x: 15%; background-size: 200%; } @media (prefers-reduced-motion: no-preference) { .progress:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { animation: 5s ease-in-out infinite progress; } } @supports (-moz-appearance: none) { .progress:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-progress-bar { background-color: rgba(0,0,0,0); } @media (prefers-reduced-motion: no-preference) { .progress:indeterminate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-progress-bar { background-image: repeating-linear-gradient(90deg, currentColor -1%,currentColor 10%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%); background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, rgba(0,0,0,0) 10% 90%); background-position-x: 15%; background-size: 200%; animation: 5s ease-in-out infinite progress; } } .progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-progress-bar { border-radius: .75rem; border-radius: var(--radius-box); background-color: currentColor; } @media (prefers-reduced-motion: no-preference) { .progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-progress-bar { -moz-transition: width .3s; transition: width .3s; } } } @supports (-webkit-appearance: none) { .progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-progress-bar { border-radius: .75rem; border-radius: var(--radius-box); background-color: rgba(0,0,0,0); } .progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-progress-value { border-radius: .75rem; border-radius: var(--radius-box); background-color: currentColor; } @media (prefers-reduced-motion: no-preference) { .progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-progress-value { -webkit-transition: width .3s; transition: width .3s; } } } .hero-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { isolation: isolate; justify-content: center; align-items: center; gap: 1rem; max-width: 80rem; padding: 1rem; display: flex; } .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .45rem; border-radius: var(--radius-field); background-color: #fff; background-color: var(--color-base-100); vertical-align: middle; --input-color: var(--color-base-content); flex-shrink: 1; min-height: 5rem; padding-top: .5rem; padding-bottom: .5rem; padding-left: .75rem; padding-right: .75rem; } @supports (color: color-mix(in lab, red, red)) { .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: color-mix(in oklab, var(--color-base-content) 20%, rgba(0,0,0,0)); } } .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: max(3rem, min(20rem, 100%)); font-size: max(0rem, .875rem); font-size: max(var(--font-size, 0rem), var(--font-size-min, .875rem)); touch-action: manipulation; border: 1px solid rgba(0,0,0,0); border: var(--border) solid var(--input-color, rgba(0,0,0,0)); box-shadow: 0 1px var(--input-color) inset, 0 -1px rgba(255, 255, 255, 0) inset; } @supports (color: oklab(0% 0 0%)) { .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } @supports (color: color-mix(in lab, red, red)) { .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)) inset, 0 -1px rgba(255, 255, 255, 0) inset; } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } } .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(0,0,0,0); border: none; } .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .5; } .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea::placeholder { color: #102019; color: var(--color-base-content); opacity: .5; } .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea:focus, .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea:focus-within { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea:focus, .textarea:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea:focus-within { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .textarea:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-base-content); box-shadow: 0 1px #102019; box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .textarea:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .textarea:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)); } } } .textarea:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; } @media (pointer: coarse) { @supports (-webkit-touch-callout: none) { .textarea:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --font-size: 1rem; } } } .textarea:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-base-content); box-shadow: 0 1px #102019; box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .textarea:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(0 * 10%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .textarea:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), rgba(0,0,0,0)); } } } .textarea:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; } @media (pointer: coarse) { @supports (-webkit-touch-callout: none) { .textarea:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --font-size: 1rem; } } } .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder, .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder, .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); color: #102019; color: var(--color-base-content); } .textarea[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } .textarea[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .textarea[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } .textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .textarea[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; } .textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::placeholder { color: #102019; color: var(--color-base-content); opacity: .2; } .textarea:has( > textarea[disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > textarea[disabled] { cursor: not-allowed; } .stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-rows: 3px 4px 1fr 4px 3px; grid-template-columns: 3px 4px 1fr 4px 3px; display: inline-grid; } .stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { width: 100%; height: 100%; } .stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(n+2) { opacity: .7; width: 100%; } .stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { z-index: 2; opacity: .9; } .stack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { z-index: 3; width: 100%; } .modal-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(0,0,0,0); z-index: -1; grid-row-start: 1; grid-column-start: 1; align-self: stretch; justify-self: stretch; place-self: stretch stretch; display: grid; } .modal-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button { cursor: pointer; } .stat-figure:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-row: 1 / span 3; grid-column-start: 2; align-self: center; justify-self: flex-end; place-self: center flex-end; } .hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-position: center; background-size: cover; align-items: center; justify-items: center; place-items: center; width: 100%; display: grid; } .hero:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { grid-row-start: 1; grid-column-start: 1; } .modal-box:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-base-100); border-top-left-radius: .75rem; border-top-left-radius: var(--modal-tl, var(--radius-box)); border-top-right-radius: .75rem; border-top-right-radius: var(--modal-tr, var(--radius-box)); border-bottom-left-radius: .75rem; border-bottom-left-radius: var(--modal-bl, var(--radius-box)); border-bottom-right-radius: .75rem; border-bottom-right-radius: var(--modal-br, var(--radius-box)); opacity: 0; overscroll-behavior: contain; grid-row-start: 1; grid-column-start: 1; width: 91.6667%; max-width: 32rem; max-height: 100vh; padding: 1.5rem; transition: translate .3s ease-out, scale .3s ease-out, opacity .2s ease-out 50ms, box-shadow .3s ease-out; overflow-y: auto; scale: .95; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } .drawer-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-row-start: 1; grid-column-start: 2; min-width: 0; } .stat-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { white-space: nowrap; grid-column-start: 1; font-size: 2rem; font-weight: 800; } .stat-desc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { white-space: nowrap; color: #102019; color: var(--color-base-content); grid-column-start: 1; } @supports (color: color-mix(in lab, red, red)) { .stat-desc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .stat-desc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 60%, transparent); } } } .stat-desc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .75rem; } .stat-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { white-space: nowrap; color: #102019; color: var(--color-base-content); grid-column-start: 1; } @supports (color: color-mix(in lab, red, red)) { .stat-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .stat-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 60%, transparent); } } } .stat-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .75rem; } .divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { white-space: nowrap; height: 1rem; margin: 1rem 0; margin: var(--divider-m, 1rem 0); --divider-color: var(--color-base-content); flex-direction: row; align-self: stretch; align-items: center; display: flex; } @supports (color: color-mix(in lab, red, red)) { .divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --divider-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { content: ""; background-color: var(--divider-color); flex-grow: 1; width: 100%; height: .125rem; } @media print { .divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { border: .5px solid; } } .divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: ""; background-color: var(--divider-color); flex-grow: 1; width: 100%; height: .125rem; } @media print { .divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { border: .5px solid; } } .divider:not(:empty):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: 1rem; } .label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { white-space: nowrap; color: currentColor; align-items: center; gap: .375rem; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, currentcolor 60%, transparent); } } .label:has(input):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: pointer; } @supports (color: color-mix(in lab, red, red)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } @supports (color: color-mix(in lab, red, red)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } @supports (color: color-mix(in lab, red, red)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } @supports (color: color-mix(in lab, red, red)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label, .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label { white-space: nowrap; height: calc(100% - .5rem); font-size: inherit; align-items: center; padding-left: .75rem; padding-right: .75rem; display: flex; } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: 1px solid currentColor; border-right: var(--border) solid currentColor; margin-left: -.75rem; margin-right: .75rem; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: 1px solid currentColor; border-right: var(--border) solid currentColor; margin-left: -.75rem; margin-right: .75rem; } @supports (color: color-mix(in lab, red, red)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:first-child { border-right: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: 1px solid currentColor; border-left: var(--border) solid currentColor; margin-left: .75rem; margin-right: -.75rem; } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: 1px solid currentColor; border-left: var(--border) solid currentColor; margin-left: .75rem; margin-right: -.75rem; } @supports (color: color-mix(in lab, red, red)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: 1px solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .select:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .label:last-child { border-left: var(--border) solid color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } .fieldset-legend:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); margin-bottom: -.25rem; justify-content: space-between; align-items: center; gap: .5rem; margin-right: auto; padding-top: .5rem; padding-bottom: .5rem; font-weight: 600; display: flex; } .modal-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: flex-end; gap: .5rem; margin-top: 1.5rem; display: flex; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { margin-top: .5rem; padding: .5rem; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content:before { display: none; } .carousel-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-sizing: content-box; scroll-snap-align: start; flex: none; display: flex; } .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { aspect-ratio: 1; border-radius: .45rem; border-radius: var(--radius-selector); background-color: #102019; background-color: var(--color-base-content); width: .5rem; height: .5rem; display: inline-block; } @supports (color: color-mix(in lab, red, red)) { .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #102019 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } } .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { vertical-align: middle; color: rgba(0,0,0,0.30196); background-position: center; background-repeat: no-repeat; } @supports (color: color-mix(in lab, red, red)) { .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #000 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-black) 30%, transparent); } } } .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0), rgba(0,0,0,0)); box-shadow: 0 2px 3px -1px; } @supports (color: oklab(0% 0 0%)) { .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), rgba(0,0,0,0)); } } @supports (color: color-mix(in lab, red, red)) { .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(0 * 100%), rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), rgba(0,0,0,0)); } } } .badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .45rem; border-radius: var(--radius-selector); vertical-align: middle; color: #102019; color: var(--badge-fg); border: 1px solid #f4f7f4; border: var(--border) solid var(--badge-color, var(--color-base-200)); background-size: auto, calc(0 * 100%); background-size: auto, calc(var(--noise) * 100%); background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); background-image: none, var(--fx-noise); background-color: #fff; background-color: var(--badge-bg); --badge-bg: var(--badge-color, var(--color-base-100)); --badge-fg: var(--color-base-content); --size: calc(var(--size-selector, .25rem) * 6); width: -moz-fit-content; width: fit-content; height: calc(.25rem * 6); height: var(--size); padding-left: calc((.25rem * 6) / 2 - 1px); padding-right: calc((.25rem * 6) / 2 - 1px); padding-left: calc(calc(.25rem * 6) / 2 - 1px); padding-right: calc(calc(.25rem * 6) / 2 - 1px); padding-left: calc(var(--size) / 2 - var(--border)); padding-right: calc(var(--size) / 2 - var(--border)); justify-content: center; align-items: center; gap: .5rem; font-size: .875rem; display: inline-flex; } .footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-auto-flow: row; align-items: start; justify-items: start; place-items: start; grid-gap: 2.5rem 1rem; gap: 2.5rem 1rem; width: 100%; font-size: .875rem; line-height: 1.25rem; display: grid; } .footer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(script):not(style):not(template) { align-items: start; justify-items: start; place-items: start; grid-gap: .5rem; gap: .5rem; display: grid; } .stat:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(1, 1fr); -moz-column-gap: 1rem; column-gap: 1rem; width: 100%; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; display: inline-grid; } .stat:not(:last-child):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-right: 1px dashed currentColor; border-right: var(--border) dashed currentColor; } @supports (color: color-mix(in lab, red, red)) { .stat:not(:last-child):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-right: 1px dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .stat:not(:last-child):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-right: var(--border) dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } .stat:not(:last-child):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-bottom: none; } .carousel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scroll-snap-type: x mandatory; scrollbar-width: none; display: inline-flex; overflow-x: scroll; } @media (prefers-reduced-motion: no-preference) { .carousel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scroll-behavior: smooth; } } .carousel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar { display: none; } .fieldset:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1fr; grid-auto-rows: max-content; grid-gap: .375rem; gap: .375rem; padding-top: .25rem; padding-bottom: .25rem; font-size: .75rem; display: grid; } .card-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-wrap: wrap; align-items: flex-start; gap: .5rem; display: flex; } .card-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.125rem; font-size: var(--cardtitle-fs, 1.125rem); align-items: center; gap: .5rem; font-weight: 600; display: flex; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > .menu-dropdown:not(.menu-dropdown-show)) { display: none; } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown:focus-within .menu-dropdown-toggle:after { translate: 0 1px; rotate: 45deg; } .link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: pointer; text-decoration-line: underline; } .link:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .link:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .link:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-offset: 2px; outline: 2px solid; } .btn-outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: rgba(0,0,0,0); color: #102019; color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content))); --btn-border: var(--btn-color, var(--color-base-content)); --btn-border-style: solid; --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); background-image: none; } .btn-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: var(--btn-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .btn-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-content)) 8%, var(--btn-soft-bg, var(--color-base-100))); } } .btn-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content))); --btn-border: var(--btn-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .btn-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-content)) 10%, var(--btn-soft-bg, var(--color-base-100))); } } .btn-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border-style: solid; --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); background-image: none; } .btn-ghost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: rgba(0,0,0,0); color: #102019; color: var(--btn-rest-fg, var(--btn-color, var(--color-base-content, currentColor))); --btn-border: rgba(0,0,0,0); --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); background-image: none; } .aura:has( > .card, > .alert):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --aura-radius: var(--radius-box); } .aura:has( > .btn, > .input, > .select):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --aura-radius: var(--radius-field); } .aura:has( > .checkbox, > .toggle, > .badge):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --aura-radius: var(--radius-selector); } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tt-bg: var(--color-neutral); --tt-off: calc(100% + .5rem); --tt-tail: calc(100% + 1px + .25rem); --tt-tail-off: .5rem; display: inline-block; position: relative; } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *)[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { border-radius: .45rem; border-radius: var(--radius-field); text-align: center; white-space: normal; max-width: 20rem; color: #fff; color: var(--color-neutral-content); opacity: 0; background-color: var(--tt-bg); pointer-events: none; z-index: 2; --tw-content: attr(data-tip); content: attr(data-tip); content: var(--tw-content); width: -moz-max-content; width: max-content; padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; padding-right: .5rem; font-size: .875rem; line-height: 1.25; position: absolute; } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 0; background-color: var(--tt-bg); content: ""; pointer-events: none; --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A"); width: .625rem; height: .25rem; -webkit-mask-position: -1px 0; mask-position: -1px 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A"); -webkit-mask-image: var(--mask-tooltip); -webkit-mask-image: var(--mask-tooltip); mask-image: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A"); mask-image: var(--mask-tooltip); display: block; position: absolute; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *)[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms; } } .is-drawer-close\:tooltip.tooltip-open[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .is-drawer-close\:tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .is-drawer-close\:tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .is-drawer-close\:tooltip.tooltip-open[data-tip][data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip][data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip][data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open[data-tip][data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip][data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip][data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .is-drawer-close\:tooltip.tooltip-open[data-tip][data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open[data-tip]:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip][data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip][data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open[data-tip][data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open[data-tip]:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip][data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip][data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .is-drawer-close\:tooltip.tooltip-open[data-tip][data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open[data-tip]:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip][data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip][data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open[data-tip][data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open[data-tip]:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip][data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip][data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .is-drawer-close\:tooltip.tooltip-open[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .is-drawer-close\:tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .is-drawer-close\:tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { opacity: 1; --tt-pos: 0rem; } @media (prefers-reduced-motion: no-preference) { .is-drawer-close\:tooltip.tooltip-open[data-tip]:not([data-tip=""]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip.tooltip-open:has(.tooltip-content:not(:empty)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:not([data-tip=""]):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:has(.tooltip-content:not(:empty)):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not([data-tip=""]):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):has(.tooltip-content:not(:empty)):has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } } .menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li > .menu-dropdown-toggle.is-drawer-open\:menu-dropdown-show:where(.drawer-toggle:checked ~ .drawer-side, .drawer-toggle:checked ~ .drawer-side *)):after { translate: 0 1px; rotate: 45deg; } .collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .75rem; border-radius: var(--radius-box, 1rem); isolation: isolate; grid-template-rows: max-content 0fr; grid-template-columns: minmax(0, 1fr); width: 100%; display: grid; position: relative; } @media (prefers-reduced-motion: no-preference) { .collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition: grid-template-rows .2s; } } .collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[type="checkbox"], .collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; z-index: 1; grid-row-start: 1; grid-column-start: 1; width: 100%; min-height: 1lh; padding: 1rem; padding-right: 3rem; transition: background-color .2s ease-out; } .collapse[tabindex]:not(td):not(tr):not(colgroup):focus-within:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-rows: max-content 1fr; } .collapse[open]:not(td):not(tr):not(colgroup):not(.does-not-exist):not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .collapse[tabindex]:not(td):not(tr):not(colgroup):focus:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-rows: max-content 1fr; } .collapse[tabindex]:not(td):not(tr):not(colgroup):focus-within:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content { --overflow-delay: .2s; overflow: revert-layer; content-visibility: visible; min-height: -moz-fit-content; min-height: fit-content; } .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(input[type="checkbox"]:checked ~ .collapse-content) { --overflow-delay: .2s; overflow: revert-layer; content-visibility: visible; min-height: -moz-fit-content; min-height: fit-content; } .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(input[type="radio"]:checked ~ .collapse-content) { --overflow-delay: .2s; overflow: revert-layer; content-visibility: visible; min-height: -moz-fit-content; min-height: fit-content; } .collapse[open]:not(td):not(tr):not(colgroup):not(.does-not-exist):not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content, .collapse[tabindex]:not(td):not(tr):not(colgroup):focus:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content { --overflow-delay: .2s; overflow: revert-layer; content-visibility: visible; min-height: -moz-fit-content; min-height: fit-content; } @supports not (content-visibility: visible) { .collapse[tabindex]:not(td):not(tr):not(colgroup):focus-within:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content { visibility: visible; } .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(input[type="checkbox"]:checked ~ .collapse-content) { visibility: visible; } .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(input[type="radio"]:checked ~ .collapse-content) { visibility: visible; } .collapse[open]:not(td):not(tr):not(colgroup):not(.does-not-exist):not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content, .collapse[tabindex]:not(td):not(tr):not(colgroup):focus:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content { visibility: visible; } } .collapse:not(td):not(tr):not(colgroup):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .collapse:not(td):not(tr):not(colgroup):has( > input:is([type="checkbox"], [type="radio"]):focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .collapse:not(td):not(tr):not(colgroup):has(summary:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-color: #102019; outline-color: var(--color-base-content); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[type="checkbox"], .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[type="radio"]:not(:checked), .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title { cursor: pointer; } .collapse[tabindex]:not(td):not(tr):not(colgroup):focus-within:not(.collapse-close):not(.collapse[open]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title { cursor: inherit; } .collapse[tabindex]:not(td):not(tr):not(colgroup):focus:not(.collapse-close):not(.collapse[open]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title { cursor: inherit; } .collapse[open]:not(td):not(tr):not(colgroup):not(.does-not-exist):not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(.collapse-content) { padding-bottom: 1rem; } .collapse[tabindex]:not(td):not(tr):not(colgroup):focus:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(.collapse-content) { padding-bottom: 1rem; } .collapse[tabindex]:not(td):not(tr):not(colgroup):focus-within:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(.collapse-content) { padding-bottom: 1rem; } .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(input[type="checkbox"]:checked ~ .collapse-content) { padding-bottom: 1rem; } .collapse:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(input[type="radio"]:checked ~ .collapse-content) { padding-bottom: 1rem; } details.collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 100%; } details.collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::details-content { --overflow-delay: 0s; height: 0; overflow: clip; } details.collapse:not(td):not(tr):not(colgroup):where([open]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::details-content { overflow: revert-layer; height: auto; } @media (prefers-reduced-motion: no-preference) { details.collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::details-content { transition: overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s; interpolate-size: allow-keywords; } details.collapse:not(td):not(tr):not(colgroup):where([open]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::details-content { --overflow-delay: .2s; } } details.collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > summary { outline: none; display: block; position: relative; } details.collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > summary::-webkit-details-marker { display: none; } .alert:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --alert-border-color: var(--color-base-200); border-radius: .75rem; border-radius: var(--radius-box); color: #102019; color: var(--color-base-content); background-color: #f4f7f4; background-color: var(--alert-color, var(--color-base-200)); text-align: left; background-size: auto, calc(0 * 33%); background-size: auto, calc(var(--noise) * 33%); background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); background-image: none, var(--fx-noise); box-shadow: 0 3px 0 -2px rgba(255, 255, 255, 0) inset, 0 1px #000, 0 4px 3px -2px rgba(0, 0, 0, 0); border-style: solid; grid-template-columns: auto; grid-auto-flow: column; justify-content: start; align-items: center; justify-items: start; place-items: center start; grid-gap: 1rem; gap: 1rem; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1rem; padding-right: 1rem; font-size: .875rem; line-height: 1.25rem; display: grid; } @supports (color: oklab(0% 0 0%)) { .alert:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08)); } } @supports (color: color-mix(in lab, red, red)) { .alert:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 3px 0 -2px rgba(255, 255, 255, 0) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, #f4f7f4) calc(0 * 20%), rgba(0,0,0,0)), 0 4px 3px -2px rgba(0, 0, 0, 0); } @supports (color: color-mix(in lch, red, blue)) and (color: oklab(0% 0 0%)) { .alert:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), rgba(0,0,0,0)), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08)); } } } .alert:has(:nth-child(2)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: auto minmax(auto, 1fr); } @starting-style { .modal.modal-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: 0; } } .modal[open]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: auto; visibility: visible; opacity: 1; transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out; background-color: rgba(0, 0, 0, 0.4); } .modal[open]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { opacity: 1; translate: 0; scale: 1; } :root:has(.modal[open]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --page-scroll-lock: ; } @starting-style { .modal[open]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: 0; } } .modal:popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: auto; visibility: visible; opacity: 1; transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out; background-color: rgba(0, 0, 0, 0.4); } .modal:popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { opacity: 1; translate: 0; scale: 1; } :root:has(.modal:popover-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --page-scroll-lock: ; } @starting-style { .modal:popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: 0; } } .modal:target:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: auto; visibility: visible; opacity: 1; transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out; background-color: rgba(0, 0, 0, 0.4); } .modal:target:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { opacity: 1; translate: 0; scale: 1; } :root:has(.modal:target):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --page-scroll-lock: ; } @starting-style { .modal:target:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: 0; } } .modal-toggle:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) + .modal { pointer-events: auto; visibility: visible; opacity: 1; transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out; background-color: rgba(0, 0, 0, 0.4); } .modal-toggle:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) + .modal > .modal-box { opacity: 1; translate: 0; scale: 1; } :root:has(.modal-toggle:checked + .modal):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --page-scroll-lock: ; } @starting-style { .modal-toggle:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) + .modal { opacity: 0; } } .drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-side { overflow-y: auto; } :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: auto; visibility: visible; opacity: 1; overflow-y: auto; } :where(.drawer-toggle:checked ~ .drawer-side):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :not(.drawer-overlay) { translate: 0%; } .drawer-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side { grid-column-start: 2; justify-items: end; } .drawer-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { translate: 100%; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.drawer-end > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) { translate: -100%; } .drawer-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle:checked ~ .drawer-side > :not(.drawer-overlay) { translate: 0%; } .drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle { display: none; } .drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side { pointer-events: auto; visibility: visible; overscroll-behavior: auto; opacity: 1; width: auto; display: block; position: sticky; } .drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side > .drawer-overlay { cursor: default; background-color: rgba(0,0,0,0); } .drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; } .modal.modal-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: auto; visibility: visible; opacity: 1; transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out; background-color: rgba(0, 0, 0, 0.4); } .modal.modal-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { opacity: 1; translate: 0; scale: 1; } :root:has(.modal.modal-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --page-scroll-lock: ; } @starting-style { .modal.modal-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: 0; } } .tooltip[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-off); left: 50%; } .tooltip-top[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-off); left: 50%; } .tooltip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-off); left: 50%; } .tooltip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-tail); left: 50%; } .tooltip-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-tail); left: 50%; } @media (prefers-reduced-motion: no-preference) { .collapse-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { transition-property: all; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } } .collapse-plus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { width: .5rem; height: .5rem; display: block; position: absolute; } @media (prefers-reduced-motion: no-preference) { .collapse-plus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { transition-property: all; transition-duration: .3s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } } .collapse-plus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { --tw-content: "+"; content: "+"; content: var(--tw-content); pointer-events: none; top: .9rem; right: 1.4rem; } .collapse-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { width: .5rem; height: .5rem; display: block; position: absolute; transform: translateY(-100%) rotate(45deg); } @media (prefers-reduced-motion: no-preference) { .collapse-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { transition-property: all; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } } .collapse-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { content: ""; transform-origin: 75% 75%; pointer-events: none; top: 50%; right: 1.4rem; box-shadow: 2px 2px; } .collapse-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content { --overflow-delay: .2s; overflow: revert-layer; content-visibility: visible; min-height: -moz-fit-content; min-height: fit-content; padding-bottom: 1rem; } @supports not (content-visibility: visible) { .collapse-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-content { visibility: visible; } } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .list-row:has(.list-col-grow:first-child) { --list-grid-cols: 1fr; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .list-row:has(.list-col-grow:nth-child(2)) { --list-grid-cols: minmax(0, auto) 1fr; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .list-row:has(.list-col-grow:nth-child(3)) { --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .list-row:has(.list-col-grow:nth-child(4)) { --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .list-row:has(.list-col-grow:nth-child(5)) { --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .list-row:has(.list-col-grow:nth-child(6)) { --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr; } .list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .list-row > * { grid-row-start: 1; } .dropdown-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.dropdown-content) { right: auto; translate: 0; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.dropdown-start :where(.dropdown-content)) { translate: 0; } .dropdown-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.dropdown-content) { right: 50%; translate: 50%; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.dropdown-center :where(.dropdown-content)) { translate: -50%; } .dropdown-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { transform-origin: 100%; right: 100%; top: 0; bottom: auto; } .dropdown-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { transform-origin: 0; left: 100%; top: 0; bottom: auto; } .dropdown-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { transform-origin: top; top: 100%; bottom: auto; } .dropdown-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { transform-origin: bottom; top: auto; bottom: 100%; } .steps-vertical:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step { grid-template-rows: auto; grid-template-columns: 40px 1fr; justify-items: start; grid-gap: .5rem; gap: .5rem; min-height: 4rem; display: grid; } .steps-vertical:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step:before { width: .5rem; height: 100%; margin-left: 50%; translate: -50% -50%; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.steps-vertical .step):before { translate: 50% -50%; } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-neutral + .step-neutral:before, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-neutral:after, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-neutral > .step-icon { --step-bg: var(--color-neutral); --step-fg: var(--color-neutral-content); } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-secondary + .step-secondary:before, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-secondary:after, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-secondary > .step-icon { --step-bg: var(--color-secondary); --step-fg: var(--color-secondary-content); } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-accent + .step-accent:before, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-accent:after, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-accent > .step-icon { --step-bg: var(--color-accent); --step-fg: var(--color-accent-content); } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-info + .step-info:before, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-info:after, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-info > .step-icon { --step-bg: var(--color-info); --step-fg: var(--color-info-content); } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-success + .step-success:before, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-success:after, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-success > .step-icon { --step-bg: var(--color-success); --step-fg: var(--color-success-content); } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-warning + .step-warning:before, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-warning:after, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-warning > .step-icon { --step-bg: var(--color-warning); --step-fg: var(--color-warning-content); } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-error + .step-error:before, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-error:after, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-error > .step-icon { --step-bg: var(--color-error); --step-fg: var(--color-error-content); } .checkbox:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .radio:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: not-allowed; opacity: .2; } :where(.navbar):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position: relative; } .image-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .card-body { color: #fff; color: var(--color-neutral-content); position: relative; } .card-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-body { --card-p: .5rem; --card-fs: .6875rem; } .card-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-body { --card-p: 1.5rem; --card-fs: .875rem; } .card-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-body { --card-p: 2rem; --card-fs: 1rem; } .card-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-body { --card-p: 2.5rem; --card-fs: 1.125rem; } .tooltip-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip-bottom[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(-50%) translateY(-.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, -.25rem)); top: var(--tt-off); right: auto; bottom: auto; left: 50%; } .tooltip-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(-50%) translateY(-.25rem) rotate(180deg); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, -.25rem)) rotate(180deg); top: var(--tt-tail); right: auto; bottom: auto; left: 50%; } .tooltip-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tt-trans: 0; --tt-inset: 0 auto; --tt-tail-inset: var(--tt-tail-off) auto; } .tooltip-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip-start[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { left: auto; right: auto; left: 0; } .tooltip-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { left: auto; right: auto; left: var(--tt-tail-off); } .tooltip-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip-left[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(calc(.25rem - .25rem)) translateY(-50%); transform: translateX(calc(var(--tt-pos, .25rem) - .25rem)) translateY(var(--tt-trans, -50%)); left: auto; right: var(--tt-off); top: 50%; bottom: auto; top: 50% auto; top: var(--tt-inset, 50% auto); bottom: 50% auto; bottom: var(--tt-inset, 50% auto); } .tooltip-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(.25rem) translateY(-50%) rotate(-90deg); transform: translateX(var(--tt-pos, .25rem)) translateY(var(--tt-trans, -50%)) rotate(-90deg); left: auto; right: calc(var(--tt-tail) + 1px); top: 50%; bottom: auto; top: 50% auto; top: var(--tt-tail-inset, 50% auto); bottom: 50% auto; bottom: var(--tt-tail-inset, 50% auto); } .tooltip-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .tooltip-right[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(calc(-.25rem + .25rem)) translateY(-50%); transform: translateX(calc(var(--tt-pos, -.25rem) + .25rem)) translateY(var(--tt-trans, -50%)); left: var(--tt-off); right: auto; top: 50%; bottom: auto; top: 50% auto; top: var(--tt-inset, 50% auto); bottom: 50% auto; bottom: var(--tt-inset, 50% auto); } .tooltip-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(-.25rem) translateY(-50%) rotate(90deg); transform: translateX(var(--tt-pos, -.25rem)) translateY(var(--tt-trans, -50%)) rotate(90deg); left: calc(var(--tt-tail) + 1px); right: auto; top: 50%; bottom: auto; top: 50% auto; top: var(--tt-tail-inset, 50% auto); bottom: 50% auto; bottom: var(--tt-tail-inset, 50% auto); } .toast-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --toast-x: 0; left: auto; right: 1rem; } .dropdown-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --anchor-h: span-left; } .dropdown-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.dropdown-content) { right: 0; translate: 0; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.dropdown-end :where(.dropdown-content)) { translate: 0; } .dropdown-end.dropdown-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --anchor-h: left; --anchor-v: span-top; } .dropdown-end.dropdown-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { top: auto; bottom: 0; } .dropdown-end.dropdown-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --anchor-h: right; --anchor-v: span-top; } .dropdown-end.dropdown-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .dropdown-content { top: auto; bottom: 0; } .btn-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: var(--btn-color, var(--color-base-200)); } @supports (color: color-mix(in lab, red, red)) { .btn-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%); } } .btn-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--btn-fg, var(--color-base-content)); --btn-border: var(--btn-color, var(--color-base-200)); } @supports (color: color-mix(in lab, red, red)) { .btn-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%); } } .btn-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border-style: solid; --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); isolation: isolate; } .stack:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > *, .stack.stack-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { grid-area: 3 / 3 / 6 / 4; } .stack:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } .stack.stack-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } .stack:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { grid-area: 1 / 1 / 4 / 6; } .stack.stack-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { grid-area: 1 / 1 / 4 / 6; } .stack.stack-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { grid-area: 1 / 3 / 4 / 4; } .stack.stack-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } .stack.stack-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { grid-area: 3 / 1 / 6 / 6; } .stack.stack-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { grid-area: 3 / 1 / 4 / 4; } .stack.stack-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } .stack.stack-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { grid-area: 1 / 3 / 6 / 6; } .stack.stack-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * { grid-area: 3 / 3 / 4 / 6; } .stack.stack-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } .stack.stack-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :first-child { grid-area: 1 / 1 / 6 / 4; } .modal-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { --modal-tl: 0; --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 100%; max-width: none; height: auto; max-height: calc(100vh - 5em); translate: 0 -100%; scale: 1; } .modal-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: 0; width: 100%; max-width: none; height: auto; max-height: calc(100vh - 5em); translate: 0 100%; scale: 1; } .modal-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); width: auto; max-width: none; height: 100vh; max-height: none; translate: -100%; scale: 1; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.modal-start > .modal-box) { --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; translate: 100%; } .modal-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { --modal-tl: var(--radius-box); --modal-tr: 0; --modal-bl: var(--radius-box); --modal-br: 0; width: auto; max-width: none; height: 100vh; max-height: none; translate: 100%; scale: 1; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.modal-end > .modal-box) { --modal-tl: 0; --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: var(--radius-box); translate: -100%; } .drawer-toggle:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ~ .drawer-content label.drawer-button { outline-offset: 2px; outline: 2px solid; } .drawer-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-content { grid-column-start: 1; } .divider-horizontal.divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: column; width: 1rem; height: auto; } .divider-horizontal.divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .divider-horizontal.divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { width: .125rem; height: 100%; } .divider-vertical.divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: row; width: auto; height: 1rem; } .divider-vertical.divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .divider-vertical.divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { width: 100%; height: .125rem; } .steps-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-auto-columns: 1fr; grid-auto-flow: column; display: inline-grid; overflow-x: auto; overflow-y: hidden; overflow: auto hidden; } .steps-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step { text-align: center; grid-template-rows: 40px 1fr; grid-template-columns: auto; align-items: center; justify-items: center; place-items: center; min-width: 4rem; display: grid; } .steps-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step:before { width: 100%; height: .5rem; margin-left: -100%; translate: 0; } [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.steps-horizontal .step):before { translate: 0; } .carousel-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .carousel-item { scroll-snap-align: start; } .carousel-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .carousel-item { scroll-snap-align: center; } .carousel-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .carousel-item { scroll-snap-align: end; } .stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-right: 1px dashed currentColor; border-right: var(--border) dashed currentColor; } @supports (color: color-mix(in lab, red, red)) { .stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-right: 1px dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-right: var(--border) dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } .stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-bottom: none; } @supports (color: color-mix(in lab, red, red)) { .stats-vertical:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-bottom: 1px dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .stats-vertical:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-bottom: var(--border) dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } .avatar-placeholder:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > div { justify-content: center; align-items: center; display: flex; } .card-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-title { --cardtitle-fs: .875rem; } .card-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-title { --cardtitle-fs: 1.125rem; } .card-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-title { --cardtitle-fs: 1.25rem; } .card-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-title { --cardtitle-fs: 1.375rem; } .modal-middle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: center; justify-items: center; place-items: center; } .modal-middle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 91.6667%; max-width: 32rem; height: auto; max-height: calc(100vh - 5em); translate: 0 2%; scale: .98; } .btn-circle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: var(--size); height: var(--size); border-radius: 3.40282e38px; padding-left: 0; padding-right: 0; } .btn-square:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: var(--size); height: var(--size); padding-left: 0; padding-right: 0; } .btn-wide:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 100%; max-width: 16rem; } .loading-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 7); width: calc(var(--size-selector, .25rem) * 7); } .loading-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 6); width: calc(var(--size-selector, .25rem) * 6); } .loading-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 5); width: calc(var(--size-selector, .25rem) * 5); } .stats-vertical:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-auto-flow: row; overflow-y: auto; } .stats-vertical:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-right: none; border-bottom: 1px dashed currentColor; border-bottom: var(--border) dashed currentColor; } @supports (color: color-mix(in lab, red, red)) { .stats-vertical:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-bottom: 1px dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .stats-vertical:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-bottom: var(--border) dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } .menu-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title) > :not(ul):not(menu):not(details):not(.menu-title)), .menu-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: .45rem; border-radius: var(--radius-field); padding-top: .25rem; padding-bottom: .25rem; padding-left: .625rem; padding-right: .625rem; font-size: .75rem; } .menu-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) details[open] > summary:before { font-size: .75rem; } .menu-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .menu-title { padding-top: .5rem; padding-bottom: .5rem; padding-left: .75rem; padding-right: .75rem; } .badge-ghost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #f4f7f4; border-color: var(--color-base-200); background-color: #f4f7f4; background-color: var(--color-base-200); color: #102019; color: var(--color-base-content); background-image: none; } .badge-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--badge-color, var(--color-base-content)); background-color: #102019; background-color: var(--badge-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .badge-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #102019 8%, #fff); } @supports (color: color-mix(in lch, red, blue)) { .badge-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100)); } } } .badge-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #102019; border-color: var(--badge-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .badge-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #102019 10%, #fff); } @supports (color: color-mix(in lch, red, blue)) { .badge-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100)); } } } .badge-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: none; } .badge-outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: var(--badge-color); --badge-bg: rgba(0,0,0,0); background-image: none; border-color: currentColor; } :where(:not(ul):not(menu):not(details):not(.menu-title):not(.btn)).menu-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-outline-style: none; color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(0 * 100%); background-size: auto, calc(var(--noise) * 100%); background-image: none, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); background-image: none, var(--fx-noise); outline-style: none; } @media (forced-colors: active) { :where(:not(ul):not(menu):not(details):not(.menu-title):not(.btn)).menu-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-offset: 2px; outline: 2px solid rgba(0,0,0,0); } } .table-zebra:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) tbody tr:where(:nth-child(2n)), .table-zebra:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th) { background-color: #f4f7f4; background-color: var(--color-base-200); } @media (hover: hover) { .table-zebra:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) tbody tr.row-hover:where(:nth-child(2n)):hover { background-color: #dfe9e2; background-color: var(--color-base-300); } .table-zebra:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) tbody tr.row-hover:hover { background-color: #dfe9e2; background-color: var(--color-base-300); } } .loading-spinner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } @media (prefers-reduced-motion: no-preference) { .loading-spinner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } } .checkbox-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --size: calc(var(--size-selector, .25rem) * 5); padding: .1875rem; } .checkbox-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --size: calc(var(--size-selector, .25rem) * 4); padding: .125rem; } .radio-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: .1875rem; } .radio-sm[type="radio"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --size: calc(var(--size-selector, .25rem) * 5); } .table-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :not(thead):not(tfoot) tr { font-size: .75rem; } .table-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(th, td) { padding-top: .5rem; padding-bottom: .5rem; padding-left: .75rem; padding-right: .75rem; } .table-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :not(thead):not(tfoot) tr { font-size: .6875rem; } .table-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(th, td) { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; padding-right: .5rem; } .badge-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --size: calc(var(--size-selector, .25rem) * 5); font-size: .75rem; } .badge-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --size: calc(var(--size-selector, .25rem) * 4); font-size: .625rem; } .alert-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-error-content); --alert-border-color: var(--color-error); --alert-color: var(--color-error); } .alert-info:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #082114; color: var(--color-info-content); --alert-border-color: var(--color-info); --alert-color: var(--color-info); } .alert-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0b2105; color: var(--color-success-content); --alert-border-color: var(--color-success); --alert-color: var(--color-success); } .checkbox-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0b2105; color: var(--color-success-content); --input-color: var(--color-success); } @media (hover: hover) { .link-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .link-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #0c4324 80%, #000); } @supports (color: color-mix(in lch, red, blue)) { .link-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-primary) 80%, #000); } } } } .link-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } .range-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); --range-thumb: var(--color-primary-content); } .range-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #92d050; color: var(--color-success); --range-thumb: var(--color-success-content); } .progress-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } .progress-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #92d050; color: var(--color-success); } .link-hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-line: none; } @media (hover: hover) { .link-hover:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-line: underline; } } .floating-label:has(.select-xs):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 3; --font-size: .6875rem; } .floating-label:has(.select-md):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 5; --font-size: .875rem; } .floating-label:has(.select-lg):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 6; --font-size: 1.125rem; } .floating-label:has(.select-xl):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 7; --font-size: 1.375rem; } .floating-label:has(.textarea-xs):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 3; --font-size: .6875rem; } .floating-label:has(.textarea-md):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 5; --font-size: .875rem; } .floating-label:has(.textarea-lg):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 6; --font-size: 1.125rem; } .floating-label:has(.textarea-xl):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 7; --font-size: 1.375rem; } .floating-label:has(.input-md):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 5; --font-size: .875rem; } .floating-label:has(.input-lg):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 6; --font-size: 1.125rem; } .floating-label:has(.input-xl):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 7; --font-size: 1.375rem; } .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-primary + .step-primary:before, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-primary:after, .steps:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .step-primary > .step-icon { --step-bg: var(--color-primary); --step-fg: var(--color-primary-content); } .input-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --in-size-mul: 8; --font-size-min: .75rem; --spin-my: -2; } .floating-label:has(.input-sm):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 4; --font-size: .75rem; } .input-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --in-size-mul: 6; --font-size-min: .6875rem; --spin-my: -1; } .floating-label:has(.input-xs):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 3; --font-size: .6875rem; } .select-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --sl-size-mul: 8; --font-size-min: .75rem; --option-px: 2.5; } .floating-label:has(.select-sm):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 4; --font-size: .75rem; } .btn-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-color: var(--color-error); --btn-fg: var(--color-error-content); --btn-soft-bg: initial; } .btn-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --fontsize: 1.125rem; --btn-p: 1.25rem; --size: calc(var(--size-field, .25rem) * 12); } .btn-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); --btn-soft-bg: initial; } .btn-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-color: var(--color-secondary); --btn-fg: var(--color-secondary-content); --btn-soft-bg: initial; } .btn-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --fontsize: .75rem; --btn-p: .75rem; --size: calc(var(--size-field, .25rem) * 8); } .btn-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-color: var(--color-success); --btn-fg: var(--color-success-content); --btn-soft-bg: initial; } .btn-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --fontsize: .6875rem; --btn-p: .5rem; --size: calc(var(--size-field, .25rem) * 6); } .card-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-body { --card-p: 1rem; --card-fs: .75rem; } .card-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .card-title { --cardtitle-fs: 1rem; } .textarea-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --font-size-min: .75rem; } .floating-label:has(.textarea-sm):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 4; --font-size: .75rem; } .badge-accent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --badge-color: var(--color-accent); --badge-fg: var(--color-accent-content); } .badge-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --badge-color: var(--color-error); --badge-fg: var(--color-error-content); } .badge-info:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --badge-color: var(--color-info); --badge-fg: var(--color-info-content); } .badge-neutral:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --badge-color: var(--color-neutral); --badge-fg: var(--color-neutral-content); } .badge-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --badge-color: var(--color-primary); --badge-fg: var(--color-primary-content); } .badge-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --badge-color: var(--color-secondary); --badge-fg: var(--color-secondary-content); } .badge-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --badge-color: var(--color-success); --badge-fg: var(--color-success-content); } .badge-warning:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --badge-color: var(--color-warning); --badge-fg: var(--color-warning-content); } .toggle-primary:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .toggle-primary[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-primary); } .toggle-sm[type="checkbox"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .toggle-sm:has([type="checkbox"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --size: calc(var(--size-selector, .25rem) * 5); } .toggle-success:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .toggle-success[aria-checked="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-success); } .toggle-xs[type="checkbox"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .toggle-xs:has([type="checkbox"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --size: calc(var(--size-selector, .25rem) * 4); } .card-border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border: 1px solid #f4f7f4; border: var(--border) solid var(--color-base-200); } .radio-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --input-color: var(--color-primary); } .range-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --range-thumb-size: calc(var(--size-selector, .25rem) * 5); } .range-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --range-thumb-size: calc(var(--size-selector, .25rem) * 4); } .checked\:checkbox-primary:checked:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-primary-content); --input-color: var(--color-primary); } .has-checked\:btn-primary:has(:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); --btn-soft-bg: initial; } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-off); left: 50%; } .is-drawer-close\:tooltip[data-tip]:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-off); left: 50%; } .tooltip-top[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-off); left: 50%; } .tooltip-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-off); left: 50%; } .is-drawer-close\:tooltip:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-tail); left: 50%; } .tooltip-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(-50%) translateY(.25rem); transform: translateX(var(--tt-trans, -50%)) translateY(var(--tt-pos, .25rem)); top: auto; right: auto; bottom: var(--tt-tail); left: 50%; } .is-drawer-close\:tooltip-right:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .is-drawer-close\:tooltip-right:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *)[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(calc(-.25rem + .25rem)) translateY(-50%); transform: translateX(calc(var(--tt-pos, -.25rem) + .25rem)) translateY(var(--tt-trans, -50%)); left: var(--tt-off); right: auto; top: 50%; bottom: auto; top: 50% auto; top: var(--tt-inset, 50% auto); bottom: 50% auto; bottom: var(--tt-inset, 50% auto); } .is-drawer-close\:tooltip-right:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(-.25rem) translateY(-50%) rotate(90deg); transform: translateX(var(--tt-pos, -.25rem)) translateY(var(--tt-trans, -50%)) rotate(90deg); left: calc(var(--tt-tail) + 1px); right: auto; top: 50%; bottom: auto; top: 50% auto; top: var(--tt-tail-inset, 50% auto); bottom: 50% auto; bottom: var(--tt-tail-inset, 50% auto); } @media (prefers-reduced-motion: no-preference) { .collapse:not(td):not(tr):not(colgroup)[open].collapse-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after, .collapse:not(td):not(tr):not(colgroup).collapse-open.collapse-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { transform: translateY(-50%) rotate(225deg); } } .collapse:not(td):not(tr):not(colgroup).collapse-open.collapse-plus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { --tw-content: "−"; content: "−"; content: var(--tw-content); } .collapse.collapse-arrow[tabindex]:not(td):not(tr):not(colgroup):focus:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { transform: translateY(-50%) rotate(225deg); } .collapse.collapse-arrow[tabindex]:not(td):not(tr):not(colgroup):focus-within:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { transform: translateY(-50%) rotate(225deg); } .collapse.collapse-arrow:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[type="checkbox"]:checked ~ .collapse-title:after { transform: translateY(-50%) rotate(225deg); } .collapse.collapse-arrow:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[type="radio"]:checked ~ .collapse-title:after { transform: translateY(-50%) rotate(225deg); } .collapse.collapse-plus:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[type="checkbox"]:checked ~ .collapse-title:after { --tw-content: "−"; content: "−"; content: var(--tw-content); } .collapse.collapse-plus:not(td):not(tr):not(colgroup):not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > input[type="radio"]:checked ~ .collapse-title:after { --tw-content: "−"; content: "−"; content: var(--tw-content); } .collapse:not(td):not(tr):not(colgroup)[open].collapse-plus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after, .collapse:not(td):not(tr):not(colgroup)[tabindex].collapse-plus:focus:not(.collapse-close):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .collapse-title:after { --tw-content: "−"; content: "−"; content: var(--tw-content); } .drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay), [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)), .drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay), [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) { translate: 0%; } .btn:where(:checked:not(.filter [type="radio"].btn)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); } @media (hover: hover) { .btn:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: var(--btn-color, var(--color-base-200)); } @supports (color: color-mix(in lab, red, red)) { .btn:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%); } } .btn:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: var(--btn-fg); --btn-border: var(--btn-bg); } @supports (color: color-mix(in lab, red, red)) { .btn:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); } } .btn:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg); } @supports (color: color-mix(in lab, red, red)) { .btn:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), rgba(0,0,0,0)), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), rgba(0,0,0,0)); } } } .btn:active:not(.btn-active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: var(--btn-color, var(--color-base-200)); translate: 0 .5px; } @supports (color: color-mix(in lab, red, red)) { .btn:active:not(.btn-active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%); } } .btn:active:not(.btn-active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--btn-fg, var(--color-base-content)); --btn-border: var(--btn-color, var(--color-base-200)); } @supports (color: color-mix(in lab, red, red)) { .btn:active:not(.btn-active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%); } } .btn:active:not(.btn-active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border-style: solid; --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .btn:where(:checked:not(.filter [type="radio"].btn),:not([type="radio"]):not([type="checkbox"]):focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: var(--btn-color, var(--color-base-200)); color: #102019; color: var(--btn-fg, var(--color-base-content)); --btn-border: var(--btn-bg); } @supports (color: color-mix(in lab, red, red)) { .btn:where(:checked:not(.filter [type="radio"].btn),:not([type="radio"]):not([type="checkbox"]):focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); } } .btn:where(:checked:not(.filter [type="radio"].btn),:not([type="radio"]):not([type="checkbox"]):focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-border-style: solid; --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)); --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg); } @supports (color: color-mix(in lab, red, red)) { .btn:where(:checked:not(.filter [type="radio"].btn),:not([type="radio"]):not([type="checkbox"]):focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), rgba(0,0,0,0)), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), rgba(0,0,0,0)); } } .btn:where(:checked:not(.filter [type="radio"].btn),:not([type="radio"]):not([type="checkbox"]):focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { isolation: isolate; } .btn:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn:has(:focus-visible):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { isolation: isolate; outline-width: 2px; outline-style: solid; } .filter:not(:has(:checked:not(.filter-reset))):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .filter-reset:not(:focus-visible) { visibility: hidden; opacity: 0; border-width: 0; width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; scale: 0; } .filter:not(:has(:checked:not(.filter-reset))):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [type="reset"]:not(:focus-visible) { visibility: hidden; opacity: 0; border-width: 0; width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; scale: 0; } .filter:not(:has(:focus-visible)):has(:checked:not(.filter-reset):not([type="checkbox"])):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) input:not(:checked):not(.filter-reset):not([type="reset"]) { opacity: 0; border-width: 0; width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; scale: 0; } .filter:not(:has(:focus-visible)):has(:checked:not(.filter-reset):not([type="checkbox"])):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button:not(:checked):not(.filter-reset):not([type="reset"]) { opacity: 0; border-width: 0; width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; scale: 0; } .alert-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--alert-color, var(--color-base-content)); background: #102019; background: var(--alert-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .alert-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background: color-mix(in oklab, #102019 8%, #fff); } @supports (color: color-mix(in lch, red, blue)) { .alert-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background: color-mix(in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100)); } } } .alert-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --alert-border-color: var(--alert-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .alert-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --alert-border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100)); } } .alert-soft:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { box-shadow: none; background-image: none; } .btn:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: none; color: #102019; color: var(--color-base-content); } .btn[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: none; color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .btn:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklch, #102019 20%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .btn:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklch, var(--color-base-content) 20%, rgba(0,0,0,0)); } } .btn[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklch, #102019 20%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .btn[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklch, var(--color-base-content) 20%, rgba(0,0,0,0)); } } } .btn:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: rgba(0,0,0,0); --btn-border: rgba(0,0,0,0); --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); background-image: none; } .btn[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: rgba(0,0,0,0); --btn-border: rgba(0,0,0,0); --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); background-image: none; } @supports (color: color-mix(in lab, red, red)) { .btn:disabled:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .btn:disabled:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .btn-disabled:not(.does-not-exist):not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[disabled]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .btn-disabled:not(.does-not-exist):not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[disabled]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } } .btn-disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: none; color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .btn-disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklch, #102019 20%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .btn-disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklch, var(--color-base-content) 20%, rgba(0,0,0,0)); } } } .btn-disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: rgba(0,0,0,0); --btn-border: rgba(0,0,0,0); --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); background-image: none; } .btn:disabled:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #102019; background-color: var(--color-base-content); } .btn-disabled:not(.does-not-exist):not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[disabled]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #102019; background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .btn:disabled:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .btn:disabled:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .btn-disabled:not(.does-not-exist):not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[disabled]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #102019 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .btn-disabled:not(.does-not-exist):not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[disabled]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .btn[aria-disabled="true"]:not(.btn-link):not(.btn-ghost):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } } .btn-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --btn-bg: rgba(0,0,0,0); color: #0c4324; color: var(--btn-color, var(--color-primary)); --btn-border: rgba(0,0,0,0); --btn-inset: 0 0 0 0 rgba(0, 0, 0, 0); --btn-shadow: 0 0 0 0 rgba(0, 0, 0, 0); background-image: none; text-decoration-line: underline; } .card-body:not(#\#):not(#\#):not(#\#):not(#\#) p { flex-grow: 1; } .card:not(#\#):not(#\#):not(#\#):not(#\#) figure:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: 0; border-bottom-right-radius: initial; border-bottom-left-radius: 0; border-bottom-left-radius: initial; overflow: hidden; } .card:not(#\#):not(#\#):not(#\#):not(#\#) figure:last-child { border-top-left-radius: 0; border-top-left-radius: initial; border-top-right-radius: 0; border-top-right-radius: initial; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; overflow: hidden; } .card:not(#\#):not(#\#):not(#\#):not(#\#) figure { justify-content: center; align-items: center; display: flex; } .join-item:not(#\#):not(#\#):not(#\#):not(#\#) > * { --join-ss: initial; --join-se: initial; --join-es: initial; --join-ee: initial; } .\@container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { container-type: inline-size; } .prose:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(a.btn:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: none; } .pointer-events-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { pointer-events: none; } .countdown.countdown:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { line-height: 1em; } .collapse:not(td):not(tr):not(colgroup):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { visibility: revert-layer; } .collapse:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { visibility: collapse; } .visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { visibility: visible; } .sr-only:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position: absolute; } .fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position: fixed; } .relative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position: relative; } .static:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position: static; } .sticky:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position: sticky; } .inset-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 0; right: 0; bottom: 0; left: 0; } .inset-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 3); right: calc(.25rem * 3); bottom: calc(.25rem * 3); left: calc(.25rem * 3); top: calc(var(--spacing) * 3); right: calc(var(--spacing) * 3); bottom: calc(var(--spacing) * 3); left: calc(var(--spacing) * 3); } .-inset-x-1\/3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: -33.3333%; right: -33.3333%; } .-inset-x-px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: -1px; right: -1px; } .inset-x-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: 0; right: 0; } .inset-y-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 0; bottom: 0; } .-end-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * -1); right: calc(var(--spacing) * -1); } .end-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * .5); right: calc(var(--spacing) * .5); } .end-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 1); right: calc(var(--spacing) * 1); } .-top-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * -1); top: calc(var(--spacing) * -1); } .-top-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * -6); top: calc(var(--spacing) * -6); } .-top-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * -24); top: calc(var(--spacing) * -24); } .-top-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * -28); top: calc(var(--spacing) * -28); } .top-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 0; } .top-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * .5); top: calc(var(--spacing) * .5); } .top-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: .25rem; top: var(--spacing); } .top-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 3); top: calc(var(--spacing) * 3); } .top-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 4); top: calc(var(--spacing) * 4); } .top-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 10); top: calc(var(--spacing) * 10); } .top-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 12); top: calc(var(--spacing) * 12); } .top-\[4\.5rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 4.5rem; } .top-\[9\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 9%; } .top-\[12\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 12%; } .top-\[43\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 43%; } .top-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 100%; } .-right-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * -20); right: calc(var(--spacing) * -20); } .-right-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * -24); right: calc(var(--spacing) * -24); } .right-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: 0; } .right-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: .25rem; right: var(--spacing); } .right-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 2); right: calc(var(--spacing) * 2); } .right-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 3); right: calc(var(--spacing) * 3); } .right-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 4); right: calc(var(--spacing) * 4); } .right-\[1\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: 1%; } .right-\[2\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: 2%; } .right-\[3\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: 3%; } .right-\[10\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: 10%; } .right-\[12\.5\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: 12.5%; } .right-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: auto; } .-bottom-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * -28); bottom: calc(var(--spacing) * -28); } .-bottom-32:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * -32); bottom: calc(var(--spacing) * -32); } .-bottom-96:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * -96); bottom: calc(var(--spacing) * -96); } .-bottom-125:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * -125); bottom: calc(var(--spacing) * -125); } .bottom-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: 0; } .bottom-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * 4); bottom: calc(var(--spacing) * 4); } .bottom-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * 5); bottom: calc(var(--spacing) * 5); } .bottom-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * 8); bottom: calc(var(--spacing) * 8); } .bottom-\[4\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: 4%; } .bottom-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: 100%; } .-left-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: calc(.25rem * -24); left: calc(var(--spacing) * -24); } .left-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: 0; } .left-1\/2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: 50%; } .left-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: calc(.25rem * 2); left: calc(var(--spacing) * 2); } .left-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: calc(.25rem * 3); left: calc(var(--spacing) * 3); } .left-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: calc(.25rem * 4); left: calc(var(--spacing) * 4); } .left-\[3\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: 3%; } .left-\[8\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: 8%; } .left-\[10\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: 10%; } .left-\[12\.5\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: 12.5%; } .join:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --join-ss: 0; --join-se: 0; --join-es: 0; --join-ee: 0; --join-v: 0; --join-h: 1; align-items: stretch; display: inline-flex; } @scope (.join) { :scope:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(:focus, :has(:focus)) { z-index: 1; } @media (hover: hover) { :scope:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :where(.btn:hover, :has(.btn:hover)) { isolation: isolate; } } :scope:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(:scope > :first-child) { --join-ss: var(--radius-field); --join-se: calc(var(--radius-field) * var(--join-v)); --join-es: calc(var(--radius-field) * var(--join-h)); --join-ee: 0; } :scope:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(:scope > :last-child) { --join-ss: 0; --join-se: calc(var(--radius-field) * var(--join-h)); --join-es: calc(var(--radius-field) * var(--join-v)); --join-ee: var(--radius-field); } :scope:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(:scope > :only-child) { --join-ss: var(--radius-field); --join-se: var(--radius-field); --join-es: var(--radius-field); --join-ee: var(--radius-field); } } .isolate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { isolation: isolate; } .-z-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: calc(10 * -1); } .-z-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: calc(20 * -1); } .z-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 0; } .z-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 1; } .z-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 10; } .z-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 20; } .z-30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 30; } .z-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 50; } .z-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 100; } .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 100%; } @media (min-width: 40rem) { .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 40rem; } } @media (min-width: 48rem) { .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 48rem; } } @media (min-width: 64rem) { .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 64rem; } } @media (min-width: 80rem) { .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 80rem; } } @media (min-width: 96rem) { .container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 96rem; } } .-mx-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-left: calc(.25rem * -4); margin-right: calc(.25rem * -4); margin-left: calc(var(--spacing) * -4); margin-right: calc(var(--spacing) * -4); } .mx-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-left: auto; margin-right: auto; } .my-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: .25rem; margin-bottom: .25rem; margin-top: var(--spacing); margin-bottom: var(--spacing); } .my-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 1.5); margin-bottom: calc(.25rem * 1.5); margin-top: calc(var(--spacing) * 1.5); margin-bottom: calc(var(--spacing) * 1.5); } .my-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 4); margin-bottom: calc(.25rem * 4); margin-top: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 4); } .join-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: solid; border-width: 1px; border-width: var(--border, 1px); border-top-left-radius: var(--join-ss); border-top-right-radius: var(--join-se); border-bottom-right-radius: var(--join-ee); border-bottom-left-radius: var(--join-es); } .join-item:not(:first-child):not(:disabled):not([disabled]):not(.btn-disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(1px * -1 * var(--join-v)); margin-top: calc(var(--border, 1px) * -1 * var(--join-v)); margin-left: calc(1px * -1 * var(--join-h)); margin-left: calc(var(--border, 1px) * -1 * var(--join-h)); } .join-item:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-width: 1px; border-width: var(--border, 1px); border-right-width: calc(1px * var(--join-v)); border-right-width: calc(var(--border, 1px) * var(--join-v)); border-bottom-width: calc(1px * var(--join-h)); border-bottom-width: calc(var(--border, 1px) * var(--join-h)); } .join-item[disabled]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .join-item.btn-disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-width: 1px; border-width: var(--border, 1px); border-right-width: calc(1px * var(--join-v)); border-right-width: calc(var(--border, 1px) * var(--join-v)); border-bottom-width: calc(1px * var(--join-h)); border-bottom-width: calc(var(--border, 1px) * var(--join-h)); } .mt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: 0; } .mt-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * .5); margin-top: calc(var(--spacing) * .5); } .mt-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: .25rem; margin-top: var(--spacing); } .mt-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 1.5); margin-top: calc(var(--spacing) * 1.5); } .mt-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 2); margin-top: calc(var(--spacing) * 2); } .mt-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 3); margin-top: calc(var(--spacing) * 3); } .mt-3\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 3.5); margin-top: calc(var(--spacing) * 3.5); } .mt-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 4); margin-top: calc(var(--spacing) * 4); } .mt-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 5); margin-top: calc(var(--spacing) * 5); } .mt-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 6); margin-top: calc(var(--spacing) * 6); } .mt-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 7); margin-top: calc(var(--spacing) * 7); } .mt-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 8); margin-top: calc(var(--spacing) * 8); } .mt-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 9); margin-top: calc(var(--spacing) * 9); } .mt-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 10); margin-top: calc(var(--spacing) * 10); } .mt-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 12); margin-top: calc(var(--spacing) * 12); } .mt-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 14); margin-top: calc(var(--spacing) * 14); } .mt-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 20); margin-top: calc(var(--spacing) * 20); } .mt-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: auto; } .mr-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-right: .25rem; margin-right: var(--spacing); } .mr-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-right: calc(.25rem * 2); margin-right: calc(var(--spacing) * 2); } .mr-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-right: auto; } .-mb-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: calc(.25rem * -4); margin-bottom: calc(var(--spacing) * -4); } .mb-0\!:not(#\#):not(#\#) { margin-bottom: 0 !important; } .mb-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: .25rem; margin-bottom: var(--spacing); } .mb-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: calc(.25rem * 2); margin-bottom: calc(var(--spacing) * 2); } .mb-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: calc(.25rem * 3); margin-bottom: calc(var(--spacing) * 3); } .mb-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: calc(.25rem * 4); margin-bottom: calc(var(--spacing) * 4); } .mb-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: calc(.25rem * 5); margin-bottom: calc(var(--spacing) * 5); } .mb-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: calc(.25rem * 6); margin-bottom: calc(var(--spacing) * 6); } .ml-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-left: .25rem; margin-left: var(--spacing); } .ml-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-left: calc(.25rem * 3); margin-left: calc(var(--spacing) * 3); } .ml-11:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-left: calc(.25rem * 11); margin-left: calc(var(--spacing) * 11); } .ml-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-left: auto; } .alert:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-width: 1px; border-width: var(--border); border-color: #f4f7f4; border-color: var(--alert-border-color, var(--color-base-200)); } .line-clamp-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: block; } .block\!:not(#\#):not(#\#) { display: block !important; } .contents:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: contents; } .flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: flex; } .grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: grid; } .hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: none; } .inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: inline; } .inline-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: inline-block; } .inline-flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: inline-flex; } .table:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: table; } .aspect-\[4\/3\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { aspect-ratio: 4 / 3; } .aspect-\[608\/784\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { aspect-ratio: 608 / 784; } .aspect-square:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { aspect-ratio: 1; } .aspect-video:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { aspect-ratio: 16 / 9; aspect-ratio: var(--aspect-video); } .size-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: .25rem; width: var(--spacing); height: .25rem; height: var(--spacing); } .size-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 1.5); width: calc(var(--spacing) * 1.5); height: calc(.25rem * 1.5); height: calc(var(--spacing) * 1.5); } .size-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 2); width: calc(var(--spacing) * 2); height: calc(.25rem * 2); height: calc(var(--spacing) * 2); } .size-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 2.5); width: calc(var(--spacing) * 2.5); height: calc(.25rem * 2.5); height: calc(var(--spacing) * 2.5); } .size-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 3); width: calc(var(--spacing) * 3); height: calc(.25rem * 3); height: calc(var(--spacing) * 3); } .size-3\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 3.5); width: calc(var(--spacing) * 3.5); height: calc(.25rem * 3.5); height: calc(var(--spacing) * 3.5); } .size-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 4); width: calc(var(--spacing) * 4); height: calc(.25rem * 4); height: calc(var(--spacing) * 4); } .size-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 5); width: calc(var(--spacing) * 5); height: calc(.25rem * 5); height: calc(var(--spacing) * 5); } .size-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 6); width: calc(var(--spacing) * 6); height: calc(.25rem * 6); height: calc(var(--spacing) * 6); } .size-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 7); width: calc(var(--spacing) * 7); height: calc(.25rem * 7); height: calc(var(--spacing) * 7); } .size-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 8); width: calc(var(--spacing) * 8); height: calc(.25rem * 8); height: calc(var(--spacing) * 8); } .size-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 9); width: calc(var(--spacing) * 9); height: calc(.25rem * 9); height: calc(var(--spacing) * 9); } .size-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 10); width: calc(var(--spacing) * 10); height: calc(.25rem * 10); height: calc(var(--spacing) * 10); } .size-11:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 11); width: calc(var(--spacing) * 11); height: calc(.25rem * 11); height: calc(var(--spacing) * 11); } .size-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 12); width: calc(var(--spacing) * 12); height: calc(.25rem * 12); height: calc(var(--spacing) * 12); } .size-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 14); width: calc(var(--spacing) * 14); height: calc(.25rem * 14); height: calc(var(--spacing) * 14); } .size-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 16); width: calc(var(--spacing) * 16); height: calc(.25rem * 16); height: calc(var(--spacing) * 16); } .size-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 20); width: calc(var(--spacing) * 20); height: calc(.25rem * 20); height: calc(var(--spacing) * 20); } .size-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 24); width: calc(var(--spacing) * 24); height: calc(.25rem * 24); height: calc(var(--spacing) * 24); } .size-32:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 32); width: calc(var(--spacing) * 32); height: calc(.25rem * 32); height: calc(var(--spacing) * 32); } .size-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 36); width: calc(var(--spacing) * 36); height: calc(.25rem * 36); height: calc(var(--spacing) * 36); } .size-72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 72); width: calc(var(--spacing) * 72); height: calc(.25rem * 72); height: calc(var(--spacing) * 72); } .size-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 80); width: calc(var(--spacing) * 80); height: calc(.25rem * 80); height: calc(var(--spacing) * 80); } .size-96:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 96); width: calc(var(--spacing) * 96); height: calc(.25rem * 96); height: calc(var(--spacing) * 96); } .size-192:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 192); width: calc(var(--spacing) * 192); height: calc(.25rem * 192); height: calc(var(--spacing) * 192); } .size-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 200); width: calc(var(--spacing) * 200); height: calc(.25rem * 200); height: calc(var(--spacing) * 200); } .size-\[31\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 31%; height: 31%; } .size-\[clamp\(2\.75rem\,14cqi\,5rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: max(2.75rem, min(14cqi, 5rem)); height: max(2.75rem, min(14cqi, 5rem)); } .size-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 100%; height: 100%; } .h-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * .5); height: calc(var(--spacing) * .5); } .h-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: .25rem; height: var(--spacing); } .h-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 1.5); height: calc(var(--spacing) * 1.5); } .h-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 3); height: calc(var(--spacing) * 3); } .h-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 4); height: calc(var(--spacing) * 4); } .h-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 5); height: calc(var(--spacing) * 5); } .h-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 6); height: calc(var(--spacing) * 6); } .h-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 7); height: calc(var(--spacing) * 7); } .h-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 8); height: calc(var(--spacing) * 8); } .h-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 9); height: calc(var(--spacing) * 9); } .h-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 10); height: calc(var(--spacing) * 10); } .h-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 12); height: calc(var(--spacing) * 12); } .h-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 14); height: calc(var(--spacing) * 14); } .h-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 16); height: calc(var(--spacing) * 16); } .h-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 20); height: calc(var(--spacing) * 20); } .h-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 24); height: calc(var(--spacing) * 24); } .h-32:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 32); height: calc(var(--spacing) * 32); } .h-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 36); height: calc(var(--spacing) * 36); } .h-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 40); height: calc(var(--spacing) * 40); } .h-52:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 52); height: calc(var(--spacing) * 52); } .h-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 80); height: calc(var(--spacing) * 80); } .h-116:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 116); height: calc(var(--spacing) * 116); } .h-\[1em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 1em; } .h-\[30rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 30rem; } .h-\[72\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 72%; } .h-\[calc\(100dvh-4rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(100dvh - 4rem); } .h-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: auto; } .h-auto\!:not(#\#):not(#\#) { height: auto !important; } .h-fit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: -moz-fit-content; height: fit-content; } .h-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 100%; } .h-px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 1px; } .h-screen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 100vh; } .max-h-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 20); max-height: calc(var(--spacing) * 20); } .max-h-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 24); max-height: calc(var(--spacing) * 24); } .max-h-48:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 48); max-height: calc(var(--spacing) * 48); } .max-h-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 56); max-height: calc(var(--spacing) * 56); } .max-h-64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 64); max-height: calc(var(--spacing) * 64); } .max-h-72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 72); max-height: calc(var(--spacing) * 72); } .max-h-96:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 96); max-height: calc(var(--spacing) * 96); } .max-h-120:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 120); max-height: calc(var(--spacing) * 120); } .max-h-136:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 136); max-height: calc(var(--spacing) * 136); } .max-h-\[calc\(100dvh-1rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(100dvh - 1rem); } .max-h-\[calc\(100vh-18rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(100vh - 18rem); } .min-h-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: 0; } .min-h-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 7); min-height: calc(var(--spacing) * 7); } .min-h-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 8); min-height: calc(var(--spacing) * 8); } .min-h-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 9); min-height: calc(var(--spacing) * 9); } .min-h-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 10); min-height: calc(var(--spacing) * 10); } .min-h-11:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 11); min-height: calc(var(--spacing) * 11); } .min-h-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 12); min-height: calc(var(--spacing) * 12); } .min-h-13:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 13); min-height: calc(var(--spacing) * 13); } .min-h-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 14); min-height: calc(var(--spacing) * 14); } .min-h-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 16); min-height: calc(var(--spacing) * 16); } .min-h-18:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 18); min-height: calc(var(--spacing) * 18); } .min-h-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 20); min-height: calc(var(--spacing) * 20); } .min-h-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 24); min-height: calc(var(--spacing) * 24); } .min-h-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 28); min-height: calc(var(--spacing) * 28); } .min-h-30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 30); min-height: calc(var(--spacing) * 30); } .min-h-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 36); min-height: calc(var(--spacing) * 36); } .min-h-48:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 48); min-height: calc(var(--spacing) * 48); } .min-h-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 56); min-height: calc(var(--spacing) * 56); } .min-h-60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 60); min-height: calc(var(--spacing) * 60); } .min-h-64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 64); min-height: calc(var(--spacing) * 64); } .min-h-72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 72); min-height: calc(var(--spacing) * 72); } .min-h-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 80); min-height: calc(var(--spacing) * 80); } .min-h-96:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 96); min-height: calc(var(--spacing) * 96); } .min-h-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 100); min-height: calc(var(--spacing) * 100); } .min-h-104:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 104); min-height: calc(var(--spacing) * 104); } .min-h-120:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 120); min-height: calc(var(--spacing) * 120); } .min-h-124:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 124); min-height: calc(var(--spacing) * 124); } .min-h-132:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 132); min-height: calc(var(--spacing) * 132); } .min-h-144:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 144); min-height: calc(var(--spacing) * 144); } .min-h-\[5\.125rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: 5.125rem; } .min-h-\[calc\(100dvh-4rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(100dvh - 4rem); } .min-h-dvh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: 100dvh; } .min-h-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: 100%; } .min-h-screen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: 100vh; } .w-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 1.5); width: calc(var(--spacing) * 1.5); } .w-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 3); width: calc(var(--spacing) * 3); } .w-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 4); width: calc(var(--spacing) * 4); } .w-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 5); width: calc(var(--spacing) * 5); } .w-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 6); width: calc(var(--spacing) * 6); } .w-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 7); width: calc(var(--spacing) * 7); } .w-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 8); width: calc(var(--spacing) * 8); } .w-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 9); width: calc(var(--spacing) * 9); } .w-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 10); width: calc(var(--spacing) * 10); } .w-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 12); width: calc(var(--spacing) * 12); } .w-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 14); width: calc(var(--spacing) * 14); } .w-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 16); width: calc(var(--spacing) * 16); } .w-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 20); width: calc(var(--spacing) * 20); } .w-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 24); width: calc(var(--spacing) * 24); } .w-32:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 32); width: calc(var(--spacing) * 32); } .w-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 36); width: calc(var(--spacing) * 36); } .w-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 40); width: calc(var(--spacing) * 40); } .w-44:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 44); width: calc(var(--spacing) * 44); } .w-48:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 48); width: calc(var(--spacing) * 48); } .w-52:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 52); width: calc(var(--spacing) * 52); } .w-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 56); width: calc(var(--spacing) * 56); } .w-64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 64); width: calc(var(--spacing) * 64); } .w-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 80); width: calc(var(--spacing) * 80); } .w-80\!:not(#\#):not(#\#) { width: calc(.25rem * 80) !important; width: calc(var(--spacing) * 80) !important; } .w-\[19\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 19%; } .w-\[25\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 25%; } .w-\[28\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 28%; } .w-\[30\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 30%; } .w-\[35\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 35%; } .w-\[40\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 40%; } .w-\[42\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 42%; } .w-\[43\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 43%; } .w-\[48\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 48%; } .w-\[52\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 52%; } .w-\[64vw\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 64vw; } .w-\[70\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 70%; } .w-\[72\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 72%; } .w-\[78\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 78%; } .w-\[84\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 84%; } .w-\[91\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 91%; } .w-\[94\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 94%; } .w-\[calc\(100\%_-_3rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(100% - 3rem); } .w-\[min\(20rem\,calc\(100vw-2rem\)\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: min(20rem, 100vw - 2rem); } .w-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: auto; } .w-fit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: -moz-fit-content; width: fit-content; } .w-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 100%; } .w-full\!:not(#\#):not(#\#) { width: 100% !important; } .w-px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 1px; } .max-w-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 42rem; max-width: var(--container-2xl); } .max-w-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 48rem; max-width: var(--container-3xl); } .max-w-4xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 56rem; max-width: var(--container-4xl); } .max-w-5xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 64rem; max-width: var(--container-5xl); } .max-w-6xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 72rem; max-width: var(--container-6xl); } .max-w-7xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 80rem; max-width: var(--container-7xl); } .max-w-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 28); max-width: calc(var(--spacing) * 28); } .max-w-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 56); max-width: calc(var(--spacing) * 56); } .max-w-60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 60); max-width: calc(var(--spacing) * 60); } .max-w-62:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 62); max-width: calc(var(--spacing) * 62); } .max-w-64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 64); max-width: calc(var(--spacing) * 64); } .max-w-66:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 66); max-width: calc(var(--spacing) * 66); } .max-w-72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 72); max-width: calc(var(--spacing) * 72); } .max-w-124:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 124); max-width: calc(var(--spacing) * 124); } .max-w-136:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 136); max-width: calc(var(--spacing) * 136); } .max-w-152:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 152); max-width: calc(var(--spacing) * 152); } .max-w-156:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 156); max-width: calc(var(--spacing) * 156); } .max-w-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 300); max-width: calc(var(--spacing) * 300); } .max-w-336:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 336); max-width: calc(var(--spacing) * 336); } .max-w-352:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 352); max-width: calc(var(--spacing) * 352); } .max-w-\[24rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 24rem; } .max-w-\[75rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 75rem; } .max-w-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 100%; } .max-w-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 32rem; max-width: var(--container-lg); } .max-w-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 28rem; max-width: var(--container-md); } .max-w-none\!:not(#\#):not(#\#) { max-width: none !important; } .max-w-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 24rem; max-width: var(--container-sm); } .max-w-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 36rem; max-width: var(--container-xl); } .max-w-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 20rem; max-width: var(--container-xs); } .min-w-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: 0; } .min-w-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 8); min-width: calc(var(--spacing) * 8); } .min-w-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 14); min-width: calc(var(--spacing) * 14); } .min-w-23:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 23); min-width: calc(var(--spacing) * 23); } .min-w-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 24); min-width: calc(var(--spacing) * 24); } .min-w-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 36); min-width: calc(var(--spacing) * 36); } .min-w-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 40); min-width: calc(var(--spacing) * 40); } .min-w-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 56); min-width: calc(var(--spacing) * 56); } .min-w-64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 64); min-width: calc(var(--spacing) * 64); } .flex-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex: 1; } .flex-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex: none; } .shrink:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-shrink: 1; } .shrink-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-shrink: 0; } .grow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-grow: 1; } .basis-\[32\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-basis: 32%; } .table-fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { table-layout: fixed; } .origin-bottom:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transform-origin: bottom; } .origin-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transform-origin: top; } .-translate-x-1\/2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: calc((1 / 2 * 100%) * -1) var(--tw-translate-y); translate: calc(calc(1 / 2 * 100%) * -1) var(--tw-translate-y); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-x: 0px; translate: 0px var(--tw-translate-y); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-x: calc(var(--spacing) * 3); translate: calc(.25rem * 3) var(--tw-translate-y); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-x: 100%; translate: 100% var(--tw-translate-y); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-y: 0px; translate: var(--tw-translate-x) 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) calc(.25rem * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) calc(.25rem * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) calc(.25rem * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-y-95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-scale-y: 95%; scale: var(--tw-scale-x) 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-y-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-scale-y: 100%; scale: var(--tw-scale-x) 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .-rotate-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: -3deg; } .rotate-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: 3deg; } .rotate-90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: 90deg; } .rotate-180:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: 180deg; } .rotate-\[-42deg\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: -42deg; } .transform:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transform: ; transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-\[cycle-fill_linear_infinite\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { animation: linear infinite cycle-fill; } .animate-ping:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite; animation: var(--animate-ping); } .cursor-default:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: default; } .cursor-default\!:not(#\#):not(#\#) { cursor: default !important; } .cursor-grab:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: grab; } .cursor-move:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: move; } .cursor-pointer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: pointer; } .cursor-progress:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: progress; } .cursor-se-resize:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: se-resize; } .touch-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { touch-action: none; } .resize:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { resize: both; } .scroll-mt-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scroll-margin-top: calc(.25rem * 8); scroll-margin-top: calc(var(--spacing) * 8); } .scroll-mt-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scroll-margin-top: calc(.25rem * 24); scroll-margin-top: calc(var(--spacing) * 24); } .scroll-mt-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scroll-margin-top: calc(.25rem * 28); scroll-margin-top: calc(var(--spacing) * 28); } .list-disc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { list-style-type: disc; } .list-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { list-style-type: none; } .columns-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -moz-columns: 1; columns: 1; } .break-inside-avoid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .auto-rows-\[8rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-auto-rows: 8rem; } .grid-cols-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1fr_auto\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1fr auto; } .grid-cols-\[4\.5rem_1fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 4.5rem 1fr; } .grid-cols-\[repeat\(auto-fit\,minmax\(7\.5rem\,1fr\)\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); } .flex-col:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: column; } .flex-col-reverse:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: column-reverse; } .flex-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: row; } .flex-nowrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-wrap: nowrap; } .flex-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-wrap: wrap; } .place-items-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: center; justify-items: center; place-items: center; } .content-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-content: flex-start; } .items-baseline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: baseline; } .items-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: center; } .items-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: flex-end; } .items-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: flex-start; } .items-stretch:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: stretch; } .justify-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: space-between; } .justify-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: center; } .justify-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: flex-end; } .justify-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: flex-start; } .gap-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: 0; } .gap-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * .5); gap: calc(var(--spacing) * .5); } .gap-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: .25rem; gap: var(--spacing); } .gap-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 1.5); gap: calc(var(--spacing) * 1.5); } .gap-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 2); gap: calc(var(--spacing) * 2); } .gap-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 2.5); gap: calc(var(--spacing) * 2.5); } .gap-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 3); gap: calc(var(--spacing) * 3); } .gap-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 4); gap: calc(var(--spacing) * 4); } .gap-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 5); gap: calc(var(--spacing) * 5); } .gap-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 6); gap: calc(var(--spacing) * 6); } .gap-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 7); gap: calc(var(--spacing) * 7); } .gap-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 8); gap: calc(var(--spacing) * 8); } .gap-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 10); gap: calc(var(--spacing) * 10); } .gap-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 12); gap: calc(var(--spacing) * 12); } .gap-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 14); gap: calc(var(--spacing) * 14); } .gap-px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: 1px; } :where(.space-y-0\.5 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-space-y-reverse: 0; margin-top: calc((.25rem * .5) * 0); margin-top: calc((var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-top: calc(calc(.25rem * .5) * 0); margin-top: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-bottom: calc((.25rem * .5) * (1 - 0)); margin-bottom: calc((var(--spacing) * .5) * (1 - var(--tw-space-y-reverse))); margin-bottom: calc(calc(.25rem * .5) * calc(1 - 0)); margin-bottom: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * 0); margin-top: calc(var(--spacing) * var(--tw-space-y-reverse)); margin-bottom: calc(.25rem * (1 - 0)); margin-bottom: calc(var(--spacing) * (1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * calc(1 - 0)); margin-bottom: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-space-y-reverse: 0; margin-top: calc((.25rem * 2) * 0); margin-top: calc((var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-top: calc(calc(.25rem * 2) * 0); margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-bottom: calc((.25rem * 2) * (1 - 0)); margin-bottom: calc((var(--spacing) * 2) * (1 - var(--tw-space-y-reverse))); margin-bottom: calc(calc(.25rem * 2) * calc(1 - 0)); margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-space-y-reverse: 0; margin-top: calc((.25rem * 3) * 0); margin-top: calc((var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-top: calc(calc(.25rem * 3) * 0); margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-bottom: calc((.25rem * 3) * (1 - 0)); margin-bottom: calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse))); margin-bottom: calc(calc(.25rem * 3) * calc(1 - 0)); margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-space-y-reverse: 0; margin-top: calc((.25rem * 4) * 0); margin-top: calc((var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-top: calc(calc(.25rem * 4) * 0); margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-bottom: calc((.25rem * 4) * (1 - 0)); margin-bottom: calc((var(--spacing) * 4) * (1 - var(--tw-space-y-reverse))); margin-bottom: calc(calc(.25rem * 4) * calc(1 - 0)); margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -moz-column-gap: calc(.25rem * 3); column-gap: calc(.25rem * 3); -moz-column-gap: calc(var(--spacing) * 3); column-gap: calc(var(--spacing) * 3); } .gap-x-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -moz-column-gap: calc(.25rem * 4); column-gap: calc(.25rem * 4); -moz-column-gap: calc(var(--spacing) * 4); column-gap: calc(var(--spacing) * 4); } .gap-x-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -moz-column-gap: calc(.25rem * 5); column-gap: calc(.25rem * 5); -moz-column-gap: calc(var(--spacing) * 5); column-gap: calc(var(--spacing) * 5); } .gap-x-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -moz-column-gap: calc(.25rem * 8); column-gap: calc(.25rem * 8); -moz-column-gap: calc(var(--spacing) * 8); column-gap: calc(var(--spacing) * 8); } .gap-y-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { row-gap: .25rem; row-gap: var(--spacing); } .gap-y-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { row-gap: calc(.25rem * 2); row-gap: calc(var(--spacing) * 2); } :where(.divide-y > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * 0); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * (1 - 0)); border-bottom-width: calc(1px * (1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * calc(1 - 0)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-base-200 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #f4f7f4; border-color: var(--color-base-200); } .self-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-self: center; } .self-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-self: flex-start; } .self-stretch:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-self: stretch; } .justify-self-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-self: center; } .truncate:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow: auto; } .overflow-hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow: hidden; } .overflow-x-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow-x: auto; } .overflow-x-clip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow-x: clip; } .overflow-x-hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow-x: hidden; } .overflow-y-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow-y: auto; } .rounded:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .25rem; } .rounded-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: 1rem; border-radius: var(--radius-2xl); } .rounded-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: 1.5rem; border-radius: var(--radius-3xl); } .rounded-4xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: 2rem; border-radius: var(--radius-4xl); } .rounded-\[1\.4rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: 1.4rem; } .rounded-\[1\.45rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: 1.45rem; } .rounded-box:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .75rem; border-radius: var(--radius-box); } .rounded-field:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .45rem; border-radius: var(--radius-field); } .rounded-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: 3.40282e38px; } .rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .5rem; border-radius: var(--radius-lg); } .rounded-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .375rem; border-radius: var(--radius-md); } .rounded-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: 0; } .rounded-none\!:not(#\#):not(#\#) { border-radius: 0 !important; } .rounded-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .25rem; border-radius: var(--radius-sm); } .rounded-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .75rem; border-radius: var(--radius-xl); } .rounded-t-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-left-radius: .5rem; border-top-left-radius: var(--radius-lg); border-top-right-radius: .5rem; border-top-right-radius: var(--radius-lg); } .rounded-t-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-left-radius: .375rem; border-top-left-radius: var(--radius-md); border-top-right-radius: .375rem; border-top-right-radius: var(--radius-md); } .rounded-tl-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-left-radius: 1rem; border-top-left-radius: var(--radius-2xl); } .rounded-tr-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-right-radius: 1rem; border-top-right-radius: var(--radius-2xl); } .rounded-b-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-bottom-right-radius: .5rem; border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: .5rem; border-bottom-left-radius: var(--radius-lg); } .border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 1px; } .border-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 0; } .border-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 2px; } .border-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 8px; } .border-\[3rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 3rem; } .border-\[5px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 5px; } .border-x:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-left-style: var(--tw-border-style); border-right-style: var(--tw-border-style); border-left-width: 1px; border-right-width: 1px; } .border-x-0\!:not(#\#):not(#\#) { border-left-style: var(--tw-border-style) !important; border-right-style: var(--tw-border-style) !important; border-left-width: 0 !important; border-right-width: 0 !important; } .border-y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-style: var(--tw-border-style); border-bottom-style: var(--tw-border-style); border-top-width: 1px; border-bottom-width: 1px; } .border-t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-r:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-b-0\!:not(#\#):not(#\#) { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 0 !important; } .border-l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-border-style: dashed; border-style: dashed; } .border-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-border-style: none; border-style: none; } .border-\[\#76a485\]\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(118, 164, 133, 0.15); } .border-\[\#102719\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #102719; } .border-\[\#b9fe0b\]\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(185, 254, 11, 0.3); } .border-accent\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #a22ed9; border-color: var(--color-accent); } @supports (color: color-mix(in lab, red, red)) { .border-accent\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #a22ed9 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-accent\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent); } } } .border-base-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #f4f7f4; border-color: var(--color-base-200); } .border-base-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .border-base-300\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #dfe9e2; border-color: var(--color-base-300); } @supports (color: color-mix(in lab, red, red)) { .border-base-300\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #dfe9e2 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-base-300\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-base-300) 60%, transparent); } } } .border-base-content\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #102019; border-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .border-base-content\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #102019 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-base-content\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } } .border-base-content\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #102019; border-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .border-base-content\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-base-content\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } .border-black\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(0,0,0,0.05098); } @supports (color: color-mix(in lab, red, red)) { .border-black\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #000 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-black\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } } .border-error\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #aa3f31; border-color: var(--color-error); } @supports (color: color-mix(in lab, red, red)) { .border-error\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #aa3f31 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-error\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-error) 20%, transparent); } } } .border-error\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #aa3f31; border-color: var(--color-error); } @supports (color: color-mix(in lab, red, red)) { .border-error\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #aa3f31 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-error\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-error) 40%, transparent); } } } .border-neutral-content\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #fff; border-color: var(--color-neutral-content); } @supports (color: color-mix(in lab, red, red)) { .border-neutral-content\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-neutral-content\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-neutral-content) 15%, transparent); } } } .border-neutral-content\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #fff; border-color: var(--color-neutral-content); } @supports (color: color-mix(in lab, red, red)) { .border-neutral-content\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-neutral-content\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-neutral-content) 20%, transparent); } } } .border-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .border-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } .border-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 15%, transparent); } } } .border-primary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-primary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } } .border-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } } .border-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } .border-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } } .border-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .border-secondary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #ed9b0c; border-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .border-secondary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #ed9b0c 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-secondary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } } .border-white\/8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.07843); } @supports (color: color-mix(in lab, red, red)) { .border-white\/8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 8%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-white\/8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } } .border-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.10196); } @supports (color: color-mix(in lab, red, red)) { .border-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .border-white\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.14902); } @supports (color: color-mix(in lab, red, red)) { .border-white\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-white\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } } .border-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.2); } @supports (color: color-mix(in lab, red, red)) { .border-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } .border-white\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.25098); } @supports (color: color-mix(in lab, red, red)) { .border-white\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-white\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } } .border-white\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.34902); } @supports (color: color-mix(in lab, red, red)) { .border-white\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 35%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-white\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 35%, transparent); } } } .border-white\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.50196); } @supports (color: color-mix(in lab, red, red)) { .border-white\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 50%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-white\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } .border-white\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.6); } @supports (color: color-mix(in lab, red, red)) { .border-white\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .border-white\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } .border-t-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-color: #aa3f31; border-top-color: var(--color-error); } .border-t-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-top-color: #92d050; border-top-color: var(--color-success); } .bg-\[\#4c006f\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #4c006f; } .bg-\[\#073a20\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #073a20; } .bg-\[\#073a20\]\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(7, 58, 32, 0.8); } .bg-\[\#073a20\]\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(7, 58, 32, 0.9); } .bg-\[\#002713\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #002713; } .bg-\[\#102719\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #102719; } .bg-\[\#183525\]\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(24, 53, 37, 0.55); } .bg-\[\#477858\]\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(71, 120, 88, 0.3); } .bg-\[\#b9fe0b\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #b9fe0b; } .bg-\[\#b9fe0b\]\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(185, 254, 11, 0.45); } .bg-\[\#e78945\]\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(231, 137, 69, 0.2); } .bg-\[\#eef3ed\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #eef3ed; } .bg-\[\#f1fbe7\]\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(241, 251, 231, 0.95); } .bg-\[\#f2f5ef\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f2f5ef; } .bg-\[\#f5f8f4\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f5f8f4; } .bg-\[\#f6f8f4\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f6f8f4; } .bg-\[\#f7faf6\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f7faf6; } .bg-\[\#fcf9f8\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fcf9f8; } .bg-accent\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #a22ed9; background-color: var(--color-accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #a22ed9 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-accent\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } } .bg-accent\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #a22ed9; background-color: var(--color-accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #a22ed9 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-accent\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-accent) 30%, transparent); } } } .bg-accent\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #a22ed9; background-color: var(--color-accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #a22ed9 35%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-accent\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-accent) 35%, transparent); } } } .bg-base-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-base-100\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-base-100); } @supports (color: color-mix(in lab, red, red)) { .bg-base-100\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-base-100\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-100) 40%, transparent); } } } .bg-base-100\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-base-100); } @supports (color: color-mix(in lab, red, red)) { .bg-base-100\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 95%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-base-100\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-100) 95%, transparent); } } } .bg-base-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-base-200\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f4f7f4; background-color: var(--color-base-200); } @supports (color: color-mix(in lab, red, red)) { .bg-base-200\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #f4f7f4 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-base-200\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-200) 30%, transparent); } } } .bg-base-200\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f4f7f4; background-color: var(--color-base-200); } @supports (color: color-mix(in lab, red, red)) { .bg-base-200\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #f4f7f4 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-base-200\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-200) 40%, transparent); } } } .bg-base-200\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f4f7f4; background-color: var(--color-base-200); } @supports (color: color-mix(in lab, red, red)) { .bg-base-200\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #f4f7f4 50%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-base-200\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent); } } } .bg-base-200\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f4f7f4; background-color: var(--color-base-200); } @supports (color: color-mix(in lab, red, red)) { .bg-base-200\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #f4f7f4 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-base-200\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-200) 60%, transparent); } } } .bg-base-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #dfe9e2; background-color: var(--color-base-300); } .bg-base-content\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #102019; background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .bg-base-content\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #102019 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-base-content\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-content) 30%, transparent); } } } .bg-cyan-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgb(0, 145, 179); background-color: color(display-p3 0.19325 0.56465 0.7072); background-color: var(--color-cyan-600); } .bg-emerald-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgb(0, 185, 129); background-color: color(display-p3 0.26711 0.72685 0.5084); background-color: var(--color-emerald-500); } .bg-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-error\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #aa3f31; background-color: var(--color-error); } @supports (color: color-mix(in lab, red, red)) { .bg-error\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #aa3f31 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-error\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-error) 5%, transparent); } } } .bg-error\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #aa3f31; background-color: var(--color-error); } @supports (color: color-mix(in lab, red, red)) { .bg-error\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #aa3f31 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-error\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-error) 10%, transparent); } } } .bg-gray-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgb(74, 85, 101); background-color: var(--color-gray-600); } .bg-info:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-info\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #76a485; background-color: var(--color-info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #76a485 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-info\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-info) 10%, transparent); } } } .bg-info\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #76a485; background-color: var(--color-info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #76a485 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-info\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } } .bg-neutral:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #00321a; background-color: var(--color-neutral); } .bg-neutral-content\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-neutral-content); } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-content\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-neutral-content\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-neutral-content) 5%, transparent); } } } .bg-neutral-content\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-neutral-content); } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-content\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-neutral-content\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-neutral-content) 10%, transparent); } } } .bg-neutral\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #00321a; background-color: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .bg-neutral\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #00321a 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-neutral\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-neutral) 25%, transparent); } } } .bg-neutral\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #00321a; background-color: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .bg-neutral\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #00321a 50%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-neutral\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-neutral) 50%, transparent); } } } .bg-neutral\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #00321a; background-color: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .bg-neutral\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #00321a 85%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-neutral\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-neutral) 85%, transparent); } } } .bg-neutral\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #00321a; background-color: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .bg-neutral\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #00321a 95%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-neutral\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-neutral) 95%, transparent); } } } .bg-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } .bg-primary-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-primary-content); } .bg-primary\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-primary\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } } .bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } .bg-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 15%, transparent); } } } .bg-primary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-primary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } } .bg-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } } .bg-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } .bg-primary\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 80%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-primary\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } .bg-primary\/\[0\.035\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/\[0\.035\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 3.5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-primary\/\[0\.035\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 3.5%, transparent); } } } .bg-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-secondary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #ed9b0c; background-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #ed9b0c 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-secondary\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent); } } } .bg-secondary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #ed9b0c; background-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #ed9b0c 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-secondary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-secondary) 15%, transparent); } } } .bg-secondary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #ed9b0c; background-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #ed9b0c 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-secondary\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } } .bg-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-success\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #92d050; background-color: var(--color-success); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #92d050 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-success\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } } .bg-success\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #92d050; background-color: var(--color-success); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #92d050 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-success\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } } .bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(0,0,0,0); } .bg-warning:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .bg-warning\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #aa720c; background-color: var(--color-warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #aa720c 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-warning\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } } .bg-warning\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #aa720c; background-color: var(--color-warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #aa720c 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-warning\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-warning) 15%, transparent); } } } .bg-white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-white); } .bg-white\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(255,255,255,0.05098); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-white\/5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } .bg-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(255,255,255,0.10196); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-white\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .bg-white\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(255,255,255,0.14902); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-white\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } } .bg-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(255,255,255,0.2); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-white\/20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } .bg-white\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(255,255,255,0.94902); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 95%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .bg-white\/95:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } } .bg-linear-to-l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-position: to left; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-position: to left in oklab; } } .bg-linear-to-l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-r:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-position: to right; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-r:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-position: to right in oklab; } } .bg-linear-to-r:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-position: to top; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-position: to top in oklab; } } .bg-linear-to-t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[linear-gradient\(135deg\,rgba\(237\,155\,12\,0\.12\)\,transparent_42\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(135deg, rgba(237,155,12,0.12157), rgba(0,0,0,0) 42%); } .bg-\[linear-gradient\(color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,radial-gradient\(circle_at_15\%_10\%\,color-mix\(in_oklab\,var\(--color-secondary\)_24\%\,transparent\)\,transparent_32\%\)\,radial-gradient\(circle_at_90\%_75\%\,color-mix\(in_oklab\,var\(--color-primary-content\)_10\%\,transparent\)\,transparent_34\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px),radial-gradient(circle at 15% 10%,#ed9b0c,transparent 32%),radial-gradient(circle at 90% 75%,#fff,transparent 34%); background-image: linear-gradient(var(--color-neutral-content) 1px,transparent 1px),linear-gradient(90deg,var(--color-neutral-content) 1px,transparent 1px),radial-gradient(circle at 15% 10%,var(--color-secondary),transparent 32%),radial-gradient(circle at 90% 75%,var(--color-primary-content),transparent 34%); } @supports (color: color-mix(in lab, red, red)) { .bg-\[linear-gradient\(color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,radial-gradient\(circle_at_15\%_10\%\,color-mix\(in_oklab\,var\(--color-secondary\)_24\%\,transparent\)\,transparent_32\%\)\,radial-gradient\(circle_at_90\%_75\%\,color-mix\(in_oklab\,var\(--color-primary-content\)_10\%\,transparent\)\,transparent_34\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(color-mix(in oklab,#fff 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,#fff 4%,transparent) 1px,transparent 1px),radial-gradient(circle at 15% 10%,color-mix(in oklab,#ed9b0c 24%,transparent),transparent 32%),radial-gradient(circle at 90% 75%,color-mix(in oklab,#fff 10%,transparent),transparent 34%); } @supports (color: color-mix(in lch, red, blue)) { .bg-\[linear-gradient\(color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,radial-gradient\(circle_at_15\%_10\%\,color-mix\(in_oklab\,var\(--color-secondary\)_24\%\,transparent\)\,transparent_32\%\)\,radial-gradient\(circle_at_90\%_75\%\,color-mix\(in_oklab\,var\(--color-primary-content\)_10\%\,transparent\)\,transparent_34\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(color-mix(in oklab,var(--color-neutral-content) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--color-neutral-content) 4%,transparent) 1px,transparent 1px),radial-gradient(circle at 15% 10%,color-mix(in oklab,var(--color-secondary) 24%,transparent),transparent 32%),radial-gradient(circle at 90% 75%,color-mix(in oklab,var(--color-primary-content) 10%,transparent),transparent 34%); } } } .bg-\[linear-gradient\(color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,radial-gradient\(circle_at_top_left\,color-mix\(in_oklab\,var\(--color-secondary\)_24\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_88\%_80\%\,color-mix\(in_oklab\,var\(--color-primary-content\)_10\%\,transparent\)\,transparent_34\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px),radial-gradient(circle at top left,#ed9b0c,transparent 34%),radial-gradient(circle at 88% 80%,#fff,transparent 34%); background-image: linear-gradient(var(--color-neutral-content) 1px,transparent 1px),linear-gradient(90deg,var(--color-neutral-content) 1px,transparent 1px),radial-gradient(circle at top left,var(--color-secondary),transparent 34%),radial-gradient(circle at 88% 80%,var(--color-primary-content),transparent 34%); } @supports (color: color-mix(in lab, red, red)) { .bg-\[linear-gradient\(color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,radial-gradient\(circle_at_top_left\,color-mix\(in_oklab\,var\(--color-secondary\)_24\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_88\%_80\%\,color-mix\(in_oklab\,var\(--color-primary-content\)_10\%\,transparent\)\,transparent_34\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(color-mix(in oklab,#fff 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,#fff 4%,transparent) 1px,transparent 1px),radial-gradient(circle at top left,color-mix(in oklab,#ed9b0c 24%,transparent),transparent 34%),radial-gradient(circle at 88% 80%,color-mix(in oklab,#fff 10%,transparent),transparent 34%); } @supports (color: color-mix(in lch, red, blue)) { .bg-\[linear-gradient\(color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_oklab\,var\(--color-neutral-content\)_4\%\,transparent\)_1px\,transparent_1px\)\,radial-gradient\(circle_at_top_left\,color-mix\(in_oklab\,var\(--color-secondary\)_24\%\,transparent\)\,transparent_34\%\)\,radial-gradient\(circle_at_88\%_80\%\,color-mix\(in_oklab\,var\(--color-primary-content\)_10\%\,transparent\)\,transparent_34\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(color-mix(in oklab,var(--color-neutral-content) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--color-neutral-content) 4%,transparent) 1px,transparent 1px),radial-gradient(circle at top left,color-mix(in oklab,var(--color-secondary) 24%,transparent),transparent 34%),radial-gradient(circle at 88% 80%,color-mix(in oklab,var(--color-primary-content) 10%,transparent),transparent 34%); } } } .bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.035\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.035\)_1px\,transparent_1px\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(rgba(255,255,255,0.03529) 1px, rgba(0,0,0,0) 1px), linear-gradient(90deg, rgba(255,255,255,0.03529) 1px, rgba(0,0,0,0) 1px); } .bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.045\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.045\)_1px\,transparent_1px\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: linear-gradient(rgba(255,255,255,0.04314) 1px, rgba(0,0,0,0) 1px), linear-gradient(90deg, rgba(255,255,255,0.04314) 1px, rgba(0,0,0,0) 1px); } .bg-\[radial-gradient\(circle_at_50\%_55\%\,rgba\(185\,254\,11\,0\.1\)\,transparent_38\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: radial-gradient(circle at 50% 55%, rgba(185,254,11,0.10196), rgba(0,0,0,0) 38%); } .bg-\[radial-gradient\(circle_at_80\%_15\%\,rgba\(185\,254\,11\,0\.18\)\,transparent_34\%\)\,radial-gradient\(circle_at_15\%_90\%\,rgba\(237\,155\,12\,0\.18\)\,transparent_36\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: radial-gradient(circle at 80% 15%, rgba(185,254,11,0.18039), rgba(0,0,0,0) 34%), radial-gradient(circle at 15% 90%, rgba(237,155,12,0.18039), rgba(0,0,0,0) 36%); } .bg-\[radial-gradient\(circle_at_80\%_25\%\,rgba\(185\,254\,11\,0\.12\)\,transparent_30\%\)\,radial-gradient\(circle_at_15\%_80\%\,rgba\(237\,155\,12\,0\.16\)\,transparent_28\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: radial-gradient(circle at 80% 25%, rgba(185,254,11,0.12157), rgba(0,0,0,0) 30%), radial-gradient(circle at 15% 80%, rgba(237,155,12,0.16078), rgba(0,0,0,0) 28%); } .bg-\[radial-gradient\(circle_at_85\%_18\%\,rgba\(185\,254\,11\,0\.14\)\,transparent_30\%\)\,radial-gradient\(circle_at_12\%_90\%\,rgba\(237\,155\,12\,0\.2\)\,transparent_32\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: radial-gradient(circle at 85% 18%, rgba(185,254,11,0.14118), rgba(0,0,0,0) 30%), radial-gradient(circle at 12% 90%, rgba(237,155,12,0.2), rgba(0,0,0,0) 32%); } .bg-\[radial-gradient\(circle_at_85\%_20\%\,rgba\(185\,254\,11\,0\.1\)\,transparent_28\%\)\,radial-gradient\(circle_at_10\%_85\%\,rgba\(237\,155\,12\,0\.14\)\,transparent_27\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: radial-gradient(circle at 85% 20%, rgba(185,254,11,0.10196), rgba(0,0,0,0) 28%), radial-gradient(circle at 10% 85%, rgba(237,155,12,0.14118), rgba(0,0,0,0) 27%); } .bg-\[radial-gradient\(circle_at_86\%_18\%\,rgba\(185\,254\,11\,0\.1\)\,transparent_28\%\)\,radial-gradient\(circle_at_12\%_88\%\,rgba\(237\,155\,12\,0\.15\)\,transparent_30\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: radial-gradient(circle at 86% 18%, rgba(185,254,11,0.10196), rgba(0,0,0,0) 28%), radial-gradient(circle at 12% 88%, rgba(237,155,12,0.14902), rgba(0,0,0,0) 30%); } .bg-\[repeating-linear-gradient\(to_bottom\,transparent_0_23px\,\#e7ece8_24px\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: repeating-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 23px, #e7ece8 24px); background-image: repeating-linear-gradient(rgba(0,0,0,0) 0 23px, #e7ece8 24px); } .bg-\[repeating-linear-gradient\(to_bottom\,transparent_0_37px\,\#e7ece8_38px\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-image: repeating-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 37px, #e7ece8 38px); background-image: repeating-linear-gradient(rgba(0,0,0,0) 0 37px, #e7ece8 38px); } .from-neutral\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-from: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .from-neutral\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-from: color-mix(in oklab, var(--color-neutral) 75%, transparent); } } .from-neutral\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --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-neutral\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-from: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .from-neutral\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-from: color-mix(in oklab, var(--color-neutral) 90%, transparent); } } .from-neutral\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-from: var(--color-secondary); --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-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-from: transparent; --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)); } .via-\[\#76a485\]\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-via: rgba(118, 164, 133, 0.6); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[\#b9fe0b\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-via: #b9fe0b; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-neutral\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-via: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .via-neutral\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-via: color-mix(in oklab, var(--color-neutral) 10%, transparent); } } .via-neutral\/10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-neutral\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-via: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .via-neutral\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-via: color-mix(in oklab, var(--color-neutral) 45%, transparent); } } .via-neutral\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-to: var(--color-primary); --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)); } .to-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-to: var(--color-secondary); --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)); } .to-transparent:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-gradient-to: transparent; --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-\[linear-gradient\(to_bottom\,black\,transparent_90\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-mask-image: linear-gradient(#000, rgba(0,0,0,0) 90%); mask-image: linear-gradient(#000, rgba(0,0,0,0) 90%); } .mask-\[linear-gradient\(to_bottom\,black\,transparent_92\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-mask-image: linear-gradient(#000, rgba(0,0,0,0) 92%); mask-image: linear-gradient(#000, rgba(0,0,0,0) 92%); } .mask-\[linear-gradient\(to_bottom\,black\,transparent_95\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-mask-image: linear-gradient(#000, rgba(0,0,0,0) 95%); mask-image: linear-gradient(#000, rgba(0,0,0,0) 95%); } .mask-\[linear-gradient\(to_bottom\,transparent\,black_25\%\,black_78\%\,transparent\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-mask-image: linear-gradient(rgba(0,0,0,0), #000 25%,#000 78%, rgba(0,0,0,0)); -webkit-mask-image: linear-gradient(rgba(0,0,0,0), #000 25% 78%, rgba(0,0,0,0)); mask-image: linear-gradient(rgba(0,0,0,0), #000 25%,#000 78%, rgba(0,0,0,0)); mask-image: linear-gradient(rgba(0,0,0,0), #000 25% 78%, rgba(0,0,0,0)); } .bg-size-\[42px_42px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-size: 42px 42px; } .bg-size-\[56px_56px\,56px_56px\,auto\,auto\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-size: 56px 56px, 56px 56px, auto, auto; } .bg-size-\[64px_64px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-size: 64px 64px; } .bg-position-\[0_0\,0_0\,0_0\,0_0\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-position: 0 0, 0 0, 0 0, 0 0; } .fill-current:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { fill: currentColor; } .stroke-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { stroke-width: 2px; } .object-contain:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -o-object-fit: contain; object-fit: contain; } .object-cover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -o-object-fit: cover; object-fit: cover; } .object-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -o-object-position: top; object-position: top; } .p-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: 0; } .p-0\!:not(#\#):not(#\#) { padding: 0 !important; } .p-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: .25rem; padding: var(--spacing); } .p-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 1.5); padding: calc(var(--spacing) * 1.5); } .p-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 2); padding: calc(var(--spacing) * 2); } .p-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 2.5); padding: calc(var(--spacing) * 2.5); } .p-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 3); padding: calc(var(--spacing) * 3); } .p-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 4); padding: calc(var(--spacing) * 4); } .p-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 5); padding: calc(var(--spacing) * 5); } .p-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 6); padding: calc(var(--spacing) * 6); } .p-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 7); padding: calc(var(--spacing) * 7); } .p-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 8); padding: calc(var(--spacing) * 8); } .p-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 10); padding: calc(var(--spacing) * 10); } .p-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 12); padding: calc(var(--spacing) * 12); } .px-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: 0; padding-right: 0; } .px-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: .25rem; padding-right: .25rem; padding-left: var(--spacing); padding-right: var(--spacing); } .px-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 2); padding-right: calc(.25rem * 2); padding-left: calc(var(--spacing) * 2); padding-right: calc(var(--spacing) * 2); } .px-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 2.5); padding-right: calc(.25rem * 2.5); padding-left: calc(var(--spacing) * 2.5); padding-right: calc(var(--spacing) * 2.5); } .px-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 3); padding-right: calc(.25rem * 3); padding-left: calc(var(--spacing) * 3); padding-right: calc(var(--spacing) * 3); } .px-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 4); padding-right: calc(.25rem * 4); padding-left: calc(var(--spacing) * 4); padding-right: calc(var(--spacing) * 4); } .px-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 5); padding-right: calc(.25rem * 5); padding-left: calc(var(--spacing) * 5); padding-right: calc(var(--spacing) * 5); } .px-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 6); padding-right: calc(.25rem * 6); padding-left: calc(var(--spacing) * 6); padding-right: calc(var(--spacing) * 6); } .px-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 7); padding-right: calc(.25rem * 7); padding-left: calc(var(--spacing) * 7); padding-right: calc(var(--spacing) * 7); } .px-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 10); padding-right: calc(.25rem * 10); padding-left: calc(var(--spacing) * 10); padding-right: calc(var(--spacing) * 10); } .py-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: .25rem; padding-bottom: .25rem; padding-top: var(--spacing); padding-bottom: var(--spacing); } .py-1\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 1.5); padding-bottom: calc(.25rem * 1.5); padding-top: calc(var(--spacing) * 1.5); padding-bottom: calc(var(--spacing) * 1.5); } .py-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 2); padding-bottom: calc(.25rem * 2); padding-top: calc(var(--spacing) * 2); padding-bottom: calc(var(--spacing) * 2); } .py-2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 2.5); padding-bottom: calc(.25rem * 2.5); padding-top: calc(var(--spacing) * 2.5); padding-bottom: calc(var(--spacing) * 2.5); } .py-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 3); padding-bottom: calc(.25rem * 3); padding-top: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 3); } .py-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 4); padding-bottom: calc(.25rem * 4); padding-top: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 4); } .py-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 6); padding-bottom: calc(.25rem * 6); padding-top: calc(var(--spacing) * 6); padding-bottom: calc(var(--spacing) * 6); } .py-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 8); padding-bottom: calc(.25rem * 8); padding-top: calc(var(--spacing) * 8); padding-bottom: calc(var(--spacing) * 8); } .py-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 10); padding-bottom: calc(.25rem * 10); padding-top: calc(var(--spacing) * 10); padding-bottom: calc(var(--spacing) * 10); } .py-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 12); padding-bottom: calc(.25rem * 12); padding-top: calc(var(--spacing) * 12); padding-bottom: calc(var(--spacing) * 12); } .py-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 16); padding-bottom: calc(.25rem * 16); padding-top: calc(var(--spacing) * 16); padding-bottom: calc(var(--spacing) * 16); } .py-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 20); padding-bottom: calc(.25rem * 20); padding-top: calc(var(--spacing) * 20); padding-bottom: calc(var(--spacing) * 20); } .py-22:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 22); padding-bottom: calc(.25rem * 22); padding-top: calc(var(--spacing) * 22); padding-bottom: calc(var(--spacing) * 22); } .pt-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: .25rem; padding-top: var(--spacing); } .pt-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 2); padding-top: calc(var(--spacing) * 2); } .pt-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 3); padding-top: calc(var(--spacing) * 3); } .pt-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 4); padding-top: calc(var(--spacing) * 4); } .pt-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 5); padding-top: calc(var(--spacing) * 5); } .pt-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 6); padding-top: calc(var(--spacing) * 6); } .pt-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 8); padding-top: calc(var(--spacing) * 8); } .pt-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 10); padding-top: calc(var(--spacing) * 10); } .pt-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 14); padding-top: calc(var(--spacing) * 14); } .pt-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 16); padding-top: calc(var(--spacing) * 16); } .pt-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 28); padding-top: calc(var(--spacing) * 28); } .pt-32:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 32); padding-top: calc(var(--spacing) * 32); } .pt-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 36); padding-top: calc(var(--spacing) * 36); } .pr-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-right: .25rem; padding-right: var(--spacing); } .pr-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-right: calc(.25rem * 2); padding-right: calc(var(--spacing) * 2); } .pr-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-right: calc(.25rem * 3); padding-right: calc(var(--spacing) * 3); } .pr-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-right: calc(.25rem * 8); padding-right: calc(var(--spacing) * 8); } .pr-\[54\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-right: 54%; } .pb-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: .25rem; padding-bottom: var(--spacing); } .pb-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 2); padding-bottom: calc(var(--spacing) * 2); } .pb-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 3); padding-bottom: calc(var(--spacing) * 3); } .pb-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 4); padding-bottom: calc(var(--spacing) * 4); } .pb-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 5); padding-bottom: calc(var(--spacing) * 5); } .pb-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 6); padding-bottom: calc(var(--spacing) * 6); } .pb-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 7); padding-bottom: calc(var(--spacing) * 7); } .pb-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 12); padding-bottom: calc(var(--spacing) * 12); } .pb-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 16); padding-bottom: calc(var(--spacing) * 16); } .pb-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 20); padding-bottom: calc(var(--spacing) * 20); } .pb-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 24); padding-bottom: calc(var(--spacing) * 24); } .pl-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 2); padding-left: calc(var(--spacing) * 2); } .pl-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 4); padding-left: calc(var(--spacing) * 4); } .pl-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 5); padding-left: calc(var(--spacing) * 5); } .pl-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 6); padding-left: calc(var(--spacing) * 6); } .text-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-align: center; } .text-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-align: left; } .text-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-align: right; } .align-\[-0\.2rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { vertical-align: -.2rem; } .align-middle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { vertical-align: middle; } .align-top:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { vertical-align: top; } .font-\[Blinker\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-family: Blinker; } .font-mono:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-family: var(--font-mono); } .font-sans:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { 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-family: var(--font-sans); } .text-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.5rem; font-size: var(--text-2xl); line-height: calc(2 / 1.5); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.875rem; font-size: var(--text-3xl); line-height: calc(2.25 / 1.875); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 2.25rem; font-size: var(--text-4xl); line-height: calc(2.5 / 2.25); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 3rem; font-size: var(--text-5xl); line-height: 1; line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-9xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 8rem; font-size: var(--text-9xl); line-height: 1; line-height: var(--tw-leading, var(--text-9xl--line-height)); } .text-base:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1rem; font-size: var(--text-base); line-height: calc(1.5 / 1); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.125rem; font-size: var(--text-lg); line-height: calc(1.75 / 1.125); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .875rem; font-size: var(--text-sm); line-height: calc(1.25 / .875); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.25rem; font-size: var(--text-xl); line-height: calc(1.75 / 1.25); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .75rem; font-size: var(--text-xs); line-height: calc(1 / .75); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.5rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .5rem; } .text-\[0\.6rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .6rem; } .text-\[0\.7rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .7rem; } .text-\[0\.8rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .8rem; } .text-\[0\.45rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .45rem; } .text-\[0\.48rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .48rem; } .text-\[0\.52rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .52rem; } .text-\[0\.55rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .55rem; } .text-\[0\.58rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .58rem; } .text-\[0\.62rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .62rem; } .text-\[0\.65rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .65rem; } .text-\[0\.68rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .68rem; } .text-\[0\.74rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .74rem; } .text-\[1\.05rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.05rem; } .text-\[clamp\(1\.04rem\,1\.3vw\,1\.16rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: max(1.04rem, min(1.3vw, 1.16rem)); } .text-\[clamp\(1rem\,3cqi\,1\.25rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: max(1rem, min(3cqi, 1.25rem)); } .text-\[clamp\(1rem\,5cqi\,2\.25rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: max(1rem, min(5cqi, 2.25rem)); } .text-\[clamp\(2\.9rem\,10vw\,4\.5rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: max(2.9rem, min(10vw, 4.5rem)); } .text-\[clamp\(2\.25rem\,6vw\,4rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: max(2.25rem, min(6vw, 4rem)); } .text-\[clamp\(2\.65rem\,10vw\,3\.2rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: max(2.65rem, min(10vw, 3.2rem)); } .leading-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: calc(var(--spacing) * 4); line-height: calc(.25rem * 4); line-height: calc(var(--spacing) * 4); } .leading-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: calc(var(--spacing) * 5); line-height: calc(.25rem * 5); line-height: calc(var(--spacing) * 5); } .leading-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: calc(var(--spacing) * 6); line-height: calc(.25rem * 6); line-height: calc(var(--spacing) * 6); } .leading-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: calc(var(--spacing) * 7); line-height: calc(.25rem * 7); line-height: calc(var(--spacing) * 7); } .leading-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: calc(var(--spacing) * 8); line-height: calc(.25rem * 8); line-height: calc(var(--spacing) * 8); } .leading-\[0\.92\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: .92; line-height: .92; } .leading-\[0\.94\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: .94; line-height: .94; } .leading-\[0\.96\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: .96; line-height: .96; } .leading-\[0\.98\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: .98; line-height: .98; } .leading-\[1\.03\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: 1.03; line-height: 1.03; } .leading-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: 1; line-height: 1; } .leading-relaxed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: var(--leading-relaxed); line-height: 1.625; line-height: var(--leading-relaxed); } .leading-tight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: var(--leading-tight); line-height: 1.25; line-height: var(--leading-tight); } .font-black:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-font-weight: var(--font-weight-black); font-weight: 900; font-weight: var(--font-weight-black); } .font-bold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-font-weight: var(--font-weight-bold); font-weight: 700; font-weight: var(--font-weight-bold); } .font-extrabold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-font-weight: var(--font-weight-extrabold); font-weight: 800; font-weight: var(--font-weight-extrabold); } .font-medium:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-font-weight: var(--font-weight-medium); font-weight: 500; font-weight: var(--font-weight-medium); } .font-normal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-font-weight: var(--font-weight-normal); font-weight: 400; font-weight: var(--font-weight-normal); } .font-semibold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-font-weight: var(--font-weight-semibold); font-weight: 600; font-weight: var(--font-weight-semibold); } .tracking-\[-0\.04em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: -.04em; letter-spacing: -.04em; } .tracking-\[-0\.06em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: -.06em; letter-spacing: -.06em; } .tracking-\[-0\.08em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: -.08em; letter-spacing: -.08em; } .tracking-\[-0\.035em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: -.035em; letter-spacing: -.035em; } .tracking-\[-0\.045em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: -.045em; letter-spacing: -.045em; } .tracking-\[-0\.055em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: -.055em; letter-spacing: -.055em; } .tracking-\[0\.08em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: .08em; letter-spacing: .08em; } .tracking-\[0\.12em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: .12em; letter-spacing: .12em; } .tracking-\[0\.13em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: .13em; letter-spacing: .13em; } .tracking-\[0\.14em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: .14em; letter-spacing: .14em; } .tracking-\[0\.15em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: .15em; letter-spacing: .15em; } .tracking-\[0\.16em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: .16em; letter-spacing: .16em; } .tracking-\[0\.18em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: .18em; letter-spacing: .18em; } .tracking-\[0\.545em\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: .545em; letter-spacing: .545em; } .tracking-tight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: var(--tracking-tight); letter-spacing: -.025em; letter-spacing: var(--tracking-tight); } .tracking-tighter:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: var(--tracking-tighter); letter-spacing: -.05em; letter-spacing: var(--tracking-tighter); } .tracking-wide:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: var(--tracking-wide); letter-spacing: .025em; letter-spacing: var(--tracking-wide); } .tracking-widest:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-tracking: var(--tracking-widest); letter-spacing: .1em; letter-spacing: var(--tracking-widest); } .text-balance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-wrap: balance; } .text-nowrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-wrap: nowrap; } .text-pretty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-wrap: pretty; } .wrap-break-word:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { word-wrap: break-word; } .break-all:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { word-break: break-all; } .whitespace-normal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { white-space: normal; } .whitespace-nowrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { white-space: nowrap; } .text-\[\#4c006f\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #4c006f; } .text-\[\#4d9b19\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #4d9b19; } .text-\[\#76a485\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #76a485; } .text-\[\#91aa99\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #91aa99; } .text-\[\#183525\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #183525; } .text-\[\#536258\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #536258; } .text-\[\#aa720c\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #aa720c; } .text-\[\#b9d1c1\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #b9d1c1; } .text-\[\#b9fe0b\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #b9fe0b; } .text-\[\#d2e2d7\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #d2e2d7; } .text-\[\#e3caee\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #e3caee; } .text-base-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .text-base-content\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 25%, transparent); } } } .text-base-content\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 30%, transparent); } } } .text-base-content\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 35%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 35%, transparent); } } } .text-base-content\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } } .text-base-content\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 45%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 45%, transparent); } } } .text-base-content\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 50%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 50%, transparent); } } } .text-base-content\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 55%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 55%, transparent); } } } .text-base-content\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 60%, transparent); } } } .text-base-content\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 65%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 65%, transparent); } } } .text-base-content\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 70%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 70%, transparent); } } } .text-base-content\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 75%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 75%, transparent); } } } .text-base-content\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #102019 80%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-base-content\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-base-content) 80%, transparent); } } } .text-error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #aa3f31; color: var(--color-error); } .text-error-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-error-content); } .text-gray-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgb(74, 85, 101); color: var(--color-gray-600); } .text-info:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #76a485; color: var(--color-info); } .text-neutral:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #00321a; color: var(--color-neutral); } .text-neutral-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: oklch(43.9% 0 none); color: var(--color-neutral-600); } .text-neutral-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .text-neutral-content\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-neutral-content); } @supports (color: color-mix(in lab, red, red)) { .text-neutral-content\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 75%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-neutral-content\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-neutral-content) 75%, transparent); } } } .text-neutral-content\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-neutral-content); } @supports (color: color-mix(in lab, red, red)) { .text-neutral-content\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 80%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-neutral-content\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-neutral-content) 80%, transparent); } } } .text-neutral-content\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-neutral-content); } @supports (color: color-mix(in lab, red, red)) { .text-neutral-content\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 85%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-neutral-content\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-neutral-content) 85%, transparent); } } } .text-neutral\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #00321a; color: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .text-neutral\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #00321a 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-neutral\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-neutral) 60%, transparent); } } } .text-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } .text-primary-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-primary-content); } .text-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #0c4324 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-primary\/15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-primary) 15%, transparent); } } } .text-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #0c4324 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-primary\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } } .text-primary\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #0c4324 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-primary\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-primary) 60%, transparent); } } } .text-primary\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #0c4324 65%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-primary\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-primary) 65%, transparent); } } } .text-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #ed9b0c; color: var(--color-secondary); } .text-secondary-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #241800; color: var(--color-secondary-content); } .text-success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #92d050; color: var(--color-success); } .text-success-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0b2105; color: var(--color-success-content); } .text-warning:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .text-warning\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #aa720c; color: var(--color-warning); } @supports (color: color-mix(in lab, red, red)) { .text-warning\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #aa720c 70%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-warning\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-warning) 70%, transparent); } } } .text-white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-white); } .text-white\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.25098); } @supports (color: color-mix(in lab, red, red)) { .text-white\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/25:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 25%, transparent); } } } .text-white\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.34902); } @supports (color: color-mix(in lab, red, red)) { .text-white\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 35%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/35:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 35%, transparent); } } } .text-white\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.45098); } @supports (color: color-mix(in lab, red, red)) { .text-white\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 45%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/45:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 45%, transparent); } } } .text-white\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.50196); } @supports (color: color-mix(in lab, red, red)) { .text-white\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 50%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } .text-white\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.54902); } @supports (color: color-mix(in lab, red, red)) { .text-white\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 55%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 55%, transparent); } } } .text-white\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.6); } @supports (color: color-mix(in lab, red, red)) { .text-white\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } .text-white\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.65098); } @supports (color: color-mix(in lab, red, red)) { .text-white\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 65%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 65%, transparent); } } } .text-white\/68:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.67843); } @supports (color: color-mix(in lab, red, red)) { .text-white\/68:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 68%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/68:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 68%, transparent); } } } .text-white\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.70196); } @supports (color: color-mix(in lab, red, red)) { .text-white\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 70%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } .text-white\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.74902); } @supports (color: color-mix(in lab, red, red)) { .text-white\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 75%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } } .text-white\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.8); } @supports (color: color-mix(in lab, red, red)) { .text-white\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 80%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } .text-white\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.85098); } @supports (color: color-mix(in lab, red, red)) { .text-white\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 85%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/85:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } } .text-white\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgba(255,255,255,0.90196); } @supports (color: color-mix(in lab, red, red)) { .text-white\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, #fff 90%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .text-white\/90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } } .uppercase:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-transform: uppercase; } .italic:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-style: italic; } .tabular-nums:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-numeric-spacing: tabular-nums; font-feature-settings: tabular-nums ; font-feature-settings: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); font-variant-numeric: tabular-nums ; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .no-underline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-line: none; } .underline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-line: underline; } .decoration-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-color: #0c4324; text-decoration-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .decoration-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-color: color-mix(in oklab, #0c4324 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .decoration-primary\/40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } } .decoration-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-color: #ed9b0c; text-decoration-color: var(--color-secondary); } .decoration-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-thickness: 2px; } .underline-offset-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-underline-offset: 4px; } .underline-offset-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-underline-offset: 8px; } .opacity-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: 0; } .opacity-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: .4; } .opacity-50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: .5; } .opacity-60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: .6; } .opacity-65:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: .65; } .opacity-70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: .7; } .opacity-90:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: .9; } .opacity-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: 1; } .opacity-\[0\.1\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: .1; } .opacity-\[0\.06\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { opacity: .06; } .shadow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0,0,0,0.10196), 0 1px 2px -1px rgba(0,0,0,0.10196); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(0,0,0,0.25098)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 25px 50px -12px rgba(0,0,0,0.25098); 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_0_6rem_rgba\(255\,255\,255\,0\.018\)\,0_0_0_12rem_rgba\(255\,255\,255\,0\.012\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 0 0 6rem var(--tw-shadow-color, rgba(255,255,255,0.01961)), 0 0 0 12rem var(--tw-shadow-color, rgba(255,255,255,0.01176)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 0 6rem rgba(255,255,255,0.01961), 0 0 0 12rem rgba(255,255,255,0.01176); 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_0_60px_rgba\(255\,255\,255\,\.025\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 0 0 60px var(--tw-shadow-color, rgba(255,255,255,0.02353)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 0 60px rgba(255,255,255,0.02353); 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_0_100px_rgba\(118\,164\,133\,\.025\)\,0_0_0_200px_rgba\(118\,164\,133\,\.015\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 0 0 100px var(--tw-shadow-color, rgba(118,164,133,0.02353)), 0 0 0 200px var(--tw-shadow-color, rgba(118,164,133,0.01569)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 0 100px rgba(118,164,133,0.02353), 0 0 0 200px rgba(118,164,133,0.01569); 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_rgba\(185\,254\,11\,\.35\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 0 2rem var(--tw-shadow-color, rgba(185,254,11,0.34902)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 2rem rgba(185,254,11,0.34902); 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_28px_rgba\(237\,155\,12\,0\.18\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 0 28px var(--tw-shadow-color, rgba(237,155,12,0.18039)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 28px rgba(237,155,12,0.18039); 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_1\.5rem_3rem_rgba\(0\,0\,0\,0\.4\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 1.5rem 3rem var(--tw-shadow-color, rgba(0,0,0,0.4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1.5rem 3rem rgba(0,0,0,0.4); 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_8px_14px_-12px_rgba\(4\,48\,25\,0\.65\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 8px 14px -12px var(--tw-shadow-color, rgba(4,48,25,0.65098)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 8px 14px -12px rgba(4,48,25,0.65098); 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_10px_18px_-10px_rgba\(0\,0\,0\,0\.72\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 10px 18px -10px var(--tw-shadow-color, rgba(0,0,0,0.72157)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 18px -10px rgba(0,0,0,0.72157); 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_12px_36px_rgba\(4\,48\,25\,0\.06\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 12px 36px var(--tw-shadow-color, rgba(4,48,25,0.05882)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 12px 36px rgba(4,48,25,0.05882); 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_12px_40px_rgba\(0\,0\,0\,0\.24\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 12px 40px var(--tw-shadow-color, rgba(0,0,0,0.23922)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 12px 40px rgba(0,0,0,0.23922); 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_16px_36px_rgba\(0\,0\,0\,0\.24\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 16px 36px var(--tw-shadow-color, rgba(0,0,0,0.23922)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 16px 36px rgba(0,0,0,0.23922); 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_16px_45px_rgba\(4\,48\,25\,0\.1\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 16px 45px var(--tw-shadow-color, rgba(4,48,25,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 16px 45px rgba(4,48,25,0.10196); 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_16px_45px_rgba\(4\,48\,25\,0\.07\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 16px 45px var(--tw-shadow-color, rgba(4,48,25,0.07059)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 16px 45px rgba(4,48,25,0.07059); 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_18px_55px_rgba\(4\,48\,25\,0\.08\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 18px 55px var(--tw-shadow-color, rgba(4,48,25,0.07843)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 18px 55px rgba(4,48,25,0.07843); 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_20px_60px_rgba\(4\,48\,25\,0\.09\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(4,48,25,0.0902)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 20px 60px rgba(4,48,25,0.0902); 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_20px_65px_rgba\(4\,48\,25\,0\.08\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 20px 65px var(--tw-shadow-color, rgba(4,48,25,0.07843)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 20px 65px rgba(4,48,25,0.07843); 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_22px_65px_rgba\(0\,0\,0\,0\.18\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 22px 65px var(--tw-shadow-color, rgba(0,0,0,0.18039)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 22px 65px rgba(0,0,0,0.18039); 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_22px_65px_rgba\(4\,48\,25\,0\.1\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 22px 65px var(--tw-shadow-color, rgba(4,48,25,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 22px 65px rgba(4,48,25,0.10196); 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_22px_65px_rgba\(4\,48\,25\,0\.12\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 22px 65px var(--tw-shadow-color, rgba(4,48,25,0.12157)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 22px 65px rgba(4,48,25,0.12157); 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_22px_65px_rgba\(76\,0\,111\,0\.22\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 22px 65px var(--tw-shadow-color, rgba(76,0,111,0.21961)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 22px 65px rgba(76,0,111,0.21961); 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_22px_65px_rgba\(76\,0\,111\,0\.24\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 22px 65px var(--tw-shadow-color, rgba(76,0,111,0.23922)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 22px 65px rgba(76,0,111,0.23922); 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_24px_70px_rgba\(4\,48\,25\,0\.1\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 24px 70px var(--tw-shadow-color, rgba(4,48,25,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 24px 70px rgba(4,48,25,0.10196); 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_24px_70px_rgba\(4\,48\,25\,0\.12\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 24px 70px var(--tw-shadow-color, rgba(4,48,25,0.12157)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 24px 70px rgba(4,48,25,0.12157); 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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 15px -3px rgba(0,0,0,0.10196), 0 4px 6px -4px rgba(0,0,0,0.10196); 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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0,0,0,0.10196), 0 2px 4px -2px rgba(0,0,0,0.10196); 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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 0 rgba(0,0,0,0); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0); 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\!:not(#\#):not(#\#) { --tw-shadow: 0 0 rgba(0,0,0,0) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0,0,0,0.10196), 0 1px 2px -1px rgba(0,0,0,0.10196); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 20px 25px -5px rgba(0,0,0,0.10196), 0 8px 10px -6px rgba(0,0,0,0.10196); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-base-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-color: var(--color-base-100); } .ring-base-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-color: var(--color-base-300); } .ring-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } .blur-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-blur: blur(var(--blur-3xl)); filter: blur(64px) ; 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-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgba(0,0,0,0.14902))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); filter: drop-shadow(0 25px 25px rgba(0,0,0,0.14902)); 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-\[0_1\.5rem_1\.5rem_rgba\(0\,0\,0\,\.28\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-drop-shadow-size: drop-shadow(0 1.5rem 1.5rem var(--tw-drop-shadow-color, rgba(0,0,0,0.27843))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: drop-shadow(0 1.5rem 1.5rem rgba(0,0,0,0.27843)); 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-\[0_1\.25rem_1\.5rem_rgba\(0\,0\,0\,0\.42\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-drop-shadow-size: drop-shadow(0 1.25rem 1.5rem var(--tw-drop-shadow-color, rgba(0,0,0,0.41961))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: drop-shadow(0 1.5rem 1.5rem rgba(0,0,0,0.27843)); 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:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { filter: ; filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .backdrop-blur-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-backdrop-blur: blur(var(--blur-2xl)); backdrop-filter: blur(40px) ; 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-blur-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: blur(8px) ; backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { 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, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,color\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: background-color, color; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[filter\,transform\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: filter, transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[filter\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[min-height\,border-radius\,background-color\,box-shadow\,backdrop-filter\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: min-height, border-radius, background-color, box-shadow, backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,transform\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: opacity, transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[padding-right\,transform\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: padding-right, transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[padding\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: padding; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,background-color\,border-color\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, background-color, border-color; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,background-color\,box-shadow\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, background-color, box-shadow; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,background-color\,color\,border-color\,box-shadow\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, background-color, color, border-color, box-shadow; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,border-color\,background-color\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, border-color, background-color; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,box-shadow\,background-color\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, box-shadow, background-color; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,box-shadow\,border-color\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, box-shadow, border-color; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,box-shadow\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, box-shadow; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,opacity\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { 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: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: box-shadow; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: transform, translate, scale, rotate; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-duration: .15s; transition-duration: .15s; } .duration-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-duration: .2s; transition-duration: .2s; } .duration-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-duration: .3s; transition-duration: .3s; } .duration-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-duration: .5s; transition-duration: .5s; } .duration-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-duration: .7s; transition-duration: .7s; } .ease-out:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ease: var(--ease-out); transition-timing-function: cubic-bezier(0, 0, .2, 1); transition-timing-function: var(--ease-out); } .outline-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-outline-style: none; outline-style: none; } .select-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .\[clip-path\:polygon\(0_0\,96\%_0\,100\%_50\%\,96\%_100\%\,0_100\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { clip-path: polygon(0 0, 96% 0, 100% 50%, 96% 100%, 0 100%); } .block-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: .25rem; height: var(--spacing); } [open]:where(.group):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block { display: block; } :where(.group):popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block { display: block; } :where(.group):open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block { display: block; } [open]:where(.group):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hidden { display: none; } :where(.group):popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hidden { display: none; } :where(.group):open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hidden { display: none; } [open]:where(.group):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:bg-transparent { background-color: rgba(0,0,0,0); } :where(.group):popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:bg-transparent { background-color: rgba(0,0,0,0); } :where(.group):open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:bg-transparent { background-color: rgba(0,0,0,0); } @media (hover: hover) { :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * .5); translate: calc(.25rem * .5) var(--tw-translate-y); translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:translate-x-1 { --tw-translate-x: var(--spacing); translate: .25rem var(--tw-translate-y); translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) calc(.25rem * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) calc(.25rem * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:translate-y-1 { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) .25rem; translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: 105% 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:scale-\[1\.02\] { scale: 1.02; } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:scale-\[1\.03\] { scale: 1.03; } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:scale-\[1\.015\] { scale: 1.015; } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:border-primary\/25 { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:border-primary\/25 { border-color: color-mix(in oklab, #0c4324 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:border-primary\/25 { border-color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:bg-base-100 { background-color: #fff; background-color: var(--color-base-100); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:bg-neutral\/10 { background-color: #00321a; background-color: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:bg-neutral\/10 { background-color: color-mix(in oklab, #00321a 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:bg-neutral\/10 { background-color: color-mix(in oklab, var(--color-neutral) 10%, transparent); } } } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:bg-primary\/20 { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:bg-primary\/20 { background-color: color-mix(in oklab, #0c4324 20%, transparent); } @supports (color: color-mix(in lch, red, blue)) { :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:bg-primary\/20 { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:opacity-100 { opacity: 1; } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:brightness-110 { --tw-brightness: brightness(110%); filter: brightness(110%) ; 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, ); } } :where(.group):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-focus-visible\:translate-x-0 { --tw-translate-x: 0px; translate: 0px var(--tw-translate-y); translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-focus-visible\:-translate-y-8 { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) calc(.25rem * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-focus-visible\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-focus-visible\:scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: 105% 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } :where(.group):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-focus-visible\:scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: 150% 150%; scale: var(--tw-scale-x) var(--tw-scale-y); } :where(.group):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-focus-visible\:opacity-100 { opacity: 1; } .selection\:bg-\[\#b9fe0b\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-selection { background-color: #b9fe0b; } .selection\:bg-\[\#b9fe0b\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::selection { background-color: #b9fe0b; } .selection\:bg-\[\#b9fe0b\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-selection { background-color: #b9fe0b; } .selection\:bg-\[\#b9fe0b\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::selection { background-color: #b9fe0b; } .selection\:text-neutral:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::-moz-selection { color: #00321a; color: var(--color-neutral); } .selection\:text-neutral:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ::selection { color: #00321a; color: var(--color-neutral); } .selection\:text-neutral:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-moz-selection { color: #00321a; color: var(--color-neutral); } .selection\:text-neutral:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::selection { color: #00321a; color: var(--color-neutral); } .before\:w-48:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { content: var(--tw-content); width: calc(.25rem * 48); width: calc(var(--spacing) * 48); } .before\:max-w-\[min\(12rem\,calc\(100vw-2\.5rem\)\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { content: var(--tw-content); max-width: min(12rem, 100vw - 2.5rem); } .before\:text-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { content: var(--tw-content); text-align: left; } .before\:leading-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { content: var(--tw-content); --tw-leading: calc(var(--spacing) * 5); line-height: calc(.25rem * 5); line-height: calc(var(--spacing) * 5); } .before\:whitespace-normal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { content: var(--tw-content); white-space: normal; } .after\:absolute:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); position: absolute; } .after\:bottom-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); bottom: 0; } .after\:left-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); left: 0; } .after\:h-0\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); height: calc(.25rem * .5); height: calc(var(--spacing) * .5); } .after\:w-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); width: 100%; } .after\:origin-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); transform-origin: 100%; } .after\:scale-x-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); --tw-scale-x: 0%; scale: 0% var(--tw-scale-y); scale: var(--tw-scale-x) var(--tw-scale-y); } .after\:scale-x-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); --tw-scale-x: 100%; scale: 100% var(--tw-scale-y); scale: var(--tw-scale-x) var(--tw-scale-y); } .after\:bg-secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); background-color: #ed9b0c; background-color: var(--color-secondary); } .after\:transition-transform:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: .15s; transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:duration-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s; } .after\:ease-out:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); --tw-ease: var(--ease-out); transition-timing-function: cubic-bezier(0, 0, .2, 1); transition-timing-function: var(--ease-out); } .first\:pt-0:first-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: 0; } .last\:mb-0:last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: 0; } .last\:border-0:last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 0; } .last\:border-b-0:last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last\:pb-0:last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: 0; } .focus-within\:outline-2:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-within\:outline-offset-2:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-offset: 2px; } .focus-within\:outline-primary:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-color: #0c4324; outline-color: var(--color-primary); } @media (hover: hover) { .hover\:-translate-y-0\.5:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) calc(.25rem * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:-translate-y-1:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) calc(.25rem * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:-translate-y-2:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) calc(.25rem * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:scale-110:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: 110% 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-\[1\.01\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scale: 1.01; } .hover\:scale-\[1\.015\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { scale: 1.015; } .hover\:-rotate-1:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: -1deg; } .hover\:rotate-1:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: 1deg; } .hover\:border-base-content\/15:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #102019; border-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-base-content\/15:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #102019 15%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:border-base-content\/15:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-base-content) 15%, transparent); } } } .hover\:border-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .hover\:border-primary\/25:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/25:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 25%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:border-primary\/25:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } } .hover\:border-primary\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:border-primary\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } .hover\:border-primary\/40:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/40:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 40%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:border-primary\/40:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } } .hover\:border-primary\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #0c4324 50%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:border-primary\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } } .hover\:border-white:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #fff; border-color: var(--color-white); } .hover\:border-white\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.30196); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 30%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:border-white\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } .hover\:border-white\/35:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.34902); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/35:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 35%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:border-white\/35:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 35%, transparent); } } } .hover\:border-white\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: rgba(255,255,255,0.50196); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, #fff 50%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:border-white\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } .hover\:bg-\[\#f7ad2b\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f7ad2b; } .hover\:bg-base-200:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .hover\:bg-base-200\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f4f7f4; background-color: var(--color-base-200); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-base-200\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #f4f7f4 50%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:bg-base-200\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent); } } } .hover\:bg-base-200\/60:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #f4f7f4; background-color: var(--color-base-200); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-base-200\/60:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #f4f7f4 60%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:bg-base-200\/60:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-200) 60%, transparent); } } } .hover\:bg-base-300:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .hover\:bg-base-300\/70:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #dfe9e2; background-color: var(--color-base-300); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-base-300\/70:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #dfe9e2 70%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:bg-base-300\/70:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-base-300) 70%, transparent); } } } .hover\:bg-error\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #aa3f31; background-color: var(--color-error); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-error\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #aa3f31 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:bg-error\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-error) 10%, transparent); } } } .hover\:bg-primary\/5:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/5:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:bg-primary\/5:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } } .hover\:bg-primary\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:bg-primary\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } .hover\:bg-white:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #fff; background-color: var(--color-white); } .hover\:bg-white\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgba(255,255,255,0.10196); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #fff 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .hover\:bg-white\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .hover\:text-\[\#b9fe0b\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #b9fe0b; } .hover\:text-base-content:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #102019; color: var(--color-base-content); } .hover\:text-error:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #aa3f31; color: var(--color-error); } .hover\:text-neutral:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #00321a; color: var(--color-neutral); } .hover\:text-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #0c4324; color: var(--color-primary); } .hover\:text-white:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: #fff; color: var(--color-white); } .hover\:underline:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-decoration-line: underline; } .hover\:underline-offset-2:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-underline-offset: 2px; } .hover\:shadow-2xl:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(0,0,0,0.25098)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 25px 50px -12px rgba(0,0,0,0.25098); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_10px_34px_rgba\(237\,155\,12\,0\.3\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 10px 34px var(--tw-shadow-color, rgba(237,155,12,0.30196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 34px rgba(237,155,12,0.30196); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_12px_32px_rgba\(237\,155\,12\,0\.28\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 12px 32px var(--tw-shadow-color, rgba(237,155,12,0.27843)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 12px 32px rgba(237,155,12,0.27843); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_14px_32px_rgba\(237\,155\,12\,\.22\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 14px 32px var(--tw-shadow-color, rgba(237,155,12,0.21961)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 14px 32px rgba(237,155,12,0.21961); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_24px_65px_rgba\(4\,48\,25\,0\.16\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 24px 65px var(--tw-shadow-color, rgba(4,48,25,0.16078)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 24px 65px rgba(4,48,25,0.16078); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_26px_70px_rgba\(4\,48\,25\,0\.14\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 26px 70px var(--tw-shadow-color, rgba(4,48,25,0.14118)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 26px 70px rgba(4,48,25,0.14118); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_28px_75px_rgba\(4\,48\,25\,0\.16\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 28px 75px var(--tw-shadow-color, rgba(4,48,25,0.16078)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 28px 75px rgba(4,48,25,0.16078); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_28px_75px_rgba\(4\,48\,25\,0\.18\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 28px 75px var(--tw-shadow-color, rgba(4,48,25,0.18039)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 28px 75px rgba(4,48,25,0.18039); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.26\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 30px 80px var(--tw-shadow-color, rgba(0,0,0,0.25882)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 30px 80px rgba(0,0,0,0.25882); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-lg:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 15px -3px rgba(0,0,0,0.10196), 0 4px 6px -4px rgba(0,0,0,0.10196); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-md:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0,0,0,0.10196), 0 2px 4px -2px rgba(0,0,0,0.10196); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-xl:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 20px 25px -5px rgba(0,0,0,0.10196), 0 8px 10px -6px rgba(0,0,0,0.10196); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:brightness-110:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-brightness: brightness(110%); filter: brightness(110%) ; 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, ); } .hover\:drop-shadow-\[0_1\.75rem_1\.75rem_rgba\(0\,0\,0\,\.34\)\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-drop-shadow-size: drop-shadow(0 1.75rem 1.75rem var(--tw-drop-shadow-color, rgba(0,0,0,0.34118))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: drop-shadow(0 1.5rem 1.5rem rgba(0,0,0,0.27843)); 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, ); } [open]:where(.group):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: rgba(255,255,255,0.10196); } :where(.group):popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: rgba(255,255,255,0.10196); } :where(.group):open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: rgba(255,255,255,0.10196); } @supports (color: color-mix(in lab, red, red)) { [open]:where(.group):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: color-mix(in oklab, #fff 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { [open]:where(.group):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } :where(.group):popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: color-mix(in oklab, #fff 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { :where(.group):popover-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } :where(.group):open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: color-mix(in oklab, #fff 10%, transparent); } @supports (color: color-mix(in lch, red, blue)) { :where(.group):open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .hover\:after\:origin-left:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); transform-origin: 0; } .hover\:after\:scale-x-100:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); --tw-scale-x: 100%; scale: 100% var(--tw-scale-y); scale: var(--tw-scale-x) var(--tw-scale-y); } } .focus\:not-sr-only:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .focus\:border-primary:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } .focus\:ring-1:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --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); } .focus\:ring-primary:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-color: var(--color-primary); } .focus\:outline-none:focus:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-outline-style: none; outline-style: none; } .focus-visible\:z-10:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: 10; } .focus-visible\:ring-2:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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); } .focus-visible\:ring-secondary:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-color: var(--color-secondary); } .focus-visible\:outline-2:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-offset: 2px; } .focus-visible\:outline-primary:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { outline-color: #0c4324; outline-color: var(--color-primary); } .focus-visible\:ring-inset:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-ring-inset: inset; } .active\:cursor-grabbing:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { cursor: grabbing; } .has-checked\:border-primary:has(:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #0c4324; border-color: var(--color-primary); } .has-checked\:bg-primary\/5:has(:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #0c4324; background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .has-checked\:bg-primary\/5:has(:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, #0c4324 5%, transparent); } @supports (color: color-mix(in lch, red, blue)) { .has-checked\:bg-primary\/5:has(:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } } @media (prefers-reduced-motion: no-preference) { .motion-safe\:animate-\[bounce_700ms_ease-out_1\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { animation: .7s ease-out bounce; } .motion-safe\:animate-\[ping_1s_ease-out_1\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { animation: 1s ease-out ping; } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:transform-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transform: none; } .motion-reduce\:transition-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { transition-property: none; } .motion-reduce\:after\:transition-none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { content: var(--tw-content); transition-property: none; } } @media (min-width: 40rem) { .sm\:inset-x-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: 0; right: 0; } .sm\:top-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 5); top: calc(var(--spacing) * 5); } .sm\:top-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: auto; } .sm\:-right-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * -5); right: calc(var(--spacing) * -5); } .sm\:right-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: 0; } .sm\:right-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 3); right: calc(var(--spacing) * 3); } .sm\:right-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 5); right: calc(var(--spacing) * 5); } .sm\:bottom-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: 0; } .sm\:-left-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: calc(.25rem * -3); left: calc(var(--spacing) * -3); } .sm\:-left-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: calc(.25rem * -4); left: calc(var(--spacing) * -4); } .sm\:left-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: calc(.25rem * 4); left: calc(var(--spacing) * 4); } .sm\:left-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { left: auto; } .sm\:col-span-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-column: span 2 / span 2; } .sm\:mt-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 28); margin-top: calc(var(--spacing) * 28); } .sm\:mr-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-right: calc(.25rem * 2); margin-right: calc(var(--spacing) * 2); } .sm\:ml-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-left: auto; } .sm\:block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: block; } .sm\:flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: flex; } .sm\:hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: none; } .sm\:inline-flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: inline-flex; } .sm\:size-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 3); width: calc(var(--spacing) * 3); height: calc(.25rem * 3); height: calc(var(--spacing) * 3); } .sm\:size-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 5); width: calc(var(--spacing) * 5); height: calc(.25rem * 5); height: calc(var(--spacing) * 5); } .sm\:h-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 20); height: calc(var(--spacing) * 20); } .sm\:h-96:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 96); height: calc(var(--spacing) * 96); } .sm\:h-px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 1px; } .sm\:max-h-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-height: calc(.25rem * 24); max-height: calc(var(--spacing) * 24); } .sm\:min-h-64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 64); min-height: calc(var(--spacing) * 64); } .sm\:min-h-105:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 105); min-height: calc(var(--spacing) * 105); } .sm\:min-h-136:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 136); min-height: calc(var(--spacing) * 136); } .sm\:min-h-160:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 160); min-height: calc(var(--spacing) * 160); } .sm\:min-h-\[25rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: 25rem; } .sm\:w-48:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 48); width: calc(var(--spacing) * 48); } .sm\:w-54:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 54); width: calc(var(--spacing) * 54); } .sm\:w-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 56); width: calc(var(--spacing) * 56); } .sm\:w-60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 60); width: calc(var(--spacing) * 60); } .sm\:w-\[24\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 24%; } .sm\:w-\[34\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 34%; } .sm\:w-\[38\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 38%; } .sm\:w-\[68\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 68%; } .sm\:w-\[76vw\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 76vw; } .sm\:w-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: auto; } .sm\:max-w-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 56); max-width: calc(var(--spacing) * 56); } .sm\:max-w-64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 64); max-width: calc(var(--spacing) * 64); } .sm\:max-w-78:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 78); max-width: calc(var(--spacing) * 78); } .sm\:max-w-176:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 176); max-width: calc(var(--spacing) * 176); } .sm\:max-w-\[18rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 18rem; } .sm\:max-w-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 28rem; max-width: var(--container-md); } .sm\:min-w-30:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 30); min-width: calc(var(--spacing) * 30); } .sm\:min-w-44:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 44); min-width: calc(var(--spacing) * 44); } .sm\:min-w-\[min\(14rem\,100\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: min(14rem, 100%); } .sm\:table-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { table-layout: auto; } .sm\:translate-x-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-x: 0px; translate: 0px var(--tw-translate-y); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:translate-y-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) calc(.25rem * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:rotate-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: 0deg; } .sm\:grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-\[0\.9fr_1\.1fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .9fr 1.1fr; } .sm\:grid-cols-\[1\.25fr_0\.75fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1.25fr .75fr; } .sm\:grid-cols-\[1fr_0\.7fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1fr .7fr; } .sm\:grid-cols-\[1fr_auto_1fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1fr auto 1fr; } .sm\:grid-cols-\[5\.5rem_1fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 5.5rem 1fr; } .sm\:grid-cols-\[auto_1fr_auto_1fr_auto\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: auto 1fr auto 1fr auto; } .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: minmax(0, 1fr) auto auto; } .sm\:flex-col:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: column; } .sm\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: row; } .sm\:flex-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-wrap: wrap; } .sm\:items-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: center; } .sm\:items-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: flex-end; } .sm\:items-stretch:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: stretch; } .sm\:justify-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: space-between; } .sm\:justify-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: flex-end; } .sm\:gap-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 2); gap: calc(var(--spacing) * 2); } .sm\:gap-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 4); gap: calc(var(--spacing) * 4); } .sm\:gap-\[clamp\(0\.75rem\,3cqi\,1\.25rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: max(.75rem, min(3cqi, 1.25rem)); } .sm\:self-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-self: auto; } .sm\:self-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-self: center; } .sm\:justify-self-stretch:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-self: stretch; } .sm\:border-\[7px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 7px; } .sm\:p-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 3); padding: calc(var(--spacing) * 3); } .sm\:p-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 4); padding: calc(var(--spacing) * 4); } .sm\:p-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 5); padding: calc(var(--spacing) * 5); } .sm\:p-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 6); padding: calc(var(--spacing) * 6); } .sm\:p-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 7); padding: calc(var(--spacing) * 7); } .sm\:p-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 8); padding: calc(var(--spacing) * 8); } .sm\:p-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 9); padding: calc(var(--spacing) * 9); } .sm\:p-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 10); padding: calc(var(--spacing) * 10); } .sm\:p-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 12); padding: calc(var(--spacing) * 12); } .sm\:px-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 2); padding-right: calc(.25rem * 2); padding-left: calc(var(--spacing) * 2); padding-right: calc(var(--spacing) * 2); } .sm\:px-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 3); padding-right: calc(.25rem * 3); padding-left: calc(var(--spacing) * 3); padding-right: calc(var(--spacing) * 3); } .sm\:px-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 4); padding-right: calc(.25rem * 4); padding-left: calc(var(--spacing) * 4); padding-right: calc(var(--spacing) * 4); } .sm\:px-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 6); padding-right: calc(.25rem * 6); padding-left: calc(var(--spacing) * 6); padding-right: calc(var(--spacing) * 6); } .sm\:py-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 10); padding-bottom: calc(.25rem * 10); padding-top: calc(var(--spacing) * 10); padding-bottom: calc(var(--spacing) * 10); } .sm\:py-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 16); padding-bottom: calc(.25rem * 16); padding-top: calc(var(--spacing) * 16); padding-bottom: calc(var(--spacing) * 16); } .sm\:py-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 20); padding-bottom: calc(.25rem * 20); padding-top: calc(var(--spacing) * 20); padding-bottom: calc(var(--spacing) * 20); } .sm\:py-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 24); padding-bottom: calc(.25rem * 24); padding-top: calc(var(--spacing) * 24); padding-bottom: calc(var(--spacing) * 24); } .sm\:py-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 28); padding-bottom: calc(.25rem * 28); padding-top: calc(var(--spacing) * 28); padding-bottom: calc(var(--spacing) * 28); } .sm\:pt-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 2); padding-top: calc(var(--spacing) * 2); } .sm\:pt-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 12); padding-top: calc(var(--spacing) * 12); } .sm\:pt-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 20); padding-top: calc(var(--spacing) * 20); } .sm\:pt-34:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 34); padding-top: calc(var(--spacing) * 34); } .sm\:pt-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 40); padding-top: calc(var(--spacing) * 40); } .sm\:pt-44:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 44); padding-top: calc(var(--spacing) * 44); } .sm\:pb-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 5); padding-bottom: calc(var(--spacing) * 5); } .sm\:pb-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 6); padding-bottom: calc(var(--spacing) * 6); } .sm\:pb-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 14); padding-bottom: calc(var(--spacing) * 14); } .sm\:pb-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 20); padding-bottom: calc(var(--spacing) * 20); } .sm\:pb-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 28); padding-bottom: calc(var(--spacing) * 28); } .sm\:text-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { text-align: left; } .sm\:text-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.875rem; font-size: var(--text-3xl); line-height: calc(2.25 / 1.875); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .sm\:text-4xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 2.25rem; font-size: var(--text-4xl); line-height: calc(2.5 / 2.25); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 3rem; font-size: var(--text-5xl); line-height: 1; line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 4.5rem; font-size: var(--text-7xl); line-height: 1; line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-base:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1rem; font-size: var(--text-base); line-height: calc(1.5 / 1); line-height: var(--tw-leading, var(--text-base--line-height)); } .sm\:text-lg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.125rem; font-size: var(--text-lg); line-height: calc(1.75 / 1.125); line-height: var(--tw-leading, var(--text-lg--line-height)); } .sm\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .875rem; font-size: var(--text-sm); line-height: calc(1.25 / .875); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:text-xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.25rem; font-size: var(--text-xl); line-height: calc(1.75 / 1.25); line-height: var(--tw-leading, var(--text-xl--line-height)); } .sm\:text-\[0\.55rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: .55rem; } .sm\:text-\[clamp\(3\.1rem\,7vw\,3\.8rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: max(3.1rem, min(7vw, 3.8rem)); } .sm\:leading-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: calc(var(--spacing) * 5); line-height: calc(.25rem * 5); line-height: calc(var(--spacing) * 5); } .sm\:leading-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: calc(var(--spacing) * 6); line-height: calc(.25rem * 6); line-height: calc(var(--spacing) * 6); } @media (hover: hover) { :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sm\:group-hover\:-translate-y-8 { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) calc(.25rem * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sm\:group-hover\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sm\:group-hover\:scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: 105% 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sm\:group-hover\:scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: 150% 150%; scale: var(--tw-scale-x) var(--tw-scale-y); } :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sm\:group-hover\:opacity-100 { opacity: 1; } } :where(.group):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sm\:group-focus-visible\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } :where(.group):focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .sm\:group-focus-visible\:opacity-100 { opacity: 1; } @media (hover: hover) { .sm\:hover\:bg-\[\#e2ebdf\]:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: #e2ebdf; } } } @media (min-width: 48rem) { .md\:top-\[22\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: 22%; } .md\:right-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 3); right: calc(var(--spacing) * 3); } .md\:bottom-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: auto; } .md\:col-span-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-column: span 2 / span 2; } .md\:hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: none; } .md\:inline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: inline; } .md\:aspect-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { aspect-ratio: auto; } .md\:h-52:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 52); height: calc(var(--spacing) * 52); } .md\:h-\[calc\(100dvh-4rem\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(100dvh - 4rem); } .md\:h-full:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: 100%; } .md\:min-h-180:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 180); min-height: calc(var(--spacing) * 180); } .md\:w-\[30\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 30%; } .md\:w-\[36\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 36%; } .md\:w-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: auto; } .md\:max-w-2xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 42rem; max-width: var(--container-2xl); } .md\:min-w-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 36); min-width: calc(var(--spacing) * 36); } .md\:flex-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex: 1; } .md\:grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(160px\,24\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: minmax(0, 1fr) minmax(160px, 24%); } .md\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: row; } .md\:items-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: center; } .md\:items-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: flex-start; } .md\:justify-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: space-between; } .md\:gap-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 10); gap: calc(var(--spacing) * 10); } .md\:p-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 6); padding: calc(var(--spacing) * 6); } .md\:p-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 8); padding: calc(var(--spacing) * 8); } .md\:p-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 10); padding: calc(var(--spacing) * 10); } .md\:p-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 12); padding: calc(var(--spacing) * 12); } .md\:px-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 6); padding-right: calc(.25rem * 6); padding-left: calc(var(--spacing) * 6); padding-right: calc(var(--spacing) * 6); } .md\:px-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: calc(.25rem * 8); padding-right: calc(.25rem * 8); padding-left: calc(var(--spacing) * 8); padding-right: calc(var(--spacing) * 8); } .md\:py-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 4); padding-bottom: calc(.25rem * 4); padding-top: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 4); } .md\:py-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 12); padding-bottom: calc(.25rem * 12); padding-top: calc(var(--spacing) * 12); padding-bottom: calc(var(--spacing) * 12); } .md\:pb-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 6); padding-bottom: calc(var(--spacing) * 6); } .md\:text-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 1.875rem; font-size: var(--text-3xl); line-height: calc(2.25 / 1.875); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .md\:text-4xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 2.25rem; font-size: var(--text-4xl); line-height: calc(2.5 / 2.25); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .md\:leading-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-leading: calc(var(--spacing) * 6); line-height: calc(.25rem * 6); line-height: calc(var(--spacing) * 6); } .md\:before\:w-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { content: var(--tw-content); width: calc(.25rem * 80); width: calc(var(--spacing) * 80); } .md\:before\:max-w-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { content: var(--tw-content); max-width: calc(.25rem * 80); max-width: calc(var(--spacing) * 80); } } @media (min-width: 64rem) { .lg\:static:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position: static; } .lg\:sticky:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { position: sticky; } .lg\:top-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 7); top: calc(var(--spacing) * 7); } .lg\:top-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 8); top: calc(var(--spacing) * 8); } .lg\:top-9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 9); top: calc(var(--spacing) * 9); } .lg\:top-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: calc(.25rem * 24); top: calc(var(--spacing) * 24); } .lg\:top-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { top: auto; } .lg\:right-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 3); right: calc(var(--spacing) * 3); } .lg\:right-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { right: calc(.25rem * 5); right: calc(var(--spacing) * 5); } .lg\:bottom-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * 5); bottom: calc(var(--spacing) * 5); } .lg\:bottom-7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: calc(.25rem * 7); bottom: calc(var(--spacing) * 7); } .lg\:z-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { z-index: auto; } .lg\:order-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { order: 1; } .lg\:order-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { order: 2; } .lg\:order-first:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { order: -9999; } .lg\:col-span-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-column: span 1 / span 1; } .lg\:mt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: 0; } .lg\:mt-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 10); margin-top: calc(var(--spacing) * 10); } .lg\:mt-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: calc(.25rem * 14); margin-top: calc(var(--spacing) * 14); } .lg\:mb-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-bottom: calc(.25rem * 2); margin-bottom: calc(var(--spacing) * 2); } .lg\:block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: block; } .lg\:flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: flex; } .lg\:grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: grid; } .lg\:hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: none; } .lg\:h-56:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: calc(.25rem * 56); height: calc(var(--spacing) * 56); } .lg\:h-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { height: auto; } .lg\:min-h-124:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 124); min-height: calc(var(--spacing) * 124); } .lg\:min-h-168:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-height: calc(.25rem * 168); min-height: calc(var(--spacing) * 168); } .lg\:w-64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 64); width: calc(var(--spacing) * 64); } .lg\:w-72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 72); width: calc(var(--spacing) * 72); } .lg\:w-80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 80); width: calc(var(--spacing) * 80); } .lg\:w-\[30\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 30%; } .lg\:w-\[38\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: 38%; } .lg\:max-w-3xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: 48rem; max-width: var(--container-3xl); } .lg\:max-w-336:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { max-width: calc(.25rem * 336); max-width: calc(var(--spacing) * 336); } .lg\:min-w-40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { min-width: calc(.25rem * 40); min-width: calc(var(--spacing) * 40); } .lg\:shrink-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-shrink: 0; } .lg\:-rotate-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: -1deg; } .lg\:rotate-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: 2deg; } .lg\:rotate-\[-1\.6deg\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: -1.6deg; } .lg\:rotate-\[2\.5deg\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: 2.5deg; } .lg\:columns-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -moz-columns: 2; columns: 2; } .lg\:grid-cols-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-\[0\.7fr_1\.3fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .7fr 1.3fr; } .lg\:grid-cols-\[0\.8fr_1\.2fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .8fr 1.2fr; } .lg\:grid-cols-\[0\.9fr_1\.1fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .9fr 1.1fr; } .lg\:grid-cols-\[0\.65fr_0\.8fr_1\.8fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .65fr .8fr 1.8fr; } .lg\:grid-cols-\[0\.75fr_1\.25fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .75fr 1.25fr; } .lg\:grid-cols-\[0\.78fr_1\.22fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .78fr 1.22fr; } .lg\:grid-cols-\[0\.82fr_1\.18fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .82fr 1.18fr; } .lg\:grid-cols-\[0\.92fr_1\.08fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .92fr 1.08fr; } .lg\:grid-cols-\[0\.95fr_1\.05fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: .95fr 1.05fr; } .lg\:grid-cols-\[1\.1fr_0\.9fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1.1fr .9fr; } .lg\:grid-cols-\[1\.4fr_0\.7fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1.4fr .7fr; } .lg\:grid-cols-\[1fr_0\.7fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1fr .7fr; } .lg\:grid-cols-\[1fr_1\.4fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 1fr 1.4fr; } .lg\:grid-cols-\[7fr_3fr\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 7fr 3fr; } .lg\:grid-cols-\[280px_minmax\(0\,1fr\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 280px minmax(0, 1fr); } .lg\:grid-cols-\[minmax\(0\,\.96fr\)_minmax\(0\,1\.04fr\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); } .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(22rem\,0\.95fr\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); } .lg\:grid-cols-\[minmax\(0\,1\.08fr\)_minmax\(22rem\,0\.92fr\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: minmax(0, 1.08fr) minmax(22rem, .92fr); } .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: minmax(0, 1fr) 320px; } .lg\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: row; } .lg\:items-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: center; } .lg\:items-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: flex-end; } .lg\:items-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: flex-start; } .lg\:items-stretch:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: stretch; } .lg\:justify-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: space-between; } .lg\:gap-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: 0; } .lg\:gap-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 8); gap: calc(var(--spacing) * 8); } .lg\:gap-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 10); gap: calc(var(--spacing) * 10); } .lg\:gap-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 16); gap: calc(var(--spacing) * 16); } .lg\:gap-20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 20); gap: calc(var(--spacing) * 20); } .lg\:rounded-box:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-radius: .75rem; border-radius: var(--radius-box); } .lg\:border:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-style: var(--tw-border-style); border-width: 1px; } .lg\:border-r:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-b-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .lg\:border-base-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-color: #dfe9e2; border-color: var(--color-base-300); } .lg\:p-6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 6); padding: calc(var(--spacing) * 6); } .lg\:p-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 8); padding: calc(var(--spacing) * 8); } .lg\:p-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 10); padding: calc(var(--spacing) * 10); } .lg\:p-14:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding: calc(.25rem * 14); padding: calc(var(--spacing) * 14); } .lg\:py-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 24); padding-bottom: calc(.25rem * 24); padding-top: calc(var(--spacing) * 24); padding-bottom: calc(var(--spacing) * 24); } .lg\:py-28:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 28); padding-bottom: calc(.25rem * 28); padding-top: calc(var(--spacing) * 28); padding-bottom: calc(var(--spacing) * 28); } .lg\:py-36:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 36); padding-bottom: calc(.25rem * 36); padding-top: calc(var(--spacing) * 36); padding-bottom: calc(var(--spacing) * 36); } .lg\:pt-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 4); padding-top: calc(var(--spacing) * 4); } .lg\:pt-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 10); padding-top: calc(var(--spacing) * 10); } .lg\:pt-24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-top: calc(.25rem * 24); padding-top: calc(var(--spacing) * 24); } .lg\:pb-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 10); padding-bottom: calc(var(--spacing) * 10); } .lg\:pb-16:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-bottom: calc(.25rem * 16); padding-bottom: calc(var(--spacing) * 16); } .lg\:text-6xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 3.75rem; font-size: var(--text-6xl); line-height: 1; line-height: var(--tw-leading, var(--text-6xl--line-height)); } .lg\:text-\[3\.2rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 3.2rem; } .lg\:text-\[4\.8rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 4.8rem; } .lg\:text-\[4rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 4rem; } .lg\:text-\[5\.6rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 5.6rem; } .lg\:text-\[5\.15rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 5.15rem; } .lg\:shadow-\[0_2rem_4rem_rgba\(0\,0\,0\,0\.42\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 2rem 4rem var(--tw-shadow-color, rgba(0,0,0,0.41961)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 2rem 4rem rgba(0,0,0,0.41961); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:shadow-sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0,0,0,0.10196)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0,0,0,0.10196)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0,0,0,0.10196), 0 1px 2px -1px rgba(0,0,0,0.10196); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:last\:border-r-0:last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { border-right-style: var(--tw-border-style); border-right-width: 0; } } @media (min-width: 80rem) { .xl\:bottom-\[8\%\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { bottom: 8%; } .xl\:col-span-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-column: span 1 / span 1; } .xl\:mt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-top: 0; } .xl\:ml-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { margin-left: auto; } .xl\:block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: block; } .xl\:w-auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: auto; } .xl\:-rotate-2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { rotate: -2deg; } .xl\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-\[13rem_6\.5rem_6\.5rem_13rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: 13rem 6.5rem 6.5rem 13rem; } .xl\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,\.95fr\)\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); } .xl\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: row; } .xl\:items-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { align-items: flex-end; } .xl\:gap-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 8); gap: calc(var(--spacing) * 8); } .xl\:gap-12:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { gap: calc(.25rem * 12); gap: calc(var(--spacing) * 12); } .xl\:text-\[3\.35rem\]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { font-size: 3.35rem; } .xl\:whitespace-nowrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { white-space: nowrap; } } @media (min-width: 96rem) { .\32 xl\:grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (prefers-color-scheme: dark) { .dark\:bg-gray-700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: rgb(54, 65, 83); background-color: var(--color-gray-700); } .dark\:text-gray-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { color: rgb(153, 161, 175); color: var(--color-gray-400); } } .is-drawer-close\:flex:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: flex; } .is-drawer-close\:hidden:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { display: none; } .is-drawer-close\:w-14:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 14); width: calc(var(--spacing) * 14); } .is-drawer-close\:justify-center:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { justify-content: center; } .is-drawer-close\:overflow-visible:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { overflow: visible; } .is-drawer-close\:px-0:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { padding-left: 0; padding-right: 0; } .is-drawer-open\:w-64:where(.drawer-toggle:checked ~ .drawer-side, .drawer-toggle:checked ~ .drawer-side *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { width: calc(.25rem * 64); width: calc(var(--spacing) * 64); } .\[\&_td\]\:py-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) td, .\[\&_th\]\:py-3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) th { padding-top: calc(.25rem * 3); padding-bottom: calc(.25rem * 3); padding-top: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 3); } .\[\&\:\:-webkit-details-marker\]\:hidden:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-details-marker { display: none; } @media (min-width: 40rem) { .sm\:stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { grid-auto-flow: column; overflow-x: auto; } .sm\:stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-right: 1px dashed currentColor; border-right: var(--border) dashed currentColor; } @supports (color: color-mix(in lab, red, red)) { .sm\:stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-right: 1px dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } @supports (color: color-mix(in lch, red, blue)) { .sm\:stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-right: var(--border) dashed color-mix(in oklab, currentColor 10%, rgba(0,0,0,0)); } } } .sm\:stats-horizontal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .stat:not(:last-child) { border-bottom: none; } .sm\:input-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --in-size-mul: 10; --font-size-min: .875rem; --spin-my: -3; } .floating-label:has(.sm\:input-md):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 5; --font-size: .875rem; } .sm\:select-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --sl-size-mul: 10; --font-size-min: .875rem; --option-px: 3; } .floating-label:has(.sm\:select-md):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --top-mul: 5; --font-size: .875rem; } .sm\:btn-md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --fontsize: .875rem; --btn-p: 1rem; --size: calc(var(--size-field, .25rem) * 10); } } @media (min-width: 48rem) { .md\:tooltip-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --tt-trans: -50%; --tt-inset: 50% auto; --tt-tail-inset: 50% auto; } .md\:tooltip-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .md\:tooltip-center[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before, .md\:tooltip-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { left: auto; left: 50%; right: auto; } .md\:tooltip-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .tooltip-content, .md\:tooltip-right[data-tip]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before { transform: translateX(calc(-.25rem + .25rem)) translateY(-50%); transform: translateX(calc(var(--tt-pos, -.25rem) + .25rem)) translateY(var(--tt-trans, -50%)); left: var(--tt-off); right: auto; top: 50%; bottom: auto; top: 50% auto; top: var(--tt-inset, 50% auto); bottom: 50% auto; bottom: var(--tt-inset, 50% auto); } .md\:tooltip-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after { transform: translateX(-.25rem) translateY(-50%) rotate(90deg); transform: translateX(var(--tt-pos, -.25rem)) translateY(var(--tt-trans, -50%)) rotate(90deg); left: calc(var(--tt-tail) + 1px); right: auto; top: 50%; bottom: auto; top: 50% auto; top: var(--tt-tail-inset, 50% auto); bottom: 50% auto; bottom: var(--tt-tail-inset, 50% auto); } } @media (min-width: 64rem) { .lg\:drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle:checked ~ .drawer-side { scrollbar-color: revert-layer; } :root:has(.lg\:drawer-open > .drawer-toggle:checked):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { --page-scroll-lock: revert-layer; } } @media (min-width: 64rem) { .lg\:drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-side { overflow-y: auto; } .lg\:drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle { display: none; } .lg\:drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side { pointer-events: auto; visibility: visible; overscroll-behavior: auto; opacity: 1; width: auto; display: block; position: sticky; } .lg\:drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side > .drawer-overlay { cursor: default; background-color: rgba(0,0,0,0); } .lg\:drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; } .lg\:card-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { flex-direction: row; align-items: stretch; } .lg\:card-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(figure:first-child) { border-top-left-radius: inherit; border-top-right-radius: 0; border-top-right-radius: initial; border-bottom-right-radius: 0; border-bottom-right-radius: initial; border-bottom-left-radius: inherit; overflow: hidden; } .lg\:card-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(figure:last-child) { border-top-left-radius: 0; border-top-left-radius: initial; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: 0; border-bottom-left-radius: initial; overflow: hidden; } .lg\:card-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) figure > * { max-width: none; max-width: initial; } .lg\:card-side:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(figure > *) { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } } @media (min-width: 64rem) { .lg\:drawer-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay), [dir="rtl"]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(.lg\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay)) { translate: 0%; } } @font-face { font-family: Blinker; font-style: normal; font-weight: 400; font-display: fallback; src: url("/assets/blinker-400-latin-Bpgf7SH5.woff2") format("woff2"); } @font-face { font-family: Blinker; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/blinker-600-latin-Dyqf1rms.woff2") format("woff2"); } @font-face { font-family: Blinker; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/blinker-700-latin-DwVE20Ax.woff2") format("woff2"); } @font-face { font-family: Blinker; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/blinker-800-latin-CpYSCzx7.woff2") format("woff2"); } @font-face { font-family: Blinker; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/blinker-900-latin-1iFZWWmL.woff2") format("woff2"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 100 900; font-display: fallback; src: url("/assets/roboto-latin-DSCY9ty2.woff2") format("woff2"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/assets/roboto-italic-latin-BpwuAS-O.woff2") format("woff2"); } @keyframes dropdown { 0% { opacity: 0; } } @keyframes aura { to { --aura-angle: 360deg; transform: translateZ(1px); } } @keyframes aura-glow { 20%, 80% { opacity: .7; filter: blur(.25rem); } 50% { opacity: 1; filter: blur(.75rem); } } @keyframes aura-glow-after { 20%, 80% { opacity: .3; filter: blur(1rem); } 50% { opacity: .6; filter: blur(1.5rem); } } @keyframes progress { 50% { background-position-x: -115%; } } @keyframes skeleton { 0% { background-position: 150%; } 100% { background-position: -50%; } } @keyframes rating { 0%, 40% { filter: brightness(1.05) contrast(1.05); scale: 1.1; } } @keyframes menu { 0% { opacity: 0; } } @keyframes toast { 0% { opacity: 0; scale: .9; } 100% { opacity: 1; scale: 1; } } @keyframes rotator { 89.9999%, 100% { --first-item-position: 0 0%; } 90%, 99.9999% { --first-item-position: 0 calc(var(--items) * 100%); } 100% { translate: 0 -100%; } } @keyframes radio { 0% { padding: 5px; } 50% { padding: 3px; } } @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-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: rgba(0,0,0,0); } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: rgba(0,0,0,0); } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: rgba(0,0,0,0); } @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-tracking { 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 rgba(0,0,0,0); } @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 rgba(0,0,0,0); } @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 rgba(0,0,0,0); } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0,0,0,0); } @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 rgba(0,0,0,0); } @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-content { syntax: "*"; inherits: false; initial-value: ""; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @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; } }