/* stx role tokens — override any of these to re-theme by meaning. */ :root { --stx-fg: oklch(20.5% 0 0); --stx-fg-strong: oklch(37.1% 0 0); --stx-fg-muted: oklch(43.9% 0 0); --stx-fg-soft: oklch(55.6% 0 0); --stx-fg-subtle: oklch(70.8% 0 0); --stx-surface: oklch(98.5% 0 0); --stx-surface-raised: oklch(97% 0 0); --stx-surface-sunken: oklch(92.2% 0 0); --stx-panel: #fff; --stx-field: #fff; --stx-page: oklch(98.5% 0 0); --stx-content: #fff; --stx-surface-hover: oklch(97% 0 0); --stx-surface-raised-hover: oklch(92.2% 0 0); --stx-surface-sunken-hover: oklch(87% 0 0); --stx-field-hover: oklch(98.5% 0 0); --stx-link: oklch(62.3% 0.214 259.815); --stx-link-hover: oklch(54.6% 0.245 262.881); --stx-inverse: oklch(20.5% 0 0); --stx-inverse-ink: #fff; --stx-line: oklch(92.2% 0 0); --stx-line-strong: oklch(87% 0 0); --stx-line-hover: oklch(70.8% 0 0); --stx-accent: oklch(54.6% 0.245 262.881); --stx-info: oklch(60.9% 0.126 221.723); --stx-danger: oklch(57.7% 0.245 27.325); --stx-success: oklch(62.7% 0.194 149.214); --stx-warning: oklch(68.1% 0.162 75.834); --stx-accent-solid: oklch(62.3% 0.214 259.815); --stx-info-solid: oklch(71.5% 0.143 215.221); --stx-danger-solid: oklch(63.7% 0.237 25.331); --stx-success-solid: oklch(72.3% 0.219 149.579); --stx-warning-solid: oklch(79.5% 0.184 86.047); --stx-accent-solid-hover: oklch(54.6% 0.245 262.881); --stx-info-solid-hover: oklch(60.9% 0.126 221.723); --stx-danger-solid-hover: oklch(57.7% 0.245 27.325); --stx-success-solid-hover: oklch(62.7% 0.194 149.214); --stx-warning-solid-hover: oklch(68.1% 0.162 75.834); --stx-accent-ink: #fff; --stx-info-ink: oklch(20.5% 0 0); --stx-danger-ink: #fff; --stx-success-ink: oklch(20.5% 0 0); --stx-warning-ink: oklch(20.5% 0 0); --stx-accent-soft: oklch(93.2% 0.032 255.585); --stx-accent-soft-ink: oklch(42.4% 0.199 265.638); --stx-info-soft: oklch(95.6% 0.045 203.388); --stx-info-soft-ink: oklch(45% 0.085 224.283); --stx-danger-soft: oklch(93.6% 0.032 17.717); --stx-danger-soft-ink: oklch(44.4% 0.177 26.899); --stx-success-soft: oklch(96.2% 0.044 156.743); --stx-success-soft-ink: oklch(44.8% 0.119 151.328); --stx-warning-soft: oklch(97.3% 0.071 103.193); --stx-warning-soft-ink: oklch(47.6% 0.114 61.907); --stx-secondary: oklch(55.8% 0.288 302.321); --stx-secondary-solid: oklch(62.7% 0.265 303.9); --stx-secondary-solid-hover: oklch(55.8% 0.288 302.321); --stx-secondary-ink: #fff; --stx-secondary-soft: oklch(94.6% 0.033 307.174); --stx-secondary-soft-ink: oklch(43.8% 0.218 303.724); --stx-danger-fg: oklch(39.6% 0.141 25.723); --stx-danger-fg-subtle: oklch(80.8% 0.114 19.571); --stx-danger-line: oklch(80.8% 0.114 19.571); --stx-danger-focus: oklch(63.7% 0.237 25.331); } .dark { --stx-fg: oklch(97% 0 0); --stx-fg-strong: oklch(87% 0 0); --stx-fg-muted: oklch(70.8% 0 0); --stx-fg-soft: oklch(70.8% 0 0); --stx-fg-subtle: oklch(55.6% 0 0); --stx-surface: oklch(26.9% 0 0); --stx-surface-raised: oklch(37.1% 0 0); --stx-surface-sunken: oklch(37.1% 0 0); --stx-panel: oklch(26.9% 0 0); --stx-field: oklch(37.1% 0 0); --stx-page: oklch(20.5% 0 0); --stx-content: oklch(20.5% 0 0); --stx-surface-hover: oklch(37.1% 0 0); --stx-surface-raised-hover: oklch(43.9% 0 0); --stx-surface-sunken-hover: oklch(43.9% 0 0); --stx-field-hover: oklch(43.9% 0 0); --stx-link: oklch(70.7% 0.165 254.624); --stx-link-hover: oklch(80.9% 0.105 251.813); --stx-inverse: oklch(37.1% 0 0); --stx-inverse-ink: #fff; --stx-line: oklch(37.1% 0 0); --stx-line-strong: oklch(43.9% 0 0); --stx-line-hover: oklch(55.6% 0 0); --stx-accent: oklch(70.7% 0.165 254.624); --stx-info: oklch(78.9% 0.154 211.53); --stx-danger: oklch(70.4% 0.191 22.216); --stx-success: oklch(79.2% 0.209 151.711); --stx-warning: oklch(85.2% 0.199 91.936); --stx-accent-solid: oklch(54.6% 0.245 262.881); --stx-info-solid: oklch(60.9% 0.126 221.723); --stx-danger-solid: oklch(57.7% 0.245 27.325); --stx-success-solid: oklch(62.7% 0.194 149.214); --stx-warning-solid: oklch(68.1% 0.162 75.834); --stx-accent-solid-hover: oklch(48.8% 0.243 264.376); --stx-info-solid-hover: oklch(52% 0.105 223.128); --stx-danger-solid-hover: oklch(50.5% 0.213 27.518); --stx-success-solid-hover: oklch(52.7% 0.154 150.069); --stx-warning-solid-hover: oklch(55.4% 0.135 66.442); --stx-accent-ink: #fff; --stx-info-ink: oklch(20.5% 0 0); --stx-danger-ink: #fff; --stx-success-ink: oklch(20.5% 0 0); --stx-warning-ink: oklch(20.5% 0 0); --stx-accent-soft: oklch(37.9% 0.146 265.522); --stx-accent-soft-ink: oklch(88.2% 0.059 254.128); --stx-info-soft: oklch(39.8% 0.07 227.392); --stx-info-soft-ink: oklch(91.7% 0.08 205.041); --stx-danger-soft: oklch(39.6% 0.141 25.723); --stx-danger-soft-ink: oklch(88.5% 0.062 18.334); --stx-success-soft: oklch(39.3% 0.095 152.535); --stx-success-soft-ink: oklch(92.5% 0.084 155.995); --stx-warning-soft: oklch(42.1% 0.095 57.708); --stx-warning-soft-ink: oklch(94.5% 0.129 101.54); --stx-secondary: oklch(71.4% 0.203 305.504); --stx-secondary-solid: oklch(55.8% 0.288 302.321); --stx-secondary-solid-hover: oklch(49.6% 0.265 301.924); --stx-secondary-ink: #fff; --stx-secondary-soft: oklch(38.1% 0.176 304.987); --stx-secondary-soft-ink: oklch(90.2% 0.063 306.703); --stx-danger-fg: oklch(80.8% 0.114 19.571); --stx-danger-fg-subtle: oklch(63.7% 0.237 25.331); --stx-danger-line: oklch(57.7% 0.245 27.325); --stx-danger-focus: oklch(70.4% 0.191 22.216); } /* stx shape tokens — a radius by what the thing is. */ :root { --stx-radius-control: 0.375rem; --stx-radius-panel: 0.5rem; --stx-radius-pill: 9999px; } /* stx density tokens — how much room a control or a table cell takes. */ :root { --stx-control-px: 1rem; --stx-control-py: 0.5rem; --stx-control-text: 1rem; --stx-control-leading: 1.5rem; --stx-cell-px: 1.5rem; --stx-cell-py: 1rem; --stx-cell-text: 0.875rem; --stx-cell-leading: 1.25rem; --stx-cell-head-py: 0.75rem; --stx-cell-head-text: 0.75rem; --stx-cell-head-leading: 1rem; } @layer tc-base { /* ! Tailwind CSS Preflight | MIT License | https://tailwindcss.com */ /* The fallback is a neutral grey, not currentColor. currentColor makes every border whose colour was never set take the TEXT colour, which is near-black on a light page and near-white on a dark one. That is never what an author means by a divider: the divide-* and border-width utilities set a width and no colour, so a plain divide-y rendered as a heavy black rule instead of a hairline. It also punished the obvious workaround. Setting border-color on a parent does not reach divide-* children, because divide targets "> :not([hidden]) ~ :not([hidden])" and the child declaration from this block wins. Tailwind preflight resolves this the same way (its default is gray-200). --border-color stays the escape hatch: set it once on :root, or per theme, and every uncoloured border follows. */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: var(--border-color, #e5e7eb); } ::before, ::after { --tc-content: ''; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; 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: var(--border-color, inherit); border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } } :where(.i-f7-logo-apple) { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='M41.937 29.513c.07 7.552 6.625 10.065 6.698 10.097c-.056.178-1.047 3.582-3.454 7.098c-2.08 3.04-4.238 6.07-7.64 6.132c-3.34.061-4.415-1.982-8.235-1.982s-5.013 1.92-8.177 2.043c-3.282.125-5.782-3.287-7.88-6.316c-4.285-6.196-7.56-17.508-3.162-25.144c2.184-3.792 6.089-6.193 10.326-6.254c3.223-.062 6.266 2.168 8.236 2.168s5.667-2.682 9.554-2.288c1.627.068 6.194.657 9.127 4.95c-.236.147-5.45 3.182-5.393 9.496m-6.28-18.545C37.4 8.858 38.573 5.922 38.253 3c-2.512.101-5.55 1.674-7.352 3.782c-1.614 1.867-3.029 4.856-2.647 7.72c2.8.216 5.66-1.423 7.403-3.534'/%3E%3C/svg%3E") no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='M41.937 29.513c.07 7.552 6.625 10.065 6.698 10.097c-.056.178-1.047 3.582-3.454 7.098c-2.08 3.04-4.238 6.07-7.64 6.132c-3.34.061-4.415-1.982-8.235-1.982s-5.013 1.92-8.177 2.043c-3.282.125-5.782-3.287-7.88-6.316c-4.285-6.196-7.56-17.508-3.162-25.144c2.184-3.792 6.089-6.193 10.326-6.254c3.223-.062 6.266 2.168 8.236 2.168s5.667-2.682 9.554-2.288c1.627.068 6.194.657 9.127 4.95c-.236.147-5.45 3.182-5.393 9.496m-6.28-18.545C37.4 8.858 38.573 5.922 38.253 3c-2.512.101-5.55 1.674-7.352 3.782c-1.614 1.867-3.029 4.856-2.647 7.72c2.8.216 5.66-1.423 7.403-3.534'/%3E%3C/svg%3E") no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: -0.125em; } :where(.i-f7-chevron-left-slash-chevron-right) { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='M21.766 52.13c.955.267 1.89-.268 2.196-1.3L35.36 11.768c.287-1.031-.19-1.986-1.145-2.272c-.955-.268-1.89.267-2.196 1.298l-11.38 39.064c-.286 1.031.172 1.986 1.127 2.272m18.979-6.931l14.358-12.965c.897-.802.878-2.062 0-2.845L40.745 16.425c-.783-.744-1.871-.725-2.54.02c-.668.744-.553 1.813.21 2.52l13.098 11.837L38.415 42.66c-.764.706-.878 1.776-.21 2.52c.669.745 1.757.745 2.54.02m-25.509.019c.802.725 1.871.706 2.54-.039c.668-.744.572-1.794-.191-2.5L4.487 30.82l13.098-11.856c.763-.707.859-1.757.19-2.52c-.668-.745-1.737-.745-2.539-.02L.878 29.39c-.878.802-.778 2.062 0 2.845Z'/%3E%3C/svg%3E") no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='M21.766 52.13c.955.267 1.89-.268 2.196-1.3L35.36 11.768c.287-1.031-.19-1.986-1.145-2.272c-.955-.268-1.89.267-2.196 1.298l-11.38 39.064c-.286 1.031.172 1.986 1.127 2.272m18.979-6.931l14.358-12.965c.897-.802.878-2.062 0-2.845L40.745 16.425c-.783-.744-1.871-.725-2.54.02c-.668.744-.553 1.813.21 2.52l13.098 11.837L38.415 42.66c-.764.706-.878 1.776-.21 2.52c.669.745 1.757.745 2.54.02m-25.509.019c.802.725 1.871.706 2.54-.039c.668-.744.572-1.794-.191-2.5L4.487 30.82l13.098-11.856c.763-.707.859-1.757.19-2.52c-.668-.745-1.737-.745-2.539-.02L.878 29.39c-.878.802-.778 2.062 0 2.845Z'/%3E%3C/svg%3E") no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: -0.125em; } :where(.i-f7-link) { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='m27.707 37.656l3.117-3.164c-3.093-.234-5.109-1.172-6.632-2.695c-4.102-4.102-4.079-9.914-.024-13.969l7.64-7.64c4.102-4.079 9.868-4.102 13.946 0c4.125 4.101 4.078 9.89.024 13.945l-4.594 4.594c.656 1.5.797 3.234.562 4.757l6.867-6.867c5.626-5.625 5.672-13.57-.023-19.265s-13.64-5.649-19.266-.024l-7.992 8.016c-5.625 5.625-5.672 13.594.024 19.265c1.476 1.477 3.351 2.532 6.351 3.047m.586-19.312l-3.117 3.164c3.094.258 5.11 1.172 6.633 2.695c4.101 4.102 4.078 9.914.023 13.969l-7.664 7.64c-4.078 4.079-9.867 4.102-13.945.024c-4.102-4.125-4.078-9.89 0-13.969l4.593-4.594c-.656-1.476-.82-3.234-.585-4.757l-6.868 6.867c-5.601 5.625-5.648 13.594.024 19.265c5.695 5.696 13.664 5.649 19.266.047l8.015-8.039c5.625-5.625 5.672-13.593-.023-19.265c-1.477-1.477-3.352-2.532-6.352-3.047'/%3E%3C/svg%3E") no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='m27.707 37.656l3.117-3.164c-3.093-.234-5.109-1.172-6.632-2.695c-4.102-4.102-4.079-9.914-.024-13.969l7.64-7.64c4.102-4.079 9.868-4.102 13.946 0c4.125 4.101 4.078 9.89.024 13.945l-4.594 4.594c.656 1.5.797 3.234.562 4.757l6.867-6.867c5.626-5.625 5.672-13.57-.023-19.265s-13.64-5.649-19.266-.024l-7.992 8.016c-5.625 5.625-5.672 13.594.024 19.265c1.476 1.477 3.351 2.532 6.351 3.047m.586-19.312l-3.117 3.164c3.094.258 5.11 1.172 6.633 2.695c4.101 4.102 4.078 9.914.023 13.969l-7.664 7.64c-4.078 4.079-9.867 4.102-13.945.024c-4.102-4.125-4.078-9.89 0-13.969l4.593-4.594c-.656-1.476-.82-3.234-.585-4.757l-6.868 6.867c-5.601 5.625-5.648 13.594.024 19.265c5.695 5.696 13.664 5.649 19.266.047l8.015-8.039c5.625-5.625 5.672-13.593-.023-19.265c-1.477-1.477-3.352-2.532-6.352-3.047'/%3E%3C/svg%3E") no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: -0.125em; } :where(.i-f7-doc-text) { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='M15.555 53.125h24.89c4.852 0 7.266-2.461 7.266-7.336V24.508c0-3.024-.328-4.336-2.203-6.258L32.57 5.102c-1.78-1.829-3.234-2.227-5.882-2.227H15.555c-4.828 0-7.266 2.484-7.266 7.36v35.554c0 4.898 2.438 7.336 7.266 7.336m.187-3.773c-2.414 0-3.68-1.29-3.68-3.633V10.305c0-2.32 1.266-3.657 3.704-3.657h10.406v13.618c0 2.953 1.5 4.406 4.406 4.406h13.36v21.047c0 2.343-1.243 3.633-3.68 3.633ZM31 21.132c-.914 0-1.29-.374-1.29-1.312V7.375l13.5 13.758Zm5.625 9.985h-17.79c-.843 0-1.452.633-1.452 1.43c0 .82.61 1.453 1.453 1.453h17.789a1.43 1.43 0 0 0 1.453-1.453c0-.797-.633-1.43-1.453-1.43m0 8.18h-17.79c-.843 0-1.452.656-1.452 1.476c0 .797.61 1.407 1.453 1.407h17.789c.82 0 1.453-.61 1.453-1.407c0-.82-.633-1.476-1.453-1.476'/%3E%3C/svg%3E") no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='M15.555 53.125h24.89c4.852 0 7.266-2.461 7.266-7.336V24.508c0-3.024-.328-4.336-2.203-6.258L32.57 5.102c-1.78-1.829-3.234-2.227-5.882-2.227H15.555c-4.828 0-7.266 2.484-7.266 7.36v35.554c0 4.898 2.438 7.336 7.266 7.336m.187-3.773c-2.414 0-3.68-1.29-3.68-3.633V10.305c0-2.32 1.266-3.657 3.704-3.657h10.406v13.618c0 2.953 1.5 4.406 4.406 4.406h13.36v21.047c0 2.343-1.243 3.633-3.68 3.633ZM31 21.132c-.914 0-1.29-.374-1.29-1.312V7.375l13.5 13.758Zm5.625 9.985h-17.79c-.843 0-1.452.633-1.452 1.43c0 .82.61 1.453 1.453 1.453h17.789a1.43 1.43 0 0 0 1.453-1.453c0-.797-.633-1.43-1.453-1.43m0 8.18h-17.79c-.843 0-1.452.656-1.452 1.476c0 .797.61 1.407 1.453 1.407h17.789c.82 0 1.453-.61 1.453-1.407c0-.82-.633-1.476-1.453-1.476'/%3E%3C/svg%3E") no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: -0.125em; } :where(.i-f7-number) { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='M8.746 37.703h7.149l-2.133 10.594a4 4 0 0 0-.07.75c0 1.148.796 1.781 1.898 1.781c1.125 0 1.945-.61 2.18-1.758l2.296-11.367h11.086L29.02 48.297c-.07.234-.093.516-.093.75c0 1.148.797 1.781 1.922 1.781s1.945-.61 2.18-1.758L35.3 37.703h8.367c1.289 0 2.18-.937 2.18-2.203c0-1.031-.703-1.875-1.758-1.875h-7.946L38.63 21.25h8.203c1.29 0 2.18-.937 2.18-2.203c0-1.031-.703-1.875-1.758-1.875H39.45l1.922-9.445c.023-.141.07-.446.07-.75c0-1.149-.82-1.805-1.945-1.805c-1.312 0-1.898.726-2.133 1.828l-2.062 10.172H24.215l1.922-9.445c.023-.141.07-.446.07-.75c0-1.149-.844-1.805-1.945-1.805c-1.336 0-1.946.726-2.157 1.828l-2.062 10.172h-7.687c-1.29 0-2.18.984-2.18 2.273c0 1.055.703 1.805 1.758 1.805h7.289l-2.485 12.375h-7.57c-1.29 0-2.18.984-2.18 2.273c0 1.055.703 1.805 1.758 1.805m12.14-4.078l2.509-12.375H34.48l-2.508 12.375Z'/%3E%3C/svg%3E") no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' width='56' height='56'%3E%3Cpath fill='currentColor' d='M8.746 37.703h7.149l-2.133 10.594a4 4 0 0 0-.07.75c0 1.148.796 1.781 1.898 1.781c1.125 0 1.945-.61 2.18-1.758l2.296-11.367h11.086L29.02 48.297c-.07.234-.093.516-.093.75c0 1.148.797 1.781 1.922 1.781s1.945-.61 2.18-1.758L35.3 37.703h8.367c1.289 0 2.18-.937 2.18-2.203c0-1.031-.703-1.875-1.758-1.875h-7.946L38.63 21.25h8.203c1.29 0 2.18-.937 2.18-2.203c0-1.031-.703-1.875-1.758-1.875H39.45l1.922-9.445c.023-.141.07-.446.07-.75c0-1.149-.82-1.805-1.945-1.805c-1.312 0-1.898.726-2.133 1.828l-2.062 10.172H24.215l1.922-9.445c.023-.141.07-.446.07-.75c0-1.149-.844-1.805-1.945-1.805c-1.336 0-1.946.726-2.157 1.828l-2.062 10.172h-7.687c-1.29 0-2.18.984-2.18 2.273c0 1.055.703 1.805 1.758 1.805h7.289l-2.485 12.375h-7.57c-1.29 0-2.18.984-2.18 2.273c0 1.055.703 1.805 1.758 1.805m12.14-4.078l2.509-12.375H34.48l-2.508 12.375Z'/%3E%3C/svg%3E") no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: -0.125em; } .m-0 { margin: 0; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .text-slate-900 { color: oklch(20.8% 0.042 265.755); } .bg-\[\#f5f7fa\] { background-color: #f5f7fa; } .flex { display: flex; } .gap-5 { gap: 1.25rem; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .h-\[72px\] { height: 72px; } .max-w-\[1280px\] { max-width: 1280px; } .gap-2 { gap: 0.5rem; } .font-semibold { font-weight: 600; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .tracking-tight { letter-spacing: -0.025em; } .h-10 { height: 2.5rem; } .w-10 { width: 2.5rem; } .font-medium { font-weight: 500; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .hidden { display: none; } .text-slate-600 { color: oklch(44.6% 0.043 257.281); } .hover\:text-slate-950:hover { color: oklch(12.9% 0.042 264.695); } .grid { display: grid; } .gap-10 { gap: 2.5rem; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .text-blue-700 { color: oklch(48.8% 0.243 264.376); } .text-xs { font-size: 0.75rem; line-height: 1rem; } .tracking-\[0\.16em\] { letter-spacing: 0.16em; } .uppercase { text-transform: uppercase; } .max-w-\[12ch\] { max-width: 12ch; } .leading-\[1\.04\] { line-height: 1.04; } .text-5xl { font-size: 3rem; line-height: 1; } .tracking-\[-0\.055em\] { letter-spacing: -0.055em; } .max-w-\[32ch\] { max-width: 32ch; } .leading-relaxed { line-height: 1.625; } .min-w-0 { min-width: 0; } .block { display: block; } .h-auto { height: auto; } .w-full { width: 100%; } .gap-4 { gap: 1rem; } .inline-flex { display: inline-flex; } .gap-1 { gap: 0.25rem; } .p-1 { padding: 0.25rem; } .border { border-width: 1px; } .border-slate-300 { border-color: oklch(86.9% 0.022 252.894); } .rounded-lg { border-radius: 0.5rem; } .bg-white { background-color: #fff; } .border-slate-200 { border-color: oklch(92.9% 0.013 255.508); } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .gap-7 { gap: 1.75rem; } .shrink-0 { flex-shrink: 0; } .h-7 { height: 1.75rem; } .w-7 { width: 1.75rem; } .max-w-\[20ch\] { max-width: 20ch; } .leading-tight { line-height: 1.25; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .tracking-\[-0\.035em\] { letter-spacing: -0.035em; } .gap-6 { gap: 1.5rem; } .overflow-hidden { overflow: hidden; } .bg-\[\#e9edf4\] { background-color: #e9edf4; } .rounded-2xl { border-radius: 1rem; } .p-7 { padding: 1.75rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .max-w-\[40ch\] { max-width: 40ch; } .text-base { font-size: 1rem; line-height: 1.5rem; } .gap-8 { gap: 2rem; } .h-5 { height: 1.25rem; } .w-5 { width: 1.25rem; } .bg-\[\#edf1f6\] { background-color: #edf1f6; } .hover\:text-blue-900:hover { color: oklch(37.9% 0.146 265.522); } .max-w-\[680px\] { max-width: 680px; } .border-t { border-top-width: 1px; } .max-w-\[34ch\] { max-width: 34ch; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .\[stx\:toast\] { stx: toast; } .\[stx\:overlays\] { stx: overlays; } .\[stx\:modal\] { stx: modal; } .\[stx\:drawer\] { stx: drawer; } .\[stx\:store\] { stx: store; } .\[stx\:hmr\] { stx: hmr; } .\[stx\:load\] { stx: load; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .mx-auto { margin-left: auto; margin-right: auto; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .pb-16 { padding-bottom: 4rem; } .pt-12 { padding-top: 3rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-7 { margin-bottom: 1.75rem; } .mt-6 { margin-top: 1.5rem; } .mt-5 { margin-top: 1.25rem; } .mt-10 { margin-top: 2.5rem; } .mb-0 { margin-bottom: 0; } .mt-3 { margin-top: 0.75rem; } .mt-2 { margin-top: 0.5rem; } .mt-4 { margin-top: 1rem; } .mt-9 { margin-top: 2.25rem; } .pt-7 { padding-top: 1.75rem; } @media (min-width: 640px) { .sm\:block { display: block; } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } } @media (min-width: 768px) { .md\:gap-8 { gap: 2rem; } .md\:text-6xl { font-size: 3.75rem; line-height: 1; } .md\:gap-10 { gap: 2.5rem; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:p-8 { padding: 2rem; } .md\:gap-16 { gap: 4rem; } .md\:grid-cols-\[0\.8fr_1\.2fr\] { grid-template-columns: 0.8fr 1.2fr; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem; } .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .md\:pb-20 { padding-bottom: 5rem; } .md\:pt-20 { padding-top: 5rem; } } @media (min-width: 1024px) { .lg\:gap-14 { gap: 3.5rem; } .lg\:grid-cols-\[0\.9fr_1\.3fr\] { grid-template-columns: 0.9fr 1.3fr; } .lg\:gap-16 { gap: 4rem; } .lg\:grid-cols-\[1\.3fr_0\.8fr\] { grid-template-columns: 1.3fr 0.8fr; } }