/* Theme Name: designsquare Theme URI: https://designsquarearchitects.com Description: Modern WordPress theme for architects, interior designers, and construction companies with beautiful portfolios and responsive layouts. Version: 0.1.0 Author: Prakash Nayak Author URI: https://www.prakashnayak.com.np/ Text Domain: ds Requires at least: 7.0 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: LICENSE *//*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com *//*! Theme Name: designsquare Theme URI: https://designsquarearchitects.com Description: Modern WordPress theme for architects, interior designers, and construction companies with beautiful portfolios and responsive layouts. Version: 0.1.0 Author: Prakash Nayak Author URI: https://https://www.prakashnayak.com.np/ Text Domain: ds Requires at least: 7.0 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: LICENSE This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. designsquare is based on _tw https://underscoretw.com/, (C) 2021-2026 Greg Sullivan _tw is distributed under the terms of the GNU GPL v2 or later. _tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2026 Automattic, Inc. Underscores and Varia are distributed under the terms of the GNU GPL v2 or later. */ @layer properties; :root, :host { --font-sans: var(--font-sans); --font-serif: var(--font-serif); --font-mono: var(--font-mono); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-orange-50: oklch(98% 0.016 73.684); --color-orange-100: oklch(95.4% 0.038 75.164); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-500: oklch(72.3% 0.219 149.579); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-900: oklch(37.9% 0.146 265.522); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-950: oklch(13% 0.028 261.692); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-stone-50: oklch(98.5% 0.001 106.423); --color-stone-100: oklch(97% 0.001 106.424); --color-stone-200: oklch(92.3% 0.003 48.717); --color-black: #000; --color-white: #fff; --spacing: 0.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-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.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-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-md: calc(var(--radius) - 2px); --radius-2xl: 1rem; --radius-3xl: 1.5rem; --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --shadow: var(--shadow); --color-primary: var(--primary); --tw-prose-font-normal: 400; --tw-prose-font-medium: 500; --tw-prose-font-semibold: 600; --tw-prose-font-bold: 700; --tw-prose-font-extrabold: 800; --tw-prose-font-black: 900; } :root { --background: #f8f5ef; --foreground: #2b2b2b; --card: #fcfaf6; --card-foreground: #2b2b2b; --popover: #fcfaf6; --popover-foreground: #2b2b2b; --primary: #d98a16; --primary-foreground: #fcfaf6; --secondary: #e9dfc9; --secondary-foreground: #2b2b2b; --muted: #f3eee5; --muted-foreground: #6e6a64; --accent: #b86a28; --accent-foreground: #fcfaf6; --destructive: #c0392b; --destructive-foreground: #ffffff; --border: #ddd3c3; --input: #e5dac8; --ring: #d98a16; --chart-1: #d98a16; --chart-2: #b86a28; --chart-3: #4b3a2a; --chart-4: #a79d91; --chart-5: #6e6a64; --sidebar: #fcfaf6; --sidebar-foreground: #2b2b2b; --sidebar-primary: #d98a16; --sidebar-primary-foreground: #ffffff; --sidebar-accent: #e9dfc9; --sidebar-accent-foreground: #2b2b2b; --sidebar-border: #ddd3c3; --sidebar-ring: #d98a16; --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-serif: "Cormorant Garamond", Georgia, Cambria, "Times New Roman", serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace; --radius: 0.75rem; --shadow-x: 0; --shadow-y: 8px; --shadow-blur: 30px; --shadow-spread: -12px; --shadow-opacity: 0.12; --shadow-color: rgb(43 43 43); --shadow-2xs: 0 1px 2px rgb(43 43 43 / 0.05); --shadow-xs: 0 2px 4px rgb(43 43 43 / 0.06); --shadow-sm: 0 4px 10px rgb(43 43 43 / 0.08); --shadow: 0 6px 16px rgb(43 43 43 / 0.1); --shadow-md: 0 10px 24px rgb(43 43 43 / 0.12); --shadow-lg: 0 16px 40px rgb(43 43 43 / 0.14); --shadow-xl: 0 24px 56px rgb(43 43 43 / 0.16); --shadow-2xl: 0 36px 72px rgb(43 43 43 / 0.18); --tracking-normal: 0em; --spacing: 0.25rem; } .dark { --background: #1f1f1f; --foreground: #f8f5ef; --card: #2b2b2b; --card-foreground: #f8f5ef; --popover: #303030; --popover-foreground: #f8f5ef; --primary: #d98a16; --primary-foreground: #1f1f1f; --secondary: #4b3a2a; --secondary-foreground: #f8f5ef; --muted: #37322d; --muted-foreground: #b8aea2; --accent: #c77a3d; --accent-foreground: #ffffff; --destructive: #d9534f; --destructive-foreground: #ffffff; --border: #3b3b3b; --input: #474747; --ring: #d98a16; --chart-1: #d98a16; --chart-2: #c77a3d; --chart-3: #b86a28; --chart-4: #a79d91; --chart-5: #e9dfc9; --sidebar: #242424; --sidebar-foreground: #f8f5ef; --sidebar-primary: #d98a16; --sidebar-primary-foreground: #1f1f1f; --sidebar-accent: #4b3a2a; --sidebar-accent-foreground: #f8f5ef; --sidebar-border: #383838; --sidebar-ring: #d98a16; --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-serif: "Cormorant Garamond", Georgia, Cambria, "Times New Roman", serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace; --radius: 0.75rem; --shadow-x: 0; --shadow-y: 8px; --shadow-blur: 30px; --shadow-spread: -12px; --shadow-opacity: 0.2; --shadow-color: rgb(0 0 0); --shadow-2xs: 0 1px 2px rgb(0 0 0 / 0.15); --shadow-xs: 0 2px 4px rgb(0 0 0 / 0.18); --shadow-sm: 0 4px 10px rgb(0 0 0 / 0.2); --shadow: 0 8px 20px rgb(0 0 0 / 0.25); --shadow-md: 0 12px 28px rgb(0 0 0 / 0.28); --shadow-lg: 0 20px 40px rgb(0 0 0 / 0.3); --shadow-xl: 0 28px 60px rgb(0 0 0 / 0.34); --shadow-2xl: 0 40px 80px rgb(0 0 0 / 0.4); } *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } @layer base { * { border-color: var(--border); outline-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { * { outline-color: color-mix(in oklab, var(--ring) 50%, transparent); } } html { scroll-behavior: smooth; } body { background-color: var(--background); font-family: var(--font-sans); color: var(--foreground); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "rlig" 1, "calt" 1; } ::selection { background: #d98a16; color: white; } body.admin-bar #masthead { top: calc(32px + 1rem) !important; } @media (max-width: 782px) { body.admin-bar #masthead { top: calc(46px + 1rem) !important; } } } .page-title, .entry-title { margin-inline: auto; margin-bottom: calc(var(--spacing) * 6); max-width: var(--wp--style--global--content-size, 40rem); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .entry-meta, .entry-footer { margin-inline: auto; margin-bottom: calc(var(--spacing) * 6); max-width: var(--wp--style--global--content-size, 40rem); } .post-navigation { margin-top: calc(var(--spacing) * 8); display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 6); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: #DDD3C3; padding-block: calc(var(--spacing) * 8); } .post-navigation .nav-previous, .post-navigation .nav-next { flex: 1; } .post-navigation .nav-next { text-align: right; } #comments { margin-top: calc(var(--spacing) * 16); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: #DDD3C3; padding-top: calc(var(--spacing) * 10); } .comment-list .children { margin-top: calc(var(--spacing) * 4); margin-left: calc(var(--spacing) * 6); border-left-style: var(--tw-border-style); border-left-width: 2px; border-color: color-mix(in oklab, #DDD3C3 40%, transparent); padding-left: calc(var(--spacing) * 4); } @media (width >= 40rem) { .comment-list .children { margin-left: calc(var(--spacing) * 10); } } @media (width >= 40rem) { .comment-list .children { padding-left: calc(var(--spacing) * 6); } } .comment-list .children .children { margin-left: calc(var(--spacing) * 6); } @media (width >= 40rem) { .comment-list .children .children { margin-left: calc(var(--spacing) * 10); } } .comment-reply-link { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1.5); font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); color: #D98A16; text-transform: uppercase; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } @media (hover: hover) { .comment-reply-link:hover { color: #B86A28; } } .comment-reply-link::before { content: "\e22a"; font-family: "Phosphor"; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .comment-form label { margin-bottom: calc(var(--spacing) * 1.5); display: block; font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); color: #6E6A64; text-transform: uppercase; } .comment-form p { margin-bottom: calc(var(--spacing) * 4); } .comment-form p:last-of-type { margin-bottom: calc(var(--spacing) * 0); } .comment-form .form-submit { margin-top: calc(var(--spacing) * 4); } .comment-form .comment-notes { margin-bottom: calc(var(--spacing) * 6); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); color: #6E6A64; } .comment-navigation { margin-bottom: calc(var(--spacing) * 6); display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 6); } .comment-navigation .nav-previous, .comment-navigation .nav-next { flex: 1; } .comment-navigation .nav-next { text-align: right; } .page-content > * { margin-inline: auto; max-width: var(--wp--style--global--content-size, 40rem); } .entry-content > * { max-width: var(--wp--style--global--content-size, 40rem); } .entry-content > .alignwide { max-width: var(--wp--style--global--wide-size, 60rem); } .entry-content > .alignfull { max-width: none; } .entry-content > .alignleft { float: left; margin-right: calc(var(--spacing) * 8); } .entry-content > .alignright { float: right; margin-left: calc(var(--spacing) * 8); } @layer components { .ui-card { display: flex; flex-direction: column; border-radius: calc(var(--radius) + 4px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--card); color: var(--card-foreground); --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } @media (hover: hover) { .ui-card:hover { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .ui-card-header { display: flex; flex-direction: column; gap: calc(var(--spacing) * 1.5); padding: calc(var(--spacing) * 6); } .ui-card-title { font-family: var(--font-serif); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-leading: var(--leading-tight); line-height: var(--leading-tight); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--foreground); } .ui-card-description { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); color: var(--muted-foreground); } .ui-card-content { flex: 1; padding: calc(var(--spacing) * 6); padding-top: calc(var(--spacing) * 0); color: var(--foreground); } .ui-card-footer { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 6); padding-top: calc(var(--spacing) * 0); } .ui-badge { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1); border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 0.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .ui-badge:focus { --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); } .ui-badge:focus { --tw-ring-color: var(--ring); } .ui-badge:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ui-badge:focus { --tw-outline-style: none; outline-style: none; } .ui-badge-primary { border-color: transparent; background-color: var(--primary); color: var(--primary-foreground); --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .ui-badge-primary:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ui-badge-primary:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } } .ui-badge-secondary { border-color: transparent; background-color: var(--secondary); color: var(--secondary-foreground); } @media (hover: hover) { .ui-badge-secondary:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .ui-badge-secondary:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } } .ui-badge-outline { border-color: var(--border); color: var(--foreground); } @media (hover: hover) { .ui-badge-outline:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .ui-badge-outline:hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } } .ui-badge-accent { border-color: transparent; background-color: var(--accent); color: var(--accent-foreground); --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .ui-badge-accent:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .ui-badge-accent:hover { background-color: color-mix(in oklab, var(--accent) 90%, transparent); } } } .ui-button { display: inline-flex; touch-action: manipulation; align-items: center; justify-content: center; gap: calc(var(--spacing) * 2); border-radius: calc(var(--radius) - 2px); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .ui-button:focus-visible { --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); } .ui-button:focus-visible { --tw-ring-color: var(--ring); } .ui-button:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ui-button:focus-visible { --tw-outline-style: none; outline-style: none; } .ui-button:disabled { pointer-events: none; } .ui-button:disabled { opacity: 50%; } .ui-button-default, .ui-button-primary { background-color: #D98A16; color: var(--color-white); --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { :is(.ui-button-default,.ui-button-primary):hover { background-color: #b87310; } } :is(.ui-button-default,.ui-button-primary):active { scale: 0.98; } .ui-button-secondary { background-color: var(--secondary); color: var(--secondary-foreground); --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .ui-button-secondary:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .ui-button-secondary:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } } .ui-button-secondary:active { scale: 0.98; } .ui-button-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background); --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .ui-button-outline:hover { background-color: var(--accent); } } @media (hover: hover) { .ui-button-outline:hover { color: var(--accent-foreground); } } .ui-button-outline:active { scale: 0.98; } @media (hover: hover) { .ui-button-ghost:hover { background-color: var(--accent); } } @media (hover: hover) { .ui-button-ghost:hover { color: var(--accent-foreground); } } .ui-button-ghost:active { scale: 0.98; } .ui-button-destructive { background-color: var(--destructive); color: var(--destructive-foreground); --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .ui-button-destructive:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .ui-button-destructive:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } } .ui-button-destructive:active { scale: 0.98; } .ui-button-sm { height: calc(var(--spacing) * 8); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 3); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .ui-button-md { height: calc(var(--spacing) * 10); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .ui-button-lg { height: calc(var(--spacing) * 12); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 6); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .ui-button-icon { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); border-radius: calc(var(--radius) - 2px); padding: calc(var(--spacing) * 0); } .ui-field-group { display: flex; width: 100%; flex-direction: column; gap: calc(var(--spacing) * 4); } .ui-field { display: flex; width: 100%; flex-direction: column; gap: calc(var(--spacing) * 1.5); } .ui-field-label { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: 1; line-height: 1; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--foreground); } .ui-field-label:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .ui-field-label:is(:where(.peer):disabled ~ *) { opacity: 70%; } .ui-field-description { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--muted-foreground); } .ui-field-error { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--destructive); } .ui-input { display: flex; height: calc(var(--spacing) * 11); width: 100%; border-radius: calc(var(--radius) + 4px); border-style: var(--tw-border-style); border-width: 1px; border-color: #DDD3C3; background-color: #F8F5EF; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: #2B2B2B; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .ui-input::placeholder { color: var(--muted-foreground); } .ui-input:focus { border-color: #D98A16; } .ui-input:focus { --tw-outline-style: none; outline-style: none; } .ui-input:disabled { cursor: not-allowed; } .ui-input:disabled { opacity: 50%; } .ui-textarea { display: flex; min-height: 100px; width: 100%; resize: vertical; border-radius: calc(var(--radius) + 4px); border-style: var(--tw-border-style); border-width: 1px; border-color: #DDD3C3; background-color: #F8F5EF; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: #2B2B2B; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .ui-textarea::placeholder { color: var(--muted-foreground); } .ui-textarea:focus { border-color: #D98A16; } .ui-textarea:focus { --tw-outline-style: none; outline-style: none; } .ui-textarea:disabled { cursor: not-allowed; } .ui-textarea:disabled { opacity: 50%; } .ui-input-group { position: relative; display: flex; width: 100%; align-items: center; overflow: hidden; border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .ui-input-group:focus-within { --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); } .ui-input-group:focus-within { --tw-ring-color: var(--ring); } .ui-input-group:focus-within { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ui-input-group-addon { pointer-events: none; display: flex; align-items: center; justify-content: center; padding-inline: calc(var(--spacing) * 3); color: var(--muted-foreground); -webkit-user-select: none; user-select: none; } .ui-input-group-input { display: flex; height: calc(var(--spacing) * 10); width: 100%; border-style: var(--tw-border-style); border-width: 0px; background-color: transparent; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--foreground); } .ui-input-group-input::placeholder { color: var(--muted-foreground); } .ui-input-group-input:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .ui-input-group-input:focus { --tw-outline-style: none; outline-style: none; } .ui-input-group-input:disabled { cursor: not-allowed; } .ui-input-group-input:disabled { opacity: 50%; } .ui-alert { position: relative; width: 100%; border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; padding: calc(var(--spacing) * 4); } .ui-alert > i { position: absolute; } .ui-alert > i { inset-inline-start: calc(var(--spacing) * 4); } .ui-alert > i { top: calc(var(--spacing) * 4); } .ui-alert > i { color: var(--foreground); } .ui-alert > i ~ * { padding-inline-start: calc(var(--spacing) * 7); } .ui-alert-default { border-color: var(--border); background-color: var(--background); color: var(--foreground); } .ui-alert-info { border-color: var(--border); background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .ui-alert-info { background-color: color-mix(in oklab, var(--muted) 60%, transparent); } } .ui-alert-info { color: var(--foreground); } .ui-alert-info > i { color: var(--primary); } .ui-alert-warning { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .ui-alert-warning { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .ui-alert-warning { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .ui-alert-warning { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .ui-alert-warning { color: var(--foreground); } .ui-alert-warning > i { color: var(--color-amber-600); } .ui-alert-destructive { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .ui-alert-destructive { border-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .ui-alert-destructive { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .ui-alert-destructive { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .ui-alert-destructive { color: var(--destructive); } .ui-alert-destructive > i { color: var(--destructive); } .ui-alert-success { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .ui-alert-success { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .ui-alert-success { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .ui-alert-success { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .ui-alert-success { color: var(--foreground); } .ui-alert-success > i { color: var(--color-emerald-600); } .ui-alert-title { margin-bottom: calc(var(--spacing) * 1); --tw-leading: 1; line-height: 1; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .ui-alert-description { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--muted-foreground); } .ui-alert-description p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .ui-avatar { position: relative; display: flex; flex-shrink: 0; overflow: hidden; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--muted); } .ui-avatar-sm { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .ui-avatar-md { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .ui-avatar-lg { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .ui-avatar-xl { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .ui-avatar-fallback { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); background-color: var(--muted); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--muted-foreground); text-transform: uppercase; } .ui-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: calc(var(--radius) + 4px); border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: dashed; border-style: dashed; border-color: var(--border); background-color: var(--card); padding: calc(var(--spacing) * 8); text-align: center; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; } .ui-empty-icon { margin-bottom: calc(var(--spacing) * 4); display: flex; width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); background-color: var(--muted); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); color: var(--muted-foreground); } .ui-empty-title { margin-bottom: calc(var(--spacing) * 1); font-family: var(--font-serif); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--foreground); } .ui-empty-description { margin-bottom: calc(var(--spacing) * 6); max-width: var(--container-sm); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); color: var(--muted-foreground); } .ui-pagination { margin-block: calc(var(--spacing) * 8); display: flex; align-items: center; justify-content: center; gap: calc(var(--spacing) * 1); } .ui-pagination-link { display: inline-flex; height: calc(var(--spacing) * 9); min-width: 2.25rem; align-items: center; justify-content: center; border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); padding-inline: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--foreground); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } @media (hover: hover) { .ui-pagination-link:hover { background-color: var(--accent); } } @media (hover: hover) { .ui-pagination-link:hover { color: var(--accent-foreground); } } .ui-pagination-link:focus-visible { --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); } .ui-pagination-link:focus-visible { --tw-ring-color: var(--ring); } .ui-pagination-link:focus-visible { --tw-outline-style: none; outline-style: none; } .ui-pagination-link-active { border-color: var(--primary); background-color: var(--primary); color: var(--primary-foreground); } @media (hover: hover) { .ui-pagination-link-active:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ui-pagination-link-active:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } } @media (hover: hover) { .ui-pagination-link-active:hover { color: var(--primary-foreground); } } } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .\!visible { visibility: visible !important; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-6 { inset-inline: calc(var(--spacing) * 6); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .end { inset-inline-end: var(--spacing); } .end-3 { inset-inline-end: calc(var(--spacing) * 3); } .-top-24 { top: calc(var(--spacing) * -24); } .-top-32 { top: calc(var(--spacing) * -32); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-6 { top: calc(var(--spacing) * 6); } .top-full { top: 100%; } .-right-24 { right: calc(var(--spacing) * -24); } .-right-32 { right: calc(var(--spacing) * -32); } .right-0 { right: calc(var(--spacing) * 0); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-6 { right: calc(var(--spacing) * 6); } .-bottom-24 { bottom: calc(var(--spacing) * -24); } .-bottom-32 { bottom: calc(var(--spacing) * -32); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .-left-24 { left: calc(var(--spacing) * -24); } .-left-32 { left: calc(var(--spacing) * -32); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\.5 { left: calc(var(--spacing) * 1.5); } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-3 { left: calc(var(--spacing) * 3); } .left-3\.5 { left: calc(var(--spacing) * 3.5); } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .z-\[999\] { z-index: 999; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-8 { grid-column: span 8 / span 8; } .container { width: 100%; } @media (width >= 40rem) { .container { max-width: 40rem; } } @media (width >= 48rem) { .container { max-width: 48rem; } } @media (width >= 64rem) { .container { max-width: 64rem; } } @media (width >= 80rem) { .container { max-width: 80rem; } } @media (width >= 96rem) { .container { max-width: 96rem; } } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-auto { margin-inline: auto; } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-12 { margin-block: calc(var(--spacing) * 12); } .my-16 { margin-block: calc(var(--spacing) * 16); } .my-auto { margin-block: auto; } .ms-0\.5 { margin-inline-start: calc(var(--spacing) * 0.5); } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .prose { --tw-prose-body: var(--foreground); --tw-prose-headings: var(--foreground); --tw-prose-lead: var(--foreground); --tw-prose-links: var(--primary); --tw-prose-bold: var(--foreground); --tw-prose-counters: var(--foreground); --tw-prose-bullets: var(--foreground); --tw-prose-hr: var(--foreground); --tw-prose-quotes: var(--foreground); --tw-prose-quote-borders: var(--primary); --tw-prose-captions: var(--foreground); --tw-prose-kbd: var(--foreground); --tw-prose-kbd-shadows: var(--foreground); --tw-prose-code: var(--foreground); --tw-prose-pre-code: var(--background); --tw-prose-pre-bg: var(--foreground); --tw-prose-th-borders: var(--foreground); --tw-prose-td-borders: var(--foreground); --tw-prose-invert-body: var(--background); --tw-prose-invert-headings: var(--background); --tw-prose-invert-lead: var(--background); --tw-prose-invert-links: var(--primary); --tw-prose-invert-bold: var(--background); --tw-prose-invert-counters: var(--background); --tw-prose-invert-bullets: var(--background); --tw-prose-invert-hr: var(--background); --tw-prose-invert-quotes: var(--background); --tw-prose-invert-quote-borders: var(--primary); --tw-prose-invert-captions: var(--background); --tw-prose-invert-kbd: var(--background); --tw-prose-invert-kbd-shadows: var(--background); --tw-prose-invert-code: var(--background); --tw-prose-invert-pre-code: var(--foreground); --tw-prose-invert-pre-bg: var(--background); --tw-prose-invert-th-borders: var(--background); --tw-prose-invert-td-borders: var(--background); font-size: 1rem; line-height: 1.75; color: var(--tw-prose-body); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(p) { margin-top: 1.25em; margin-bottom: 1.25em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where([class~='lead'],[class~='is-style-lead']) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(a) { color: var(--tw-prose-links); text-decoration: underline; font-weight: var(--tw-prose-font-medium); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(strong) { color: var(--tw-prose-bold); font-weight: var(--tw-prose-font-semibold); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(a strong) { color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(blockquote strong) { color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead th strong) { color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='A']) { list-style-type: upper-alpha; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='a']) { list-style-type: lower-alpha; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='A' s]) { list-style-type: upper-alpha; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='a' s]) { list-style-type: lower-alpha; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='I']) { list-style-type: upper-roman; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='i']) { list-style-type: lower-roman; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='I' s]) { list-style-type: upper-roman; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='i' s]) { list-style-type: lower-roman; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol[type='1']) { list-style-type: decimal; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ul) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol > li)::marker { font-weight: var(--tw-prose-font-normal); color: var(--tw-prose-counters); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ul > li)::marker { color: var(--tw-prose-bullets); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(dt) { color: var(--tw-prose-headings); font-weight: var(--tw-prose-font-semibold); margin-top: 1.25em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(hr) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(blockquote) { font-weight: var(--tw-prose-font-medium); font-style: italic; color: var(--tw-prose-quotes); border-left-width: 0.25rem; border-left-color: var(--tw-prose-quote-borders); quotes: '\201C''\201D''\2018''\2019'; margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(blockquote p:first-of-type)::before { content: open-quote; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(blockquote p:last-of-type)::after { content: close-quote; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(blockquote > cite) { color: var(--tw-prose-body); font-style: normal; font-weight: var(--tw-prose-font-normal); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(blockquote > cite::before) { content: '\2014'; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h1) { color: var(--tw-prose-headings); font-weight: var(--tw-prose-font-extrabold); font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h1 strong) { font-weight: var(--tw-prose-font-black); color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h2) { color: var(--tw-prose-headings); font-weight: var(--tw-prose-font-bold); font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h2 strong) { font-weight: var(--tw-prose-font-extrabold); color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h3) { color: var(--tw-prose-headings); font-weight: var(--tw-prose-font-semibold); font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h3 strong) { font-weight: var(--tw-prose-font-bold); color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h4) { color: var(--tw-prose-headings); font-weight: var(--tw-prose-font-semibold); margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h4 strong) { font-weight: var(--tw-prose-font-bold); color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(img) { margin-top: 2em; margin-bottom: 2em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(picture) { display: block; margin-top: 2em; margin-bottom: 2em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(kbd) { font-weight: var(--tw-prose-font-medium); font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); } @supports (color: color-mix(in lab, red, red)) { :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(kbd) { box-shadow: 0 0 0 1px color-mix(in oklab, var(--tw-prose-kbd-shadows) 10%, transparent), 0 3px 0 color-mix(in oklab, var(--tw-prose-kbd-shadows) 10%, transparent); } } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(kbd) { font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-right: 0.375em; padding-bottom: 0.1875em; padding-left: 0.375em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(code) { color: var(--tw-prose-code); font-weight: var(--tw-prose-font-semibold); font-size: 0.875em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(code)::before,:is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(code)::after { content: '`'; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(a code) { color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h1 code) { color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h2 code) { color: inherit; font-size: 0.875em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h3 code) { color: inherit; font-size: 0.9em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h4 code) { color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(blockquote code) { color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead th code) { color: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(pre) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: var(--tw-prose-font-normal); font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-right: 1.1428571em; padding-bottom: 0.8571429em; padding-left: 1.1428571em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(pre code) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(pre code)::before { content: none; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(pre code)::after { content: none; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(table) { width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(table.has-fixed-layout) { table-layout: fixed; width: 100%; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead th) { color: var(--tw-prose-headings); font-weight: var(--tw-prose-font-semibold); vertical-align: bottom; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody tr) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody tr:last-child) { border-bottom-width: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody td) { vertical-align: baseline; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tfoot) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tfoot td) { vertical-align: top; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(figure > *,figure img) { margin-top: 0; margin-bottom: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(figure a) { vertical-align: bottom; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(figcaption) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(picture > img) { margin-top: 0; margin-bottom: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(video) { margin-top: 2em; margin-bottom: 2em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(li) { margin-top: 0.5em; margin-bottom: 0.5em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol > li) { padding-left: 0.375em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ul > li) { padding-left: 0.375em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose > ul > li p) { margin-top: 0.75em; margin-bottom: 0.75em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose > ul > li > *:first-child) { margin-top: 1.25em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose > ul > li > *:last-child) { margin-bottom: 1.25em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose > ol > li > *:first-child) { margin-top: 1.25em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose > ol > li > *:last-child) { margin-bottom: 1.25em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ul ul,ul ol,ol ul,ol ol) { margin-top: 0.75em; margin-bottom: 0.75em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(dl) { margin-top: 1.25em; margin-bottom: 1.25em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(dd) { margin-top: 0.5em; padding-left: 1.625em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(hr + *) { margin-top: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h2 + *) { margin-top: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h3 + *) { margin-top: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h4 + *) { margin-top: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead th:first-child) { padding-left: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead th:last-child) { padding-right: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody td,tfoot td) { padding-top: 0.5714286em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody td:first-child,tfoot td:first-child) { padding-left: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody td:last-child,tfoot td:last-child) { padding-right: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(figure) { margin-top: 2em; margin-bottom: 2em; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose > :first-child) { margin-top: 0; } :is(.prose :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose > :last-child) { margin-bottom: 0; } .prose .wp-block-table td,.prose .wp-block-table th { border: 0; } .prose .wp-block-table thead,.prose .wp-block-table tfoot { border-color: var(--tw-prose-th-borders); } .prose .wp-block-table thead { border-bottom-width: 1px; } .prose .wp-block-table tfoot { border-top-width: 1px; } .prose-lg { font-size: 1.125rem; line-height: 1.7777778; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(p) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where([class~='lead'],[class~='is-style-lead']) { font-size: 1.2222222em; line-height: 1.4545455; margin-top: 1.0909091em; margin-bottom: 1.0909091em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(blockquote) { margin-top: 1.6666667em; margin-bottom: 1.6666667em; padding-inline-start: 1em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h1) { font-size: 2.6666667em; margin-top: 0; margin-bottom: 0.8333333em; line-height: 1; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h2) { font-size: 1.6666667em; margin-top: 1.8666667em; margin-bottom: 1.0666667em; line-height: 1.3333333; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h3) { font-size: 1.3333333em; margin-top: 1.6666667em; margin-bottom: 0.6666667em; line-height: 1.5; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h4) { margin-top: 1.7777778em; margin-bottom: 0.4444444em; line-height: 1.5555556; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(img) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(picture) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(picture > img) { margin-top: 0; margin-bottom: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(video) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(kbd) { font-size: 0.8888889em; border-radius: 0.3125rem; padding-top: 0.2222222em; padding-inline-end: 0.4444444em; padding-bottom: 0.2222222em; padding-inline-start: 0.4444444em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(code) { font-size: 0.8888889em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h2 code) { font-size: 0.8666667em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h3 code) { font-size: 0.875em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(pre) { font-size: 0.8888889em; line-height: 1.75; margin-top: 2em; margin-bottom: 2em; border-radius: 0.375rem; padding-top: 1em; padding-inline-end: 1.5em; padding-bottom: 1em; padding-inline-start: 1.5em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5555556em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ul) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5555556em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(li) { margin-top: 0.6666667em; margin-bottom: 0.6666667em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ol > li) { padding-inline-start: 0.4444444em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ul > li) { padding-inline-start: 0.4444444em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose-lg > ul > li p) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose-lg > ul > li > p:first-child):not(:where([class~='not-prose'],[class~='not-prose'] *)) { margin-top: 1.3333333em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose-lg > ul > li > p:last-child):not(:where([class~='not-prose'],[class~='not-prose'] *)) { margin-bottom: 1.3333333em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose-lg > ol > li > p:first-child):not(:where([class~='not-prose'],[class~='not-prose'] *)) { margin-top: 1.3333333em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose-lg > ol > li > p:last-child):not(:where([class~='not-prose'],[class~='not-prose'] *)) { margin-bottom: 1.3333333em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(ul ul,ul ol,ol ul,ol ol) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(dl) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(dt) { margin-top: 1.3333333em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(dd) { margin-top: 0.6666667em; padding-inline-start: 1.5555556em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(hr) { margin-top: 3.1111111em; margin-bottom: 3.1111111em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(hr + *) { margin-top: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h2 + *) { margin-top: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h3 + *) { margin-top: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(h4 + *) { margin-top: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(table) { font-size: 0.8888889em; line-height: 1.5; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead th) { padding-inline-end: 0.75em; padding-bottom: 0.75em; padding-inline-start: 0.75em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead th:first-child) { padding-inline-start: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(thead th:last-child) { padding-inline-end: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody td,tfoot td) { padding-top: 0.75em; padding-inline-end: 0.75em; padding-bottom: 0.75em; padding-inline-start: 0.75em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody td:first-child,tfoot td:first-child):not(:where([class~='not-prose'],[class~='not-prose'] *)) { padding-inline-start: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(tbody td:last-child,tfoot td:last-child):not(:where([class~='not-prose'],[class~='not-prose'] *)) { padding-inline-end: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(figure):not(:where([class~='not-prose'],[class~='not-prose'] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(figure > *,figure img):not(:where([class~='not-prose'],[class~='not-prose'] *)) { margin-top: 0; margin-bottom: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(figcaption):not(:where([class~='not-prose'],[class~='not-prose'] *)) { font-size: 0.8888889em; line-height: 1.5; margin-top: 1em; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose-lg > :first-child):not(:where([class~='not-prose'],[class~='not-prose'] *)) { margin-top: 0; } :is(.prose-lg :not(:where([class~='not-prose'],[class~='not-prose'] *))):where(.prose-lg > :last-child):not(:where([class~='not-prose'],[class~='not-prose'] *)) { margin-bottom: 0; } .-mt-8 { margin-top: calc(var(--spacing) * -8); } .-mt-10 { margin-top: calc(var(--spacing) * -10); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-auto { margin-top: auto; } .mr-2 { margin-right: calc(var(--spacing) * 2); } .-mb-20 { margin-bottom: calc(var(--spacing) * -20); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-14 { margin-bottom: calc(var(--spacing) * 14); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-auto { margin-bottom: auto; } .-ml-3 { margin-left: calc(var(--spacing) * -3); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .table { display: table; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-\[4\/5\] { aspect-ratio: 4/5; } .aspect-\[16\/9\] { aspect-ratio: 16/9; } .aspect-\[16\/10\] { aspect-ratio: 16/10; } .aspect-\[21\/9\] { aspect-ratio: 21/9; } .aspect-square { aspect-ratio: 1 / 1; } .size-0\.5 { width: calc(var(--spacing) * 0.5); height: calc(var(--spacing) * 0.5); } .size-1 { width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1); } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-36 { width: calc(var(--spacing) * 36); height: calc(var(--spacing) * 36); } .size-96 { width: calc(var(--spacing) * 96); height: calc(var(--spacing) * 96); } .size-\[30rem\] { width: 30rem; height: 30rem; } .size-\[32rem\] { width: 32rem; height: 32rem; } .size-full { width: 100%; height: 100%; } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-8 { height: calc(var(--spacing) * 8); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-\[3px\] { height: 3px; } .h-\[100svh\] { height: 100svh; } .h-\[250px\] { height: 250px; } .h-\[380px\] { height: 380px; } .h-\[420px\] { height: 420px; } .h-\[450px\] { height: 450px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[260px\] { max-height: 260px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[100svh\] { min-height: 100svh; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[400px\] { min-height: 400px; } .w-3\/4 { width: calc(3 / 4 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-8 { width: calc(var(--spacing) * 8); } .w-10 { width: calc(var(--spacing) * 10); } .w-24 { width: calc(var(--spacing) * 24); } .w-\[680px\] { width: 680px; } .w-\[980px\] { width: 980px; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .max-w-wide { max-width: var(--wp--style--global--wide-size, 60rem); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-\[44px\] { min-width: 44px; } .flex-1 { flex: 1; } .flex-\[0_0_82\%\] { flex: 0 0 82%; } .flex-\[0_0_88\%\] { flex: 0 0 88%; } .flex-\[0_0_100\%\] { flex: 0 0 100%; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-8 { --tw-translate-y: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .\[animation\:shimmer_1\.6s_infinite\] { animation: shimmer 1.6s infinite; } .animate-bounce { animation: var(--animate-bounce); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .cursor-grab { cursor: grab; } .cursor-pointer { cursor: pointer; } .touch-manipulation { touch-action: manipulation; } .resize { resize: both; } .resize-y { resize: vertical; } .scroll-mt-32 { scroll-margin-top: calc(var(--spacing) * 32); } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-16 { gap: calc(var(--spacing) * 16); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } :where(.-space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-border\/60 > :not(:last-child)) { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/60 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } .self-center { align-self: center; } .self-start { align-self: flex-start; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[2\.5rem\] { border-radius: 2.5rem; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-xl { border-radius: calc(var(--radius) + 4px); } .rounded-b-full { border-bottom-right-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-\[\#D98A16\] { border-color: #D98A16; } .border-\[\#D98A16\]\/30 { border-color: color-mix(in oklab, #D98A16 30%, transparent); } .border-\[\#D98A16\]\/40 { border-color: color-mix(in oklab, #D98A16 40%, transparent); } .border-\[\#D98A16\]\/50 { border-color: color-mix(in oklab, #D98A16 50%, transparent); } .border-\[\#DDD3C3\] { border-color: #DDD3C3; } .border-\[\#DDD3C3\]\/50 { border-color: color-mix(in oklab, #DDD3C3 50%, transparent); } .border-\[\#DDD3C3\]\/60 { border-color: color-mix(in oklab, #DDD3C3 60%, transparent); } .border-\[\#DDD3C3\]\/80 { border-color: color-mix(in oklab, #DDD3C3 80%, transparent); } .border-\[\#F8F5EF\] { border-color: #F8F5EF; } .border-border { border-color: var(--border); } .border-border\/50 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/50 { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } .border-border\/60 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/60 { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } .border-border\/70 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/70 { border-color: color-mix(in oklab, var(--border) 70%, transparent); } } .border-border\/80 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/80 { border-color: color-mix(in oklab, var(--border) 80%, transparent); } } .border-gray-200 { border-color: var(--color-gray-200); } .border-input { border-color: var(--input); } .border-primary { border-color: var(--primary); } .border-primary\/20 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .border-rose-500\/50 { border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/50 { border-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent); } } .border-transparent { border-color: transparent; } .border-white\/5 { border-color: color-mix(in srgb, #fff 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-white\/5 { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-white\/15 { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/30 { border-color: color-mix(in srgb, #fff 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .border-white\/30 { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-\[\#0F0F0F\] { background-color: #0F0F0F; } .bg-\[\#1A1A1A\] { background-color: #1A1A1A; } .bg-\[\#1A1A1A\]\/90 { background-color: color-mix(in oklab, #1A1A1A 90%, transparent); } .bg-\[\#1DA1F2\] { background-color: #1DA1F2; } .bg-\[\#1F1F1F\] { background-color: #1F1F1F; } .bg-\[\#25d366\] { background-color: #25d366; } .bg-\[\#0077b5\] { background-color: #0077b5; } .bg-\[\#1877f2\] { background-color: #1877f2; } .bg-\[\#141414\] { background-color: #141414; } .bg-\[\#141414\]\/98 { background-color: color-mix(in oklab, #141414 98%, transparent); } .bg-\[\#B86A28\]\/10 { background-color: color-mix(in oklab, #B86A28 10%, transparent); } .bg-\[\#B86A28\]\/15 { background-color: color-mix(in oklab, #B86A28 15%, transparent); } .bg-\[\#D98A16\] { background-color: #D98A16; } .bg-\[\#D98A16\]\/10 { background-color: color-mix(in oklab, #D98A16 10%, transparent); } .bg-\[\#D98A16\]\/15 { background-color: color-mix(in oklab, #D98A16 15%, transparent); } .bg-\[\#D98A16\]\/20 { background-color: color-mix(in oklab, #D98A16 20%, transparent); } .bg-\[\#D98A16\]\/40 { background-color: color-mix(in oklab, #D98A16 40%, transparent); } .bg-\[\#DDD3C3\] { background-color: #DDD3C3; } .bg-\[\#DDD3C3\]\/30 { background-color: color-mix(in oklab, #DDD3C3 30%, transparent); } .bg-\[\#DDD3C3\]\/80 { background-color: color-mix(in oklab, #DDD3C3 80%, transparent); } .bg-\[\#E9DFC9\] { background-color: #E9DFC9; } .bg-\[\#E9DFC9\]\/30 { background-color: color-mix(in oklab, #E9DFC9 30%, transparent); } .bg-\[\#F3EEE5\] { background-color: #F3EEE5; } .bg-\[\#F8F5EF\] { background-color: #F8F5EF; } .bg-\[\#FCFAF6\] { background-color: #FCFAF6; } .bg-\[\#f5f0e6\] { background-color: #f5f0e6; } .bg-\[rgb\(245_240_230\)\] { background-color: rgb(245 240 230); } .bg-accent\/10 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/10 { background-color: color-mix(in oklab, var(--accent) 10%, transparent); } } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-background { background-color: var(--background); } .bg-background\/80 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/80 { background-color: color-mix(in oklab, var(--background) 80%, transparent); } } .bg-background\/90 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/90 { background-color: color-mix(in oklab, var(--background) 90%, transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\/40 { background-color: color-mix(in srgb, #000 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/60 { background-color: color-mix(in srgb, #000 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/70 { background-color: color-mix(in srgb, #000 70%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/70 { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/85 { background-color: color-mix(in srgb, #000 85%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/85 { background-color: color-mix(in oklab, var(--color-black) 85%, transparent); } } .bg-black\/95 { background-color: color-mix(in srgb, #000 95%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/95 { background-color: color-mix(in oklab, var(--color-black) 95%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-card { background-color: var(--card); } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-500 { background-color: var(--color-green-500); } .bg-muted { background-color: var(--muted); } .bg-muted\/70 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/70 { background-color: color-mix(in oklab, var(--muted) 70%, transparent); } } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-primary { background-color: var(--primary); } .bg-primary-foreground\/20 { background-color: var(--primary-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-primary-foreground\/20 { background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent); } } .bg-primary\/10 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .bg-primary\/90 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/90 { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } .bg-red-500 { background-color: var(--color-red-500); } .bg-rose-500\/20 { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/20 { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .bg-slate-800 { background-color: var(--color-slate-800); } .bg-stone-50 { background-color: var(--color-stone-50); } .bg-stone-100 { background-color: var(--color-stone-100); } .bg-stone-200 { background-color: var(--color-stone-200); } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/5 { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/10 { background-color: color-mix(in srgb, #fff 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/30 { background-color: color-mix(in srgb, #fff 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/90 { background-color: color-mix(in srgb, #fff 90%, transparent); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-\[\#141414\] { --tw-gradient-from: #141414; --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-\[\#D98A16\] { --tw-gradient-from: #D98A16; --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-black\/50 { --tw-gradient-from: color-mix(in srgb, #000 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .from-black\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent); } } .from-black\/50 { --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-black\/60 { --tw-gradient-from: color-mix(in srgb, #000 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .from-black\/60 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent); } } .from-black\/60 { --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-black\/75 { --tw-gradient-from: color-mix(in srgb, #000 75%, transparent); } @supports (color: color-mix(in lab, red, red)) { .from-black\/75 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 75%, transparent); } } .from-black\/75 { --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-black\/90 { --tw-gradient-from: color-mix(in srgb, #000 90%, transparent); } @supports (color: color-mix(in lab, red, red)) { .from-black\/90 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent); } } .from-black\/90 { --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-muted-foreground\/40 { --tw-gradient-from: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .from-muted-foreground\/40 { --tw-gradient-from: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .from-muted-foreground\/40 { --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 { --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-\[\#141414\]\/50 { --tw-gradient-via: color-mix(in oklab, #141414 50%, transparent); --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-black\/30 { --tw-gradient-via: color-mix(in srgb, #000 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .via-black\/30 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent); } } .via-black\/30 { --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-black\/35 { --tw-gradient-via: color-mix(in srgb, #000 35%, transparent); } @supports (color: color-mix(in lab, red, red)) { .via-black\/35 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 35%, transparent); } } .via-black\/35 { --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-black\/40 { --tw-gradient-via: color-mix(in srgb, #000 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .via-black\/40 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent); } } .via-black\/40 { --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-foreground\/70 { --tw-gradient-via: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .via-foreground\/70 { --tw-gradient-via: color-mix(in oklab, var(--foreground) 70%, transparent); } } .via-foreground\/70 { --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-transparent { --tw-gradient-via: transparent; --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-white\/10 { --tw-gradient-via: color-mix(in srgb, #fff 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .via-white\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-white) 10%, transparent); } } .via-white\/10 { --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-\[\#B86A28\] { --tw-gradient-to: #B86A28; --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-\[\#b87310\] { --tw-gradient-to: #b87310; --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-black\/10 { --tw-gradient-to: color-mix(in srgb, #000 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .to-black\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent); } } .to-black\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/20 { --tw-gradient-to: color-mix(in srgb, #000 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .to-black\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent); } } .to-black\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/40 { --tw-gradient-to: color-mix(in srgb, #000 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .to-black\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent); } } .to-black\/40 { --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-black\/60 { --tw-gradient-to: color-mix(in srgb, #000 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .to-black\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent); } } .to-black\/60 { --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-muted-foreground\/40 { --tw-gradient-to: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .to-muted-foreground\/40 { --tw-gradient-to: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .to-muted-foreground\/40 { --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 { --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)); } .bg-clip-text { background-clip: text; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .ps-1 { padding-inline-start: calc(var(--spacing) * 1); } .ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .ps-11 { padding-inline-start: calc(var(--spacing) * 11); } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .pe-5 { padding-inline-end: calc(var(--spacing) * 5); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-28 { padding-top: calc(var(--spacing) * 28); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-14 { padding-bottom: calc(var(--spacing) * 14); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-start { text-align: start; } .align-middle { vertical-align: middle; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } .text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[13vw\] { font-size: 13vw; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; } .leading-\[1\.12\] { --tw-leading: 1.12; line-height: 1.12; } .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; } .leading-\[1\.25\] { --tw-leading: 1.25; line-height: 1.25; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-wrap { text-wrap: wrap; } .break-all { word-break: break-all; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .text-\[\#2B2B2B\] { color: #2B2B2B; } .text-\[\#2B2B2B\]\/20 { color: color-mix(in oklab, #2B2B2B 20%, transparent); } .text-\[\#2B2B2B\]\/70 { color: color-mix(in oklab, #2B2B2B 70%, transparent); } .text-\[\#2B2B2B\]\/80 { color: color-mix(in oklab, #2B2B2B 80%, transparent); } .text-\[\#6E6A64\] { color: #6E6A64; } .text-\[\#6E6A64\]\/70 { color: color-mix(in oklab, #6E6A64 70%, transparent); } .text-\[\#6e6a64\] { color: #6e6a64; } .text-\[\#25D366\] { color: #25D366; } .text-\[\#141414\] { color: #141414; } .text-\[\#D98A16\] { color: #D98A16; } .text-\[\#D98A16\]\/40 { color: color-mix(in oklab, #D98A16 40%, transparent); } .text-\[\#D98A16\]\/75 { color: color-mix(in oklab, #D98A16 75%, transparent); } .text-\[\#D98A16\]\/80 { color: color-mix(in oklab, #D98A16 80%, transparent); } .text-\[\#E5DAC8\]\/45 { color: color-mix(in oklab, #E5DAC8 45%, transparent); } .text-\[…\] { color: …; } .text-amber-500 { color: var(--color-amber-500); } .text-blue-900 { color: var(--color-blue-900); } .text-border { color: var(--border); } .text-current { color: currentcolor; } .text-destructive { color: var(--destructive); } .text-emerald-600 { color: var(--color-emerald-600); } .text-foreground { color: var(--foreground); } .text-foreground\/80 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/80 { color: color-mix(in oklab, var(--foreground) 80%, transparent); } } .text-foreground\/90 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/90 { color: color-mix(in oklab, var(--foreground) 90%, transparent); } } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-green-500 { color: var(--color-green-500); } .text-muted-foreground { color: var(--muted-foreground); } .text-primary { color: var(--primary); } .text-primary-foreground { color: var(--primary-foreground); } .text-red-600 { color: var(--color-red-600); } .text-rose-400 { color: var(--color-rose-400); } .text-rose-500 { color: var(--color-rose-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-900 { color: var(--color-slate-900); } .text-transparent { color: transparent; } .text-white { color: var(--color-white); } .text-white\/25 { color: color-mix(in srgb, #fff 25%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/25 { color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .text-white\/30 { color: color-mix(in srgb, #fff 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/30 { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/40 { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); } @supports (color: color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .underline { text-decoration-line: underline; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-\[\#6E6A64\]\/60::placeholder { color: color-mix(in oklab, #6E6A64 60%, transparent); } .accent-\[\#D98A16\] { accent-color: #D98A16; } .opacity-0 { opacity: 0%; } .opacity-10 { opacity: 10%; } .opacity-15 { opacity: 15%; } .opacity-20 { opacity: 20%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-100 { opacity: 100%; } .opacity-\[0\.04\] { opacity: 0.04; } .opacity-\[0\.07\] { opacity: 0.07; } .opacity-\[0\.035\] { opacity: 0.035; } .shadow { --tw-shadow: var(--shadow); 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 { --tw-shadow: var(--shadow-2xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xs { --tw-shadow: var(--shadow-2xs); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: var(--shadow-sm); 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 { --tw-shadow: var(--shadow-xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: var(--shadow-xs); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow\/elevation { --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --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); } .ring-\[\#D98A16\]\/30 { --tw-ring-color: color-mix(in oklab, #D98A16 30%, transparent); } .ring-\[\#F8F5EF\] { --tw-ring-color: #F8F5EF; } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); 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,); } .blur-\[120px\] { --tw-blur: blur(120px); 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,); } .blur-\[130px\] { --tw-blur: blur(130px); 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,); } .blur-\[140px\] { --tw-blur: blur(140px); 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-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); 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-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); 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-xl { --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .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 { --tw-backdrop-blur: blur(var(--blur-2xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .content-none { --tw-content: none; content: none; } .prose-neutral { --tw-prose-body: var(--color-neutral-700); --tw-prose-headings: var(--color-neutral-900); --tw-prose-lead: var(--color-neutral-600); --tw-prose-links: var(--color-neutral-900); --tw-prose-bold: var(--color-neutral-900); --tw-prose-counters: var(--color-neutral-500); --tw-prose-bullets: var(--color-neutral-300); --tw-prose-hr: var(--color-neutral-200); --tw-prose-quotes: var(--color-neutral-900); --tw-prose-quote-borders: var(--color-neutral-200); --tw-prose-captions: var(--color-neutral-500); --tw-prose-kbd: var(--color-neutral-900); --tw-prose-kbd-shadows: var(--color-neutral-900); --tw-prose-code: var(--color-neutral-900); --tw-prose-pre-code: var(--color-neutral-200); --tw-prose-pre-bg: var(--color-neutral-800); --tw-prose-th-borders: var(--color-neutral-300); --tw-prose-td-borders: var(--color-neutral-200); --tw-prose-invert-body: var(--color-neutral-300); --tw-prose-invert-headings: var(--color-white); --tw-prose-invert-lead: var(--color-neutral-400); --tw-prose-invert-links: var(--color-white); --tw-prose-invert-bold: var(--color-white); --tw-prose-invert-counters: var(--color-neutral-400); --tw-prose-invert-bullets: var(--color-neutral-600); --tw-prose-invert-hr: var(--color-neutral-700); --tw-prose-invert-quotes: var(--color-neutral-100); --tw-prose-invert-quote-borders: var(--color-neutral-700); --tw-prose-invert-captions: var(--color-neutral-400); --tw-prose-invert-kbd: var(--color-white); --tw-prose-invert-kbd-shadows: var(--color-white); --tw-prose-invert-code: var(--color-white); --tw-prose-invert-pre-code: var(--color-neutral-300); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: var(--color-neutral-600); --tw-prose-invert-td-borders: var(--color-neutral-700); } .select-none { -webkit-user-select: none; user-select: none; } @media (hover: hover) { .group-hover\:w-12:is(:where(.group):hover *) { width: calc(var(--spacing) * 12); } } @media (hover: hover) { .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:border-\[\#D98A16\]:is(:where(.group):hover *) { border-color: #D98A16; } } @media (hover: hover) { .group-hover\:border-primary:is(:where(.group):hover *) { border-color: var(--primary); } } @media (hover: hover) { .group-hover\:bg-\[\#D98A16\]:is(:where(.group):hover *) { background-color: #D98A16; } } @media (hover: hover) { .group-hover\:bg-primary:is(:where(.group):hover *) { background-color: var(--primary); } } @media (hover: hover) { .group-hover\:bg-white:is(:where(.group):hover *) { background-color: var(--color-white); } } @media (hover: hover) { .group-hover\:from-black\/95:is(:where(.group):hover *) { --tw-gradient-from: color-mix(in srgb, #000 95%, transparent); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:from-black\/95:is(:where(.group):hover *) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 95%, transparent); } } .group-hover\:from-black\/95:is(:where(.group):hover *) { --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)); } } @media (hover: hover) { .group-hover\:text-\[\#D98A16\]:is(:where(.group):hover *) { color: #D98A16; } } @media (hover: hover) { .group-hover\:text-primary:is(:where(.group):hover *) { color: var(--primary); } } @media (hover: hover) { .group-hover\:text-primary-foreground:is(:where(.group):hover *) { color: var(--primary-foreground); } } @media (hover: hover) { .group-hover\:text-primary\/90:is(:where(.group):hover *) { color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:text-primary\/90:is(:where(.group):hover *) { color: color-mix(in oklab, var(--primary) 90%, transparent); } } } @media (hover: hover) { .group-hover\:text-rose-400:is(:where(.group):hover *) { color: var(--color-rose-400); } } @media (hover: hover) { .group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white); } } @media (hover: hover) { .group-hover\:underline:is(:where(.group):hover *) { text-decoration-line: underline; } } @media (hover: hover) { .group-hover\:opacity-90:is(:where(.group):hover *) { opacity: 90%; } } @media (hover: hover) { .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 100%; } } .placeholder\:text-muted-foreground::placeholder { color: var(--muted-foreground); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:bottom-0::after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .after\:left-0::after { content: var(--tw-content); left: calc(var(--spacing) * 0); } .after\:h-0\.5::after { content: var(--tw-content); height: calc(var(--spacing) * 0.5); } .after\:w-0::after { content: var(--tw-content); width: calc(var(--spacing) * 0); } .after\:bg-\[\#D98A16\]::after { content: var(--tw-content); background-color: #D98A16; } .after\:transition-all::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .first\:pt-0:first-child { padding-top: calc(var(--spacing) * 0); } .focus-within\:border-transparent:focus-within { border-color: transparent; } .focus-within\:ring-2:focus-within { --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-within\:ring-ring:focus-within { --tw-ring-color: var(--ring); } @media (hover: hover) { .hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .hover\:-translate-y-2:hover { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (hover: hover) { .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .hover\:scale-\[1\.01\]:hover { scale: 1.01; } } @media (hover: hover) { .hover\:scale-\[1\.02\]:hover { scale: 1.02; } } @media (hover: hover) { .hover\:scale-\[1\.03\]:hover { scale: 1.03; } } @media (hover: hover) { .hover\:border-\[\#2B2B2B\]:hover { border-color: #2B2B2B; } } @media (hover: hover) { .hover\:border-\[\#D98A16\]:hover { border-color: #D98A16; } } @media (hover: hover) { .hover\:border-\[\#D98A16\]\/30:hover { border-color: color-mix(in oklab, #D98A16 30%, transparent); } } @media (hover: hover) { .hover\:border-\[\#D98A16\]\/50:hover { border-color: color-mix(in oklab, #D98A16 50%, transparent); } } @media (hover: hover) { .hover\:border-\[\#D98A16\]\/60:hover { border-color: color-mix(in oklab, #D98A16 60%, transparent); } } @media (hover: hover) { .hover\:border-primary\/50:hover { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/50:hover { border-color: color-mix(in oklab, var(--primary) 50%, transparent); } } } @media (hover: hover) { .hover\:border-secondary:hover { border-color: var(--secondary); } } @media (hover: hover) { .hover\:border-white\/10:hover { border-color: color-mix(in srgb, #fff 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/10:hover { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } @media (hover: hover) { .hover\:bg-\[\#1a8cd8\]:hover { background-color: #1a8cd8; } } @media (hover: hover) { .hover\:bg-\[\#1fba5a\]:hover { background-color: #1fba5a; } } @media (hover: hover) { .hover\:bg-\[\#166fe5\]:hover { background-color: #166fe5; } } @media (hover: hover) { .hover\:bg-\[\#006399\]:hover { background-color: #006399; } } @media (hover: hover) { .hover\:bg-\[\#D98A16\]:hover { background-color: #D98A16; } } @media (hover: hover) { .hover\:bg-\[\#D98A16\]\/20:hover { background-color: color-mix(in oklab, #D98A16 20%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#E9DFC9\]:hover { background-color: #E9DFC9; } } @media (hover: hover) { .hover\:bg-\[\#E9DFC9\]\/40:hover { background-color: color-mix(in oklab, #E9DFC9 40%, transparent); } } @media (hover: hover) { .hover\:bg-\[\#b87310\]:hover { background-color: #b87310; } } @media (hover: hover) { .hover\:bg-accent:hover { background-color: var(--accent); } } @media (hover: hover) { .hover\:bg-black\/5:hover { background-color: color-mix(in srgb, #000 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/5:hover { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } } @media (hover: hover) { .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } } @media (hover: hover) { .hover\:bg-muted:hover { background-color: var(--muted); } } @media (hover: hover) { .hover\:bg-secondary:hover { background-color: var(--secondary); } } @media (hover: hover) { .hover\:bg-slate-700:hover { background-color: var(--color-slate-700); } } @media (hover: hover) { .hover\:bg-white\/5:hover { background-color: color-mix(in srgb, #fff 5%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/5:hover { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } @media (hover: hover) { .hover\:bg-white\/10:hover { background-color: color-mix(in srgb, #fff 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } @media (hover: hover) { .hover\:bg-white\/20:hover { background-color: color-mix(in srgb, #fff 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/20:hover { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } @media (hover: hover) { .hover\:text-\[\#2B2B2B\]:hover { color: #2B2B2B; } } @media (hover: hover) { .hover\:text-\[\#D98A16\]:hover { color: #D98A16; } } @media (hover: hover) { .hover\:text-foreground:hover { color: var(--foreground); } } @media (hover: hover) { .hover\:text-primary:hover { color: var(--primary); } } @media (hover: hover) { .hover\:text-secondary-foreground:hover { color: var(--secondary-foreground); } } @media (hover: hover) { .hover\:text-white:hover { color: var(--color-white); } } @media (hover: hover) { .hover\:no-underline:hover { text-decoration-line: none; } } @media (hover: hover) { .hover\:underline:hover { text-decoration-line: underline; } } @media (hover: hover) { .hover\:opacity-90:hover { opacity: 90%; } } @media (hover: hover) { .hover\:shadow-2xl:hover { --tw-shadow: var(--shadow-2xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-lg:hover { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-md:hover { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-none:hover { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-xl:hover { --tw-shadow: var(--shadow-xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:after\:w-full:hover::after { content: var(--tw-content); width: 100%; } } .focus\:not-sr-only:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } .focus\:border-\[\#D98A16\]:focus { border-color: #D98A16; } .focus\:border-transparent:focus { border-color: transparent; } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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-2:focus { --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\:ring-4:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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-\[\#D98A16\]\/20:focus { --tw-ring-color: color-mix(in oklab, #D98A16 20%, transparent); } .focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } .focus\:ring-ring:focus { --tw-ring-color: var(--ring); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-\[0\.98\]:active { scale: 0.98; } .active\:cursor-grabbing:active { cursor: grabbing; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-30:disabled { opacity: 30%; } .disabled\:opacity-40:disabled { opacity: 40%; } @media (width >= 40rem) { .sm\:right-8 { right: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:left-8 { left: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:-mb-24 { margin-bottom: calc(var(--spacing) * -24); } } @media (width >= 40rem) { .sm\:inline-flex { display: inline-flex; } } @media (width >= 40rem) { .sm\:aspect-\[16\/9\] { aspect-ratio: 16/9; } } @media (width >= 40rem) { .sm\:aspect-\[16\/10\] { aspect-ratio: 16/10; } } @media (width >= 40rem) { .sm\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } } @media (width >= 40rem) { .sm\:size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28); } } @media (width >= 40rem) { .sm\:size-44 { width: calc(var(--spacing) * 44); height: calc(var(--spacing) * 44); } } @media (width >= 40rem) { .sm\:h-6 { height: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:h-12 { height: calc(var(--spacing) * 12); } } @media (width >= 40rem) { .sm\:h-\[350px\] { height: 350px; } } @media (width >= 40rem) { .sm\:w-1\/2 { width: calc(1 / 2 * 100%); } } @media (width >= 40rem) { .sm\:w-auto { width: auto; } } @media (width >= 40rem) { .sm\:flex-\[0_0_42\%\] { flex: 0 0 42%; } } @media (width >= 40rem) { .sm\:flex-\[0_0_48\%\] { flex: 0 0 48%; } } @media (width >= 40rem) { .sm\:flex-\[0_0_60\%\] { flex: 0 0 60%; } } @media (width >= 40rem) { .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 40rem) { .sm\:flex-row { flex-direction: row; } } @media (width >= 40rem) { .sm\:items-center { align-items: center; } } @media (width >= 40rem) { .sm\:items-end { align-items: flex-end; } } @media (width >= 40rem) { .sm\:items-start { align-items: flex-start; } } @media (width >= 40rem) { .sm\:justify-between { justify-content: space-between; } } @media (width >= 40rem) { .sm\:gap-0 { gap: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:self-auto { align-self: auto; } } @media (width >= 40rem) { .sm\:border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } } @media (width >= 40rem) { .sm\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } @media (width >= 40rem) { .sm\:p-5 { padding: calc(var(--spacing) * 5); } } @media (width >= 40rem) { .sm\:p-6 { padding: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:p-7 { padding: calc(var(--spacing) * 7); } } @media (width >= 40rem) { .sm\:p-8 { padding: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:p-9 { padding: calc(var(--spacing) * 9); } } @media (width >= 40rem) { .sm\:p-10 { padding: calc(var(--spacing) * 10); } } @media (width >= 40rem) { .sm\:p-12 { padding: calc(var(--spacing) * 12); } } @media (width >= 40rem) { .sm\:p-14 { padding: calc(var(--spacing) * 14); } } @media (width >= 40rem) { .sm\:p-16 { padding: calc(var(--spacing) * 16); } } @media (width >= 40rem) { .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } } @media (width >= 40rem) { .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (width >= 40rem) { .sm\:py-16 { padding-block: calc(var(--spacing) * 16); } } @media (width >= 40rem) { .sm\:py-20 { padding-block: calc(var(--spacing) * 20); } } @media (width >= 40rem) { .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } } @media (width >= 40rem) { .sm\:py-28 { padding-block: calc(var(--spacing) * 28); } } @media (width >= 40rem) { .sm\:pe-4 { padding-inline-end: calc(var(--spacing) * 4); } } @media (width >= 40rem) { .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } } @media (width >= 40rem) { .sm\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } } @media (width >= 40rem) { .sm\:pb-14 { padding-bottom: calc(var(--spacing) * 14); } } @media (width >= 40rem) { .sm\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } } @media (width >= 40rem) { .sm\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } } @media (width >= 40rem) { .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } @media (width >= 40rem) { .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } @media (width >= 40rem) { .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } @media (width >= 40rem) { .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } @media (width >= 40rem) { .sm\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } @media (width >= 40rem) { .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @media (width >= 40rem) { .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media (width >= 40rem) { .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 40rem) { .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 40rem) { .sm\:text-\[15vw\] { font-size: 15vw; } } @media (width >= 48rem) { .md\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 48rem) { .md\:col-span-4 { grid-column: span 4 / span 4; } } @media (width >= 48rem) { .md\:col-span-5 { grid-column: span 5 / span 5; } } @media (width >= 48rem) { .md\:col-span-7 { grid-column: span 7 / span 7; } } @media (width >= 48rem) { .md\:col-span-9 { grid-column: span 9 / span 9; } } @media (width >= 48rem) { .md\:block { display: block; } } @media (width >= 48rem) { .md\:flex { display: flex; } } @media (width >= 48rem) { .md\:hidden { display: none; } } @media (width >= 48rem) { .md\:aspect-auto { aspect-ratio: auto; } } @media (width >= 48rem) { .md\:h-\[400px\] { height: 400px; } } @media (width >= 48rem) { .md\:max-h-\[80vh\] { max-height: 80vh; } } @media (width >= 48rem) { .md\:min-h-\[500px\] { min-height: 500px; } } @media (width >= 48rem) { .md\:w-1\/3 { width: calc(1 / 3 * 100%); } } @media (width >= 48rem) { .md\:w-80 { width: calc(var(--spacing) * 80); } } @media (width >= 48rem) { .md\:flex-\[0_0_32\%\] { flex: 0 0 32%; } } @media (width >= 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:flex-row { flex-direction: row; } } @media (width >= 48rem) { .md\:items-center { align-items: center; } } @media (width >= 48rem) { .md\:items-end { align-items: flex-end; } } @media (width >= 48rem) { .md\:gap-12 { gap: calc(var(--spacing) * 12); } } @media (width >= 48rem) { .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } @media (width >= 48rem) { .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } @media (width >= 48rem) { .md\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } @media (width >= 48rem) { .md\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } @media (width >= 48rem) { .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 48rem) { .md\:text-\[3\.5rem\] { font-size: 3.5rem; } } @media (width >= 64rem) { .lg\:sticky { position: sticky; } } @media (width >= 64rem) { .lg\:top-28 { top: calc(var(--spacing) * 28); } } @media (width >= 64rem) { .lg\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 64rem) { .lg\:col-span-4 { grid-column: span 4 / span 4; } } @media (width >= 64rem) { .lg\:col-span-5 { grid-column: span 5 / span 5; } } @media (width >= 64rem) { .lg\:col-span-6 { grid-column: span 6 / span 6; } } @media (width >= 64rem) { .lg\:col-span-7 { grid-column: span 7 / span 7; } } @media (width >= 64rem) { .lg\:col-span-8 { grid-column: span 8 / span 8; } } @media (width >= 64rem) { .lg\:col-span-12 { grid-column: span 12 / span 12; } } @media (width >= 64rem) { .lg\:my-24 { margin-block: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:mb-20 { margin-bottom: calc(var(--spacing) * 20); } } @media (width >= 64rem) { .lg\:aspect-square { aspect-ratio: 1 / 1; } } @media (width >= 64rem) { .lg\:h-\[450px\] { height: 450px; } } @media (width >= 64rem) { .lg\:w-1\/4 { width: calc(1 / 4 * 100%); } } @media (width >= 64rem) { .lg\:w-44 { width: calc(var(--spacing) * 44); } } @media (width >= 64rem) { .lg\:flex-\[0_0_24\%\] { flex: 0 0 24%; } } @media (width >= 64rem) { .lg\:flex-\[0_0_31\%\] { flex: 0 0 31%; } } @media (width >= 64rem) { .lg\:flex-\[0_0_45\%\] { flex: 0 0 45%; } } @media (width >= 64rem) { .lg\:-translate-y-5 { --tw-translate-y: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (width >= 64rem) { .lg\:translate-y-5 { --tw-translate-y: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (width >= 64rem) { .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:flex-row { flex-direction: row; } } @media (width >= 64rem) { .lg\:justify-end { justify-content: flex-end; } } @media (width >= 64rem) { .lg\:gap-8 { gap: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:gap-10 { gap: calc(var(--spacing) * 10); } } @media (width >= 64rem) { .lg\:gap-12 { gap: calc(var(--spacing) * 12); } } @media (width >= 64rem) { .lg\:p-8 { padding: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:p-14 { padding: calc(var(--spacing) * 14); } } @media (width >= 64rem) { .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:py-24 { padding-block: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:py-28 { padding-block: calc(var(--spacing) * 28); } } @media (width >= 64rem) { .lg\:pb-24 { padding-bottom: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } @media (width >= 64rem) { .lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } @media (width >= 80rem) { .xl\:col-span-5 { grid-column: span 5 / span 5; } } @media (width >= 80rem) { .xl\:col-span-7 { grid-column: span 7 / span 7; } } @media (width >= 80rem) { .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .dark\:bg-gray-950:is(.dark *) { background-color: var(--color-gray-950); } .prose-headings\:font-serif :is(h1,h2,h3,h4,th):not(:where([class~='not-prose'],[class~='not-prose'] *)) { font-family: var(--font-serif); } .prose-headings\:text-\[\#2B2B2B\] :is(h1,h2,h3,h4,th):not(:where([class~='not-prose'],[class~='not-prose'] *)) { color: #2B2B2B; } .prose-p\:text-\[\#2B2B2B\]\/90 :is(p):not(:where([class~='not-prose'],[class~='not-prose'] *)) { color: color-mix(in oklab, #2B2B2B 90%, transparent); } .prose-a\:text-\[\#D98A16\] :is(a):not(:where([class~='not-prose'],[class~='not-prose'] *)) { color: #D98A16; } .prose-a\:text-primary :is(a):not(:where([class~='not-prose'],[class~='not-prose'] *)) { color: var(--primary); } .prose-blockquote\:border-\[\#D98A16\] :is(blockquote):not(:where([class~='not-prose'],[class~='not-prose'] *)) { border-color: #D98A16; } .prose-blockquote\:text-\[\#6E6A64\] :is(blockquote):not(:where([class~='not-prose'],[class~='not-prose'] *)) { color: #6E6A64; } .prose-strong\:text-\[\#2B2B2B\] :is(strong):not(:where([class~='not-prose'],[class~='not-prose'] *)) { color: #2B2B2B; } .prose-th\:text-\[\#2B2B2B\] :is(th):not(:where([class~='not-prose'],[class~='not-prose'] *)) { color: #2B2B2B; } .prose-td\:text-\[\#2B2B2B\]\/80 :is(td):not(:where([class~='not-prose'],[class~='not-prose'] *)) { color: color-mix(in oklab, #2B2B2B 80%, transparent); } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @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-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-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-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-font-weight: initial; --tw-border-style: solid; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-leading: initial; --tw-duration: initial; --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-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-ease: initial; --tw-content: ""; } } }