/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --spacing: 0.25rem; --container-md: 28rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / 0.875); --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; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wider: 0.05em; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-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 utilities { .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-auto { margin-inline: auto; } .prose { color: var(--tw-prose-body); max-width: 65ch; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; 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); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; 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-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { 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; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); font-size: 1rem; line-height: 1.75; :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } .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-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline-flex { display: inline-flex; } .h-auto { height: auto; } .w-full { width: 100%; } .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-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .flex-1 { flex: 1; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-right { text-align: right; } .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-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)); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .uppercase { text-transform: uppercase; } .not-italic { font-style: normal; } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .md\:mx-0 { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * 0); } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-3xl { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .md\:text-4xl { @media (width >= 48rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .md\:text-5xl { @media (width >= 48rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } } @layer base { :root { --dlf-yellow: #ffd51f; --dlf-yellow-soft: #fff1a6; --dlf-ink: #161713; --dlf-green: #203e35; --dlf-paper: #f7f4ed; --dlf-white: #fff; --dlf-muted: #686b62; --dlf-line: rgba(22,23,19,.16); --dlf-shadow: 0 24px 80px rgba(23,26,20,.13); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--dlf-paper); color: var(--dlf-ink); font-family: "Manrope", sans-serif; font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; } body.admin-bar .dlf-header { top: 32px; } a { color: inherit; text-decoration: none; } img { display: block; width: 100%; height: auto; } button, input, textarea, select { font: inherit; } h1, h2, h3, h4, p { margin-top: 0; } h1, h2, h3, .dlf-display { font-family: "Bricolage Grotesque", sans-serif; font-weight: 750; letter-spacing: -.048em; line-height: 1.01; } h1 { font-size: clamp(3.8rem, 7vw, 7.15rem); margin-bottom: 1.6rem; } h2 { font-size: clamp(2.6rem, 4.5vw, 4.5rem); margin-bottom: 1.4rem; } h3 { font-size: 1.8rem; margin-bottom: .75rem; } [x-cloak] { display: none !important; } ::selection { background: var(--dlf-yellow); color: var(--dlf-ink); } } @layer components { .dlf-site { overflow-x: clip; } .dlf-skip-link { position: fixed; z-index: 1000; left: 18px; top: 18px; padding: 12px 17px; border-radius: 10px; background: #fff; color: var(--dlf-ink); font-weight: 850; transform: translateY(-160%); transition: transform .2s ease; box-shadow: var(--dlf-shadow); } .dlf-skip-link:focus { transform: translateY(0); } .dlf-container { width: min(1240px, calc(100% - 80px)); margin-inline: auto; } .dlf-header-shell { position: relative; z-index: 40; background: var(--dlf-paper); } .dlf-header-shell--dark { background: var(--dlf-ink); color: #fff; } .dlf-header-shell--dark .dlf-nav { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.07); } .dlf-header-shell--dark .dlf-nav a { color: rgba(255,255,255,.72); } .dlf-header-shell--dark .dlf-nav a:hover, .dlf-header-shell--dark .dlf-nav a.is-active { background: #fff; color: var(--dlf-ink); } .dlf-header-shell--dark .dlf-menu-button { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: #fff; } .dlf-header { height: 94px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 28px; width: min(1340px, calc(100% - 60px)); margin-inline: auto; position: relative; z-index: 40; } .dlf-brand { display: inline-flex; align-items: center; gap: 13px; font-size: 1.25rem; font-weight: 850; letter-spacing: -.04em; white-space: nowrap; } .dlf-brand-mark { width: 44px; height: 44px; display: inline-grid; place-items: center; border-radius: 13px; background: var(--dlf-yellow); transition: transform .25s ease; } .dlf-brand:hover .dlf-brand-mark { transform: rotate(7deg); } .dlf-brand-mark svg { width: 22px; height: 22px; } .dlf-brand-mark--image { position: relative; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(22,23,19,.08); } .dlf-brand-mark--image img { position: absolute; top: 0; left: 50%; width: 70px; max-width: none; height: auto; transform: translateX(-50%); } .dlf-nav { display: flex; align-items: center; gap: 5px; padding: 5px; border: 1px solid var(--dlf-line); border-radius: 999px; background: rgba(255,255,255,.75); backdrop-filter: blur(12px); } .dlf-nav a { padding: 9px 14px; border-radius: 999px; font-size: .82rem; font-weight: 760; color: #55584f; transition: .2s ease; } .dlf-nav a:hover, .dlf-nav a.is-active { background: var(--dlf-ink); color: #fff; } .dlf-menu-button { display: none; width: 48px; height: 48px; border: 1px solid var(--dlf-line); border-radius: 14px; background: #fff; } .dlf-mobile-nav { position: absolute; top: 82px; left: 0; right: 0; padding: 18px; border-radius: 24px; background: #fff; box-shadow: var(--dlf-shadow); } .dlf-mobile-nav a { display: block; padding: 14px; border-bottom: 1px solid var(--dlf-line); font-weight: 800; } .dlf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 24px; border: 1.5px solid var(--dlf-ink); border-radius: 999px; background: var(--dlf-ink); color: #fff; font-size: .88rem; font-weight: 850; letter-spacing: .01em; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; } .dlf-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(22,23,19,.18); } .dlf-btn--yellow { background: var(--dlf-yellow); border-color: var(--dlf-yellow); color: var(--dlf-ink); } .dlf-btn--light { background: transparent; color: var(--dlf-ink); border-color: var(--dlf-line); } .dlf-btn--small { min-height: 46px; padding-inline: 18px; font-size: .8rem; } .dlf-btn-dot { width: 29px; height: 29px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--dlf-yellow); color: var(--dlf-ink); } .dlf-btn--yellow .dlf-btn-dot { background: var(--dlf-ink); color: #fff; } .dlf-section { padding: 108px 0; } .dlf-section--tight { padding: 74px 0; } .dlf-section--white { background: #fff; } .dlf-section--dark { background: var(--dlf-ink); color: #fff; } .dlf-section--green { background: var(--dlf-green); color: #fff; } .dlf-grid-2 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 68px; align-items: center; } .dlf-grid-3 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; } .dlf-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: .72rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 850; } .dlf-eyebrow::before { content: ""; width: 28px; height: 7px; border-radius: 99px; background: var(--dlf-yellow); } .dlf-eyebrow--light { color: rgba(255,255,255,.72); } .dlf-lead { max-width: 680px; font-size: 1.16rem; line-height: 1.62; color: #565a51; } .dlf-highlight { position: relative; z-index: 0; white-space: nowrap; } .dlf-highlight::after { content: ""; position: absolute; z-index: -1; left: -.04em; right: -.04em; bottom: .06em; height: .35em; background: var(--dlf-yellow); transform: rotate(-1deg); } .dlf-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; } .dlf-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; margin-bottom: 52px; } .dlf-section-heading > p { max-width: 470px; margin-bottom: 8px; color: var(--dlf-muted); } .dlf-hero { min-height: 720px; position: relative; overflow: hidden; border-radius: 0 0 54px 54px; background: var(--dlf-ink); color: #fff; } .dlf-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(90deg,rgba(22,23,19,1) 0%,rgba(22,23,19,.97) 37%,rgba(22,23,19,.38) 66%,rgba(22,23,19,.12) 100%), var(--hero-image); background-size: cover; background-position: center; } .dlf-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -190px; bottom: -235px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; } .dlf-hero .dlf-container { min-height: 626px; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding-block: 55px 74px; } .dlf-hero-copy { width: min(700px,70%); } .dlf-hero .dlf-lead { color: rgba(255,255,255,.76); max-width: 590px; } .dlf-proof { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 48px; color: rgba(255,255,255,.68); font-size: .78rem; font-weight: 750; } .dlf-proof span { display: inline-flex; align-items: center; gap: 8px; } .dlf-proof span::before { content: "✓"; width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; color: var(--dlf-yellow); font-size: .65rem; } .dlf-hero-note { position: absolute; z-index: 3; right: 4%; bottom: 55px; width: 235px; padding: 21px; border-radius: 23px; background: var(--dlf-yellow); color: var(--dlf-ink); box-shadow: var(--dlf-shadow); transform: rotate(-2.5deg); } .dlf-hero-note strong { display: block; font-family: "Bricolage Grotesque",sans-serif; font-size: 1.45rem; line-height: 1.05; letter-spacing: -.04em; } .dlf-hero-note small { display: block; margin-top: 10px; font-weight: 750; line-height: 1.4; } .dlf-marquee { overflow: hidden; background: var(--dlf-yellow); border-bottom: 1px solid rgba(0,0,0,.14); } .dlf-marquee-track { white-space: nowrap; padding: 19px 0; font-size: 1.04rem; font-weight: 850; letter-spacing: -.02em; animation: dlf-scroll 28s linear infinite; } .dlf-marquee-track span { margin: 0 27px; } .dlf-marquee-track b { opacity: .38; } @keyframes dlf-scroll { from { transform: translateX(0); } to { transform: translateX(-35%); } } .dlf-principle { min-height: 310px; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--dlf-line); border-radius: 25px; background: rgba(255,255,255,.54); } .dlf-principle--yellow { background: var(--dlf-yellow); border-color: var(--dlf-yellow); } .dlf-principle--green { background: var(--dlf-green); border-color: var(--dlf-green); color: #fff; } .dlf-card-top { display: flex; justify-content: space-between; align-items: center; font-size: .7rem; font-weight: 850; text-transform: uppercase; letter-spacing: .13em; opacity: .7; } .dlf-icon-box { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: #fff; color: var(--dlf-ink); } .dlf-icon-box svg { width: 24px; height: 24px; } .dlf-principle h3 { font-size: 2.15rem; } .dlf-principle p { margin: 0; opacity: .76; } .dlf-media { position: relative; min-height: 560px; overflow: hidden; border-radius: 38px; } .dlf-media img { min-height: 560px; height: 100%; object-fit: cover; } .dlf-media-caption { position: absolute; left: 22px; bottom: 22px; max-width: 320px; padding: 18px 20px; border-radius: 17px; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); font-size: .82rem; font-weight: 750; line-height: 1.45; } .dlf-ticks { display: grid; gap: 17px; margin: 29px 0 35px; } .dlf-tick { display: grid; grid-template-columns: 34px 1fr; gap: 13px; align-items: start; padding-bottom: 17px; border-bottom: 1px solid var(--dlf-line); font-weight: 750; } .dlf-tick i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--dlf-yellow); color: var(--dlf-ink); font-style: normal; font-size: .7rem; } .dlf-tick p { margin: 0; } .dlf-workshop-card { overflow: hidden; border: 1px solid var(--dlf-line); border-radius: 28px; background: #fff; } .dlf-workshop-image { height: 285px; position: relative; overflow: hidden; } .dlf-workshop-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; } .dlf-workshop-card:hover img { transform: scale(1.04); } .dlf-badge { position: absolute; left: 18px; top: 18px; padding: 7px 12px; border-radius: 999px; background: var(--dlf-yellow); font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .09em; } .dlf-workshop-body { padding: 27px; } .dlf-workshop-body h3 { font-size: 1.9rem; } .dlf-workshop-body p { color: var(--dlf-muted); font-size: .88rem; } .dlf-card-link { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--dlf-line); font-size: .78rem; font-weight: 850; } .dlf-round-arrow { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: var(--dlf-yellow); } .dlf-impact { display: grid; grid-template-columns: .9fr 1.1fr; gap: 76px; align-items: start; } .dlf-impact-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 17px; } .dlf-impact-item { min-height: 180px; padding: 26px; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: rgba(255,255,255,.04); } .dlf-impact-item strong { display: block; margin-bottom: 14px; color: var(--dlf-yellow); font: 850 2.1rem/1 "Bricolage Grotesque",sans-serif; } .dlf-impact-item span { display: block; color: rgba(255,255,255,.65); font-size: .86rem; } .dlf-founder { display: grid; grid-template-columns: 390px 1fr; gap: 66px; align-items: center; padding: 41px; border-radius: 36px; background: #fff; box-shadow: var(--dlf-shadow); } .dlf-portrait { height: 420px; overflow: hidden; border-radius: 26px; background: var(--dlf-yellow-soft); } .dlf-portrait img { height: 100%; object-fit: cover; object-position: center top; } .dlf-quote { font: 750 2.1rem/1.2 "Bricolage Grotesque",sans-serif; letter-spacing: -.035em; } .dlf-quote::before { content: "“"; display: block; height: 43px; color: var(--dlf-yellow); font-size: 4.5rem; line-height: .9; } .dlf-cta { position: relative; overflow: hidden; padding: 64px 70px; border-radius: 38px; background: var(--dlf-yellow); } .dlf-cta h2 { max-width: 780px; } .dlf-cta::after { content: "↗"; position: absolute; right: 40px; top: -75px; font: 850 19rem/1 "Bricolage Grotesque",sans-serif; opacity: .08; } .dlf-inner-hero { padding: 86px 0 96px; overflow: hidden; } .dlf-inner-hero--dark { background: var(--dlf-ink); color: #fff; border-radius: 0 0 50px 50px; } .dlf-inner-split { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: 64px; align-items: center; } .dlf-inner-hero--dark .dlf-lead { color: rgba(255,255,255,.68); } .dlf-photo-frame { width: min(100%,390px); height: 420px; position: relative; justify-self: end; } .dlf-photo-frame::before { content: ""; position: absolute; width: 72%; height: 86%; right: 0; top: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 27px; transform: rotate(4deg); } .dlf-photo-frame img { position: absolute; left: 0; bottom: 0; width: 84%; height: 91%; object-fit: cover; object-position: center 15%; border-radius: 28px; background: #fff; } .dlf-photo-note { position: absolute; z-index: 2; right: 0; bottom: 10px; width: 220px; padding: 15px 17px; border-radius: 18px; background: var(--dlf-yellow); color: var(--dlf-ink); font-size: .88rem; font-weight: 850; line-height: 1.3; transform: rotate(-2deg); } .dlf-photo-note small { display: block; margin-top: 5px; font-size: .68rem; font-weight: 780; line-height: 1.45; } .dlf-story { display: grid; grid-template-columns: 360px 1fr; gap: 86px; align-items: start; } .dlf-story-copy { font-size: 1.02rem; line-height: 1.78; } .dlf-story-copy .intro { font-size: 1.52rem; line-height: 1.45; letter-spacing: -.025em; } .dlf-story-copy p { color: #4f534b; } .dlf-story-quote { margin: 42px 0; padding: 34px; border-left: 8px solid var(--dlf-yellow); border-radius: 0 24px 24px 0; background: #fff; font-size: 1.4rem; font-weight: 850; line-height: 1.4; } .dlf-timeline { display: grid; grid-template-columns: repeat(5,1fr); gap: 0; margin-top: 52px; position: relative; } .dlf-timeline::before { content: ""; position: absolute; top: 18px; left: 8%; right: 8%; height: 2px; background: rgba(255,255,255,.16); } .dlf-timeline-item { position: relative; z-index: 2; padding-right: 26px; } .dlf-timeline-dot { width: 36px; height: 36px; display: grid; place-items: center; margin-bottom: 23px; border-radius: 50%; background: var(--dlf-yellow); color: var(--dlf-ink); font-weight: 900; } .dlf-timeline-item strong { display: block; margin-bottom: 8px; } .dlf-timeline-item p { color: rgba(255,255,255,.54); font-size: .78rem; line-height: 1.5; } .dlf-questions { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; } .dlf-question { min-height: 305px; padding: 31px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--dlf-line); border-radius: 28px; background: #fff; } .dlf-question:nth-child(2) { background: var(--dlf-yellow); border-color: var(--dlf-yellow); } .dlf-question-number { font: 850 5rem/1 "Bricolage Grotesque",sans-serif; opacity: .1; } .dlf-question h3 { font-size: 2.35rem; } .dlf-question p { color: var(--dlf-muted); margin-bottom: 0; } .dlf-workshops-hero { padding: 74px 0 88px; } .dlf-workshops-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 68px; align-items: center; } .dlf-photo-stack { height: 585px; position: relative; } .dlf-photo-stack .main { position: absolute; right: 0; top: 0; width: 83%; height: 88%; object-fit: cover; border-radius: 34px; } .dlf-photo-stack .small { position: absolute; left: 0; bottom: 0; width: 45%; height: 42%; object-fit: cover; border: 9px solid var(--dlf-paper); border-radius: 25px; } .dlf-stamp { position: absolute; left: 4%; top: 12%; width: 130px; height: 130px; display: grid; place-items: center; border-radius: 50%; background: var(--dlf-yellow); font: 850 1rem/1.15 "Bricolage Grotesque",sans-serif; text-align: center; transform: rotate(-8deg); } .dlf-catalog { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; } .dlf-catalog-card { min-height: 235px; padding: 27px; display: grid; grid-template-columns: 62px 1fr; gap: 19px; border: 1px solid var(--dlf-line); border-radius: 24px; background: #fff; } .dlf-catalog-card--yellow { background: var(--dlf-yellow); border-color: var(--dlf-yellow); } .dlf-catalog-card--dark { background: var(--dlf-green); border-color: var(--dlf-green); color: #fff; } .dlf-catalog-icon { width: 57px; height: 57px; display: grid; place-items: center; border-radius: 18px; background: var(--dlf-paper); color: var(--dlf-ink); } .dlf-catalog-icon svg { width: 27px; height: 27px; } .dlf-catalog-card h3 { font-size: 1.65rem; } .dlf-catalog-card p { color: var(--dlf-muted); font-size: .85rem; line-height: 1.6; } .dlf-catalog-card--dark p { color: rgba(255,255,255,.64); } .dlf-meta { margin-top: 18px; font-size: .65rem; text-transform: uppercase; letter-spacing: .11em; font-weight: 850; opacity: .58; } .dlf-steps { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 45px; } .dlf-step { position: relative; padding-right: 42px; } .dlf-step:not(:last-child)::after { content: "→"; position: absolute; right: 20px; top: 18px; color: rgba(255,255,255,.35); font-size: 1.8rem; } .dlf-step-num { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 18px; background: var(--dlf-yellow); color: var(--dlf-ink); font-weight: 900; } .dlf-step p { color: rgba(255,255,255,.62); font-size: .86rem; } .dlf-contact { padding: 74px 0 106px; } .dlf-contact-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 76px; align-items: start; } .dlf-contact-intro { padding-top: 32px; } .dlf-contact-intro h1 { font-size: clamp(3.5rem,6vw,5.8rem); } .dlf-contact-photo { height: 360px; margin-top: 42px; overflow: hidden; border-radius: 30px; } .dlf-contact-photo img { height: 100%; object-fit: cover; } .dlf-contact-chips { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 20px; } .dlf-chip { padding: 17px; border: 1px solid var(--dlf-line); border-radius: 17px; background: #fff; font-size: .8rem; } .dlf-chip strong { display: block; margin-bottom: 3px; color: var(--dlf-muted); font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; } .dlf-chip a { font-weight: 760; } .dlf-chip--full { grid-column: 1/-1; } .dlf-form-card { padding: 41px; border-radius: 34px; background: #fff; box-shadow: var(--dlf-shadow); } .dlf-form-card h2 { font-size: 2.45rem; } .dlf-form-intro { margin-bottom: 28px; color: var(--dlf-muted); } .dlf-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; } .dlf-field { margin-bottom: 18px; } .dlf-field--full { grid-column: 1/-1; } .dlf-field label { display: block; margin-bottom: 7px; font-size: .72rem; font-weight: 850; } .dlf-field input, .dlf-field textarea, .dlf-field select { width: 100%; min-height: 55px; padding: 13px 15px; border: 1px solid #d9dbd3; border-radius: 13px; background: #fbfaf7; color: #42453f; } .dlf-field textarea { height: 145px; resize: vertical; } .dlf-privacy { color: var(--dlf-muted); font-size: .7rem; } .dlf-form-status { margin-bottom: 18px; padding: 14px 16px; border-radius: 13px; background: #dce9df; color: var(--dlf-green); font-weight: 750; } .dlf-form-status--error { background: #ffe3db; color: #7d2515; } .dlf-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .dlf-grid-2--start { align-items: start; } .dlf-region { min-height: 360px; position: relative; overflow: hidden; padding: 50px; border-radius: 36px; background: var(--dlf-green); color: #fff; } .dlf-region::before, .dlf-region::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; } .dlf-region::before { width: 480px; height: 480px; right: -160px; top: -215px; } .dlf-region::after { width: 320px; height: 320px; right: -35px; top: -140px; } .dlf-region-copy { position: relative; z-index: 2; max-width: 720px; } .dlf-region-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; } .dlf-region-tags span { padding: 8px 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.8); font-size: .72rem; font-weight: 750; } .dlf-pin { position: absolute; right: 145px; top: 140px; width: 70px; height: 70px; display: grid; place-items: center; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--dlf-yellow); color: var(--dlf-ink); } .dlf-pin svg { width: 25px; transform: rotate(45deg); } .dlf-faq { border-top: 1px solid var(--dlf-line); } .dlf-faq-item { display: grid; grid-template-columns: 40px 1fr auto; gap: 18px; align-items: center; padding: 23px 0; border-bottom: 1px solid var(--dlf-line); font-weight: 850; } .dlf-faq-num { color: var(--dlf-muted); font-size: .68rem; } .dlf-faq-details { border-bottom: 1px solid var(--dlf-line); } .dlf-faq-details .dlf-faq-item { border: 0; cursor: pointer; list-style: none; } .dlf-faq-details .dlf-faq-item::-webkit-details-marker { display: none; } .dlf-faq-details[open] .dlf-faq-item > span:last-child { transform: rotate(45deg); } .dlf-faq-details .dlf-faq-item > span:last-child { transition: transform .2s ease; } .dlf-faq-answer { margin: -8px 58px 23px; color: var(--dlf-muted); font-size: .86rem; } .dlf-request-hero { padding: 70px 0 160px; background: var(--dlf-ink); color: #fff; } .dlf-request-hero .dlf-lead { color: rgba(255,255,255,.65); } .dlf-request-shell { margin-top: -90px; margin-bottom: 100px; } .dlf-request-grid { display: grid; grid-template-columns: 1fr 330px; gap: 27px; align-items: start; } .dlf-request-card { padding: 45px; border-radius: 34px; background: #fff; box-shadow: var(--dlf-shadow); } .dlf-progress { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 44px; } .dlf-progress-step { padding: 13px 14px; border-top: 4px solid #e4e5df; color: var(--dlf-muted); font-size: .65rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; } .dlf-progress-step.is-active { border-color: var(--dlf-yellow); color: var(--dlf-ink); } .dlf-form-section { padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid var(--dlf-line); } .dlf-form-section h3 { font-size: 1.8rem; margin-bottom: 5px; } .dlf-form-section > p { color: var(--dlf-muted); font-size: .78rem; } .dlf-fieldset { min-width: 0; padding: 0 0 36px; border: 0; border-bottom: 1px solid var(--dlf-line); } .dlf-fieldset legend { padding: 0; font: 750 1.8rem/1.2 "Bricolage Grotesque",sans-serif; letter-spacing: -.048em; } .dlf-checks { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; margin-top: 18px; } .dlf-check { min-height: 64px; padding: 12px 14px; display: flex; align-items: center; gap: 11px; border: 1px solid #dcddd8; border-radius: 14px; background: #fbfaf7; font-size: .78rem; font-weight: 750; cursor: pointer; } .dlf-check input { width: 19px; height: 19px; accent-color: var(--dlf-ink); } .dlf-request-side { display: grid; gap: 17px; position: sticky; top: 25px; } .dlf-side-card { padding: 27px; border-radius: 26px; background: var(--dlf-yellow); } .dlf-side-card--dark { background: var(--dlf-green); color: #fff; } .dlf-side-card h3 { font-size: 1.5rem; } .dlf-side-card p, .dlf-side-card li { font-size: .78rem; line-height: 1.6; opacity: .76; } .dlf-mini-quote { padding: 26px; border: 1px solid var(--dlf-line); border-radius: 25px; background: #fff; font-size: 1rem; font-weight: 850; line-height: 1.4; } .dlf-mini-quote span { display: block; margin-top: 12px; color: var(--dlf-muted); font-size: .66rem; text-transform: uppercase; letter-spacing: .1em; } .dlf-form-submit { display: flex; align-items: center; justify-content: space-between; gap: 25px; } .dlf-form-submit .dlf-privacy { max-width: 470px; margin: 0; } .dlf-partner-band { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; padding: 48px; border: 1px solid var(--dlf-line); border-radius: 34px; background: var(--dlf-yellow); } .dlf-partner-copy h2 { max-width: 760px; margin-bottom: 18px; font-size: clamp(2.4rem,4vw,4rem); } .dlf-partner-copy p { max-width: 670px; margin-bottom: 0; } .dlf-partner-copy .dlf-btn { margin-top: 26px; } .dlf-partner-logos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } .dlf-partner-logo { min-height: 220px; display: flex; flex-direction: column; justify-content: center; padding: 22px; overflow: hidden; border-radius: 24px; background: #fff; box-shadow: 0 16px 40px rgba(22,23,19,.12); } .dlf-partner-logo span { display: block; margin-bottom: 13px; color: var(--dlf-muted); font-size: .61rem; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; } .dlf-partner-logo img { width: 100%; max-height: 145px; object-fit: contain; } .dlf-partner-logo-essalam { width: 100%; height: 145px; background: url("data:image/jpeg;base64,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") center / contain no-repeat; } .dlf-civic-service { position: relative; display: grid; grid-template-columns: .95fr 1.05fr; gap: 64px; align-items: center; padding: 58px; overflow: hidden; border-radius: 38px; background: var(--dlf-ink); color: #fff; box-shadow: var(--dlf-shadow); } .dlf-civic-service::after { content: ""; width: 300px; height: 300px; position: absolute; right: -110px; top: -120px; border: 52px solid rgba(255,213,22,.12); border-radius: 50%; } .dlf-civic-service > * { position: relative; z-index: 1; } .dlf-civic-copy h2 { margin: 10px 0 22px; font-size: clamp(2.7rem,4.4vw,4.5rem); } .dlf-civic-copy > p { color: rgba(255,255,255,.64); } .dlf-civic-copy .dlf-lead { color: rgba(255,255,255,.84); } .dlf-civic-copy .dlf-actions { margin-top: 30px; } .dlf-civic-pillars { display: grid; gap: 13px; } .dlf-civic-pillars article { min-height: 142px; display: grid; grid-template-columns: 50px 1fr; gap: 17px; align-items: start; padding: 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(255,255,255,.055); backdrop-filter: blur(8px); } .dlf-civic-pillars article > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; background: var(--dlf-yellow); color: var(--dlf-ink); font-size: .7rem; font-weight: 900; } .dlf-civic-pillars h3 { margin: 2px 0 7px; font-size: 1.35rem; } .dlf-civic-pillars p { margin: 0; color: rgba(255,255,255,.58); font-size: .77rem; line-height: 1.55; } .dlf-projects-hero { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: center; } .dlf-projects-visual { height: 500px; position: relative; } .dlf-projects-visual::before { content: ""; position: absolute; inset: 18px -12px -18px 18px; border: 1px solid rgba(255,255,255,.17); border-radius: 34px; transform: rotate(2deg); } .dlf-projects-visual img { width: 100%; height: 100%; position: relative; z-index: 1; object-fit: cover; border-radius: 34px; } .dlf-projects-sticker { width: 215px; position: absolute; z-index: 2; right: -22px; bottom: 26px; padding: 19px 21px; border-radius: 21px; background: var(--dlf-yellow); color: var(--dlf-ink); transform: rotate(-2deg); } .dlf-projects-sticker span, .dlf-projects-sticker small { display: block; font-size: .68rem; font-weight: 820; text-transform: uppercase; letter-spacing: .1em; } .dlf-projects-sticker strong { display: block; margin: 5px 0 2px; font: 800 1.4rem/1.05 "Bricolage Grotesque",sans-serif; letter-spacing: -.03em; } .dlf-project-case { display: grid; grid-template-columns: 355px minmax(0,1fr); gap: 88px; align-items: start; } .dlf-project-aside { position: sticky; top: 35px; } .dlf-project-aside h2 { font-size: clamp(2.8rem,4vw,4.25rem); } .dlf-project-meta { display: grid; gap: 10px; margin-top: 34px; } .dlf-project-meta div { padding: 15px 17px; border: 1px solid var(--dlf-line); border-radius: 16px; background: var(--dlf-paper); } .dlf-project-meta span { display: block; margin-bottom: 3px; color: var(--dlf-muted); font-size: .64rem; font-weight: 850; text-transform: uppercase; letter-spacing: .1em; } .dlf-project-meta strong { display: block; font-size: .8rem; line-height: 1.45; } .dlf-project-copy { font-size: 1rem; line-height: 1.78; } .dlf-project-copy .intro { font-size: 1.5rem; line-height: 1.48; letter-spacing: -.025em; } .dlf-project-copy > p { color: #4f534b; } .dlf-linkedin-window { margin: 34px 0 40px; overflow: hidden; border: 1px solid #dfe2e5; border-radius: 24px; background: #fff; box-shadow: 0 18px 48px rgba(22,23,19,.11); } .dlf-linkedin-window-bar { min-height: 58px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 12px 16px; border-bottom: 1px solid #e6e8ea; background: #f8f9fa; font-size: .72rem; font-weight: 820; } .dlf-linkedin-window-bar span { display: flex; align-items: center; gap: 9px; } .dlf-linkedin-window-bar i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; background: #0a66c2; color: #fff; font-style: normal; font-weight: 900; letter-spacing: -.05em; } .dlf-linkedin-window-bar a { color: #0a66c2; white-space: nowrap; } .dlf-linkedin-frame { height: 650px; background: #f3f2ef; } .dlf-linkedin-frame iframe { width: 100%; height: 100%; display: block; border: 0; } .dlf-project-date { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 14px 18px; border-top: 1px solid #e6e8ea; color: var(--dlf-muted); font-size: .72rem; font-weight: 800; letter-spacing: .03em; } .dlf-project-date b { color: var(--dlf-yellow); font-size: 1.1rem; } .dlf-project-result { margin: 34px 0; padding: 31px; border-radius: 25px; background: var(--dlf-yellow); } .dlf-project-result span { display: block; margin-bottom: 8px; font-size: .67rem; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; } .dlf-project-result p { margin: 0; font: 750 1.3rem/1.45 "Bricolage Grotesque",sans-serif; letter-spacing: -.025em; } .dlf-project-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 0 0 32px; } .dlf-project-facts div { min-height: 132px; padding: 20px; border: 1px solid var(--dlf-line); border-radius: 19px; background: var(--dlf-paper); } .dlf-project-facts strong { display: block; margin-bottom: 8px; font: 780 1.15rem/1.1 "Bricolage Grotesque",sans-serif; } .dlf-project-facts span { color: var(--dlf-muted); font-size: .75rem; line-height: 1.5; } .dlf-project-partners { display: grid; grid-template-columns: 1.05fr .95fr; gap: 68px; align-items: center; padding: 48px; border-radius: 34px; background: #fff; box-shadow: var(--dlf-shadow); } .dlf-project-partners h2 { font-size: clamp(2.5rem,4vw,4rem); } .dlf-project-partners p { max-width: 580px; margin-bottom: 0; color: var(--dlf-muted); } .dlf-partner-chips { display: flex; flex-wrap: wrap; gap: 10px; align-content: center; } .dlf-partner-chips span { padding: 11px 15px; border: 1px solid var(--dlf-line); border-radius: 999px; background: var(--dlf-paper); font-size: .72rem; font-weight: 800; } .dlf-project-process { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; } .dlf-project-process article { min-height: 260px; padding: 27px; border: 1px solid rgba(255,255,255,.14); border-radius: 25px; background: rgba(255,255,255,.04); } .dlf-project-process article > span { width: 39px; height: 39px; display: grid; place-items: center; margin-bottom: 55px; border-radius: 13px; background: var(--dlf-yellow); color: var(--dlf-ink); font-size: .72rem; font-weight: 900; } .dlf-project-process h3 { font-size: 1.55rem; } .dlf-project-process p { margin-bottom: 0; color: rgba(255,255,255,.58); font-size: .78rem; line-height: 1.55; } .dlf-footer { padding: 74px 0 28px; background: #0f100d; color: #fff; } .dlf-footer-grid { display: grid; grid-template-columns: 1.5fr .75fr .75fr 1fr; gap: 48px; padding-bottom: 60px; } .dlf-footer-intro p { max-width: 360px; margin-top: 22px; color: rgba(255,255,255,.56); } .dlf-footer-col h4 { margin-bottom: 17px; color: rgba(255,255,255,.4); font-size: .67rem; text-transform: uppercase; letter-spacing: .13em; } .dlf-footer-col a, .dlf-footer-col span { display: block; margin: 8px 0; color: rgba(255,255,255,.76); font-size: .83rem; } .dlf-socials { display: flex; gap: 9px; margin-top: 20px; } .dlf-footer-col .dlf-social { width: 39px; height: 39px; display: grid; place-items: center; margin: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.06); transition: transform .2s ease, background .2s ease; } .dlf-footer-col a.dlf-social:hover { transform: translateY(-2px); background: var(--dlf-yellow); color: var(--dlf-ink); } .dlf-social svg { width: 19px; height: 19px; fill: currentColor; stroke: none; } .dlf-social--disabled { opacity: .34; cursor: not-allowed; } .dlf-social--disabled svg { fill: none; stroke: currentColor; stroke-width: 1.8; } .dlf-footer-bottom { display: flex; justify-content: space-between; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.42); font-size: .7rem; } .dlf-generic { min-height: 60vh; padding: 90px 0; } .dlf-prose { max-width: 820px; } .dlf-prose > * + * { margin-top: 1.2em; } @media (prefers-reduced-motion: no-preference) { .dlf-reveal { animation: dlf-rise .72s ease both; } .dlf-reveal:nth-child(2) { animation-delay: .08s; } .dlf-reveal:nth-child(3) { animation-delay: .16s; } @keyframes dlf-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } } @media (max-width: 1020px) { .dlf-header { grid-template-columns: 1fr auto auto; } .dlf-nav { display: none; } .dlf-menu-button { display: grid; place-items: center; } .dlf-grid-2, .dlf-inner-split, .dlf-workshops-grid, .dlf-contact-layout, .dlf-impact, .dlf-story, .dlf-request-grid, .dlf-projects-hero, .dlf-project-case, .dlf-project-partners, .dlf-civic-service { grid-template-columns: 1fr; } .dlf-photo-frame { justify-self: center; } .dlf-project-aside { position: static; } .dlf-project-process { grid-template-columns: repeat(2,1fr); } .dlf-grid-3, .dlf-questions { grid-template-columns: 1fr; } .dlf-hero-copy { width: 80%; } .dlf-founder { grid-template-columns: 330px 1fr; gap: 38px; } .dlf-footer-grid { grid-template-columns: repeat(2,1fr); } .dlf-timeline { grid-template-columns: 1fr; gap: 20px; } .dlf-timeline::before { display: none; } .dlf-catalog { grid-template-columns: 1fr; } .dlf-request-side { position: static; } .dlf-partner-band { grid-template-columns: 1fr; gap: 32px; } } @media (max-width: 720px) { body.admin-bar .dlf-header { top: 46px; } .dlf-container { width: min(100% - 36px,1240px); } .dlf-header { width: calc(100% - 32px); height: 82px; gap: 10px; } .dlf-brand { font-size: 1rem; } .dlf-brand-mark { width: 39px; height: 39px; } .dlf-header > .dlf-btn { display: none; } h1 { font-size: clamp(3rem,16vw,4.8rem); } h2 { font-size: 2.55rem; } .dlf-section { padding: 78px 0; } .dlf-section-heading { display: block; } .dlf-section-heading > p { margin-top: 20px; } .dlf-hero { min-height: 720px; border-radius: 0 0 34px 34px; } .dlf-hero::before { background-image: linear-gradient(180deg,rgba(22,23,19,.35),rgba(22,23,19,.95) 55%,rgba(22,23,19,1)),var(--hero-image); background-position: 58% center; } .dlf-hero .dlf-container { justify-content: flex-end; min-height: 640px; padding-bottom: 52px; } .dlf-hero-copy { width: 100%; } .dlf-hero-note { display: none; } .dlf-proof { gap: 12px; } .dlf-grid-3 { gap: 14px; } .dlf-media, .dlf-media img { min-height: 430px; } .dlf-founder { grid-template-columns: 1fr; padding: 24px; } .dlf-portrait { height: 360px; } .dlf-cta { padding: 42px 28px; border-radius: 28px; } .dlf-inner-hero { padding: 64px 0 76px; } .dlf-photo-frame { width: min(100%,350px); height: 380px; } .dlf-photo-note { right: 0; width: 205px; padding: 14px 15px; } .dlf-story { gap: 38px; } .dlf-photo-stack { height: 440px; } .dlf-catalog-card { grid-template-columns: 52px 1fr; padding: 22px; } .dlf-catalog-icon { width: 48px; height: 48px; } .dlf-steps { grid-template-columns: 1fr; gap: 28px; } .dlf-step::after { display: none; } .dlf-contact { padding-top: 45px; } .dlf-form-card, .dlf-request-card { padding: 25px; border-radius: 25px; } .dlf-form-grid, .dlf-checks, .dlf-contact-chips, .dlf-impact-grid { grid-template-columns: 1fr; } .dlf-field--full { grid-column: auto; } .dlf-region { padding: 34px 28px; } .dlf-pin { right: 35px; top: 220px; } .dlf-request-hero { padding-bottom: 125px; } .dlf-request-shell { margin-top: -65px; } .dlf-progress-step { padding-inline: 5px; } .dlf-form-submit { align-items: stretch; flex-direction: column; } .dlf-faq-answer { margin-left: 0; margin-right: 0; } .dlf-partner-band { padding: 28px; border-radius: 26px; } .dlf-partner-logos { grid-template-columns: 1fr; } .dlf-partner-logo { min-height: 190px; } .dlf-civic-service { padding: 32px 24px; gap: 36px; border-radius: 28px; } .dlf-civic-pillars article { grid-template-columns: 44px 1fr; padding: 18px; } .dlf-projects-visual { height: 400px; } .dlf-projects-sticker { right: 0; width: 190px; } .dlf-linkedin-window-bar { align-items: flex-start; flex-direction: column; gap: 6px; } .dlf-linkedin-frame { height: 590px; } .dlf-project-facts, .dlf-project-process { grid-template-columns: 1fr; } .dlf-project-process article { min-height: auto; } .dlf-project-process article > span { margin-bottom: 35px; } .dlf-project-partners { padding: 28px; border-radius: 26px; } .dlf-project-date { flex-wrap: wrap; } .dlf-footer-grid { grid-template-columns: 1fr; gap: 25px; } .dlf-footer-bottom { display: grid; gap: 8px; } } } @layer base { input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } } input::placeholder,textarea::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-date-and-time-value { text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-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-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } select:where([multiple]),select:where([size]:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } input:where([type='checkbox']),input:where([type='radio']) { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: oklch(54.6% 0.245 262.881); background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; --tw-shadow: 0 0 #0000; } input:where([type='checkbox']) { border-radius: 0px; } input:where([type='radio']) { border-radius: 100%; } input:where([type='checkbox']):focus,input:where([type='radio']):focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } input:where([type='checkbox']):checked,input:where([type='radio']):checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } input:where([type='checkbox']):checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } input:where([type='radio']):checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus { border-color: transparent; background-color: currentColor; } input:where([type='checkbox']):indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @media (forced-colors: active) { appearance: auto; } } input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus { border-color: transparent; background-color: currentColor; } input:where([type='file']) { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } input:where([type='file']):focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-style: solid; --tw-font-weight: initial; --tw-tracking: initial; } } }