@sanity/sanity-id 1.7.2 → 1.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/RadioSwitch.mjs +17 -17
  2. package/dist/sanity-id.css +1 -1
  3. package/package.json +2 -1
  4. package/tailwind.css +130 -85
  5. package/README.md +0 -272
package/dist/RadioSwitch.mjs CHANGED
@@ -1,40 +1,40 @@
1
1
  "use client";
2
- import { jsxs as d, jsx as l } from "react/jsx-runtime";
3
- import { useState as u, useEffect as g, Fragment as h } from "react";
2
+ import { jsxs as o, jsx as l } from "react/jsx-runtime";
3
+ import { useState as g, useEffect as u, Fragment as h } from "react";
4
4
  import { SanityIcon as p } from "./SanityIcon.mjs";
5
- const b = "_wrapper_1k5qz_3", f = "_legend_1k5qz_14", k = "_radio_1k5qz_18", q = "_label_1k5qz_22", v = "_icon_1k5qz_50", a = {
5
+ const b = "_wrapper_1gj3o_3", j = "_legend_1gj3o_14", f = "_radio_1gj3o_18", v = "_label_1gj3o_22", w = "_icon_1gj3o_52", a = {
6
6
  wrapper: b,
7
- legend: f,
8
- radio: k,
9
- label: q,
10
- icon: v
7
+ legend: j,
8
+ radio: f,
9
+ label: v,
10
+ icon: w
11
11
  };
12
- function y({
12
+ function C({
13
13
  size: c,
14
- onChange: t,
15
- name: o,
14
+ onChange: d,
15
+ name: t,
16
16
  legend: n,
17
17
  value: r,
18
18
  options: m
19
19
  }) {
20
20
  c ??= "md";
21
- const [_, s] = u(r);
22
- return g(() => {
21
+ const [_, s] = g(r);
22
+ return u(() => {
23
23
  s(r);
24
- }, [r]), /* @__PURE__ */ d("div", { className: a.wrapper, "data-size": c, suppressHydrationWarning: !0, children: [
24
+ }, [r]), /* @__PURE__ */ o("div", { className: a.wrapper, "data-size": c, suppressHydrationWarning: !0, children: [
25
25
  n && /* @__PURE__ */ l("legend", { className: a.legend, children: n }),
26
- m.map((e, w) => /* @__PURE__ */ d(h, { children: [
26
+ m.map((e, N) => /* @__PURE__ */ o(h, { children: [
27
27
  /* @__PURE__ */ l(
28
28
  "input",
29
29
  {
30
30
  type: "radio",
31
31
  id: e.id,
32
- name: o,
32
+ name: t,
33
33
  className: a.radio,
34
34
  checked: e.value === _,
35
35
  value: e.value,
36
36
  onChange: (i) => {
37
- s(i.target.value), t?.(i);
37
+ s(i.target.value), d?.(i);
38
38
  }
39
39
  }
40
40
  ),
@@ -51,5 +51,5 @@ function y({
51
51
  ] });
52
52
  }
53
53
  export {
54
- y as RadioSwitch
54
+ C as RadioSwitch
55
55
  };
package/dist/sanity-id.css CHANGED
@@ -1 +1 @@
1
- ._spinner_r11be_1{animation:_spinner_r11be_1 1s linear infinite}@keyframes _spinner_r11be_1{to{rotate:360deg}}._badge_184a6_3{box-sizing:border-box;background-color:var(--color-bg-dim);color:var(--color-fg-base);white-space:nowrap;align-items:center;column-gap:1ch;width:fit-content;height:fit-content;display:flex}._badge_184a6_3[data-size=sm]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;padding-inline:var(--spacing-6);height:var(--spacing-widget-xs);font-size:.625rem;font-style:normal;font-weight:400;line-height:1.3}._badge_184a6_3[data-size=md]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._badge_184a6_3[data-size=md] em,._badge_184a6_3[data-size=md] i{text-transform:none}._badge_184a6_3[data-size=md]{padding-inline:var(--spacing-8);height:var(--spacing-widget-sm)}@supports not (text-box-trim:trim-both){._badge_184a6_3._badge_184a6_3{line-height:1}}._icon_184a6_33{aspect-ratio:1;margin:-2px}._badge_184a6_3[data-size=sm] ._icon_184a6_33{height:15px}._badge_184a6_3[data-size=md] ._icon_184a6_33{height:17px}._nav_1h46i_3{width:fit}._list_1h46i_7{column-gap:var(--spacing-8);flex-wrap:wrap;width:fit-content;list-style:none;display:flex}._listItem_1h46i_15:after{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;content:"/";margin-left:var(--spacing-8);font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._link_1h46i_21{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._link_1h46i_21 em,._link_1h46i_21 i{text-transform:none}._link_1h46i_21{color:var(--color-fg-base);text-decoration:none}@media(hover:hover){._link_1h46i_21:hover{text-underline-offset:.1em;text-decoration-line:underline;text-decoration-thickness:.08em}}._button_1x2kx_3{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._button_1x2kx_3 em,._button_1x2kx_3 i{text-transform:none}._button_1x2kx_3{border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;border:1px solid;justify-content:center;align-items:center;width:fit-content;height:fit-content;text-decoration:none;display:flex}._button_1x2kx_3[data-size=sm]{column-gap:var(--spacing-2);min-height:var(--spacing-widget-sm);padding:var(--spacing-2)var(--spacing-8)}._button_1x2kx_3[data-size=md]{column-gap:var(--spacing-2);min-height:var(--spacing-widget-md);padding:var(--spacing-4)var(--spacing-12)}._button_1x2kx_3[data-size=lg]{column-gap:var(--spacing-6);min-height:var(--spacing-widget-lg);padding:var(--spacing-8)var(--spacing-32)}@supports not (text-box-trim:trim-both){._button_1x2kx_3{line-height:1}}._button_1x2kx_3[data-mode=primary]:hover{background-color:var(--color-bg-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-base)}._button_1x2kx_3[data-mode=primary],._button_1x2kx_3[data-mode=primary]:active{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-inverse-base)}._button_1x2kx_3[data-mode=brand]:hover{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-brand)}._button_1x2kx_3[data-mode=brand],._button_1x2kx_3[data-mode=brand]:active{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-black)}._button_1x2kx_3[data-mode=accent]:hover{background-color:var(--color-bg-base);border-color:var(--color-blue-700);color:var(--color-blue-700)}._button_1x2kx_3[data-mode=accent],._button_1x2kx_3[data-mode=accent]:active{background-color:var(--color-blue-700);border-color:var(--color-blue-700);color:var(--color-white)}._button_1x2kx_3[data-mode=muted]:hover{background-color:light-dark(var(--color-gray-300),var(--color-gray-700));border-color:light-dark(var(--color-gray-300),var(--color-gray-700));color:var(--color-fg-base)}._button_1x2kx_3[data-mode=muted],._button_1x2kx_3[data-mode=muted]:active{background-color:light-dark(var(--color-gray-100),var(--color-gray-900));border-color:light-dark(var(--color-gray-100),var(--color-gray-900));color:var(--color-fg-base)}._button_1x2kx_3[data-mode=outline]:hover{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-inverse-base)}._button_1x2kx_3[data-mode=outline],._button_1x2kx_3[data-mode=outline]:active{border-color:var(--color-bg-inverse-base);color:var(--color-fg-base)}._button_1x2kx_3[data-mode=ghost]{border-width:0}._button_1x2kx_3[data-mode=ghost]:hover{background-color:light-dark(var(--color-gray-100),var(--color-gray-900));color:var(--color-fg-base)}._button_1x2kx_3[data-mode=ghost],._button_1x2kx_3[data-mode=ghost]:active{color:var(--color-fg-base);background-color:#0000}._button_1x2kx_3[data-size=lg] :is(._iconLeft_1x2kx_128,._iconRight_1x2kx_129){--sanity-id-button-icon-offset:-6px;height:var(--spacing-icon-lg);width:var(--spacing-icon-lg)}._button_1x2kx_3[data-size=md] :is(._iconLeft_1x2kx_128,._iconRight_1x2kx_129){--sanity-id-button-icon-offset:-6px;height:var(--spacing-icon-md);width:var(--spacing-icon-md)}._button_1x2kx_3[data-size=sm] :is(._iconLeft_1x2kx_128,._iconRight_1x2kx_129){--sanity-id-button-icon-offset:-4px;height:var(--spacing-icon-sm);width:var(--spacing-icon-sm)}:is(._iconLeft_1x2kx_128,._iconRight_1x2kx_129)>*{width:100%;height:100%}._iconLeft_1x2kx_128{margin-left:var(--sanity-id-button-icon-offset)}._iconRight_1x2kx_129{margin-right:var(--sanity-id-button-icon-offset)}._link_gjdd5_3{background-color:var(--color-bg-base);box-sizing:border-box;row-gap:var(--spacing-16);padding-bottom:var(--spacing-16);flex-direction:column;display:flex}._link_gjdd5_3[href]{cursor:pointer}._image_gjdd5_16{background-size:8px}:root[data-theme=light] ._image_gjdd5_16,:root[data-theme=dark] [data-theme=light] ._image_gjdd5_16{background-image:var(--sanity-id-texture-dots-hex-base-small-light)}@container style(--color-scheme:light){._image_gjdd5_16{background-image:var(--sanity-id-texture-dots-hex-base-small-light)}}:root[data-theme=dark] ._image_gjdd5_16,:root[data-theme=light] [data-theme=dark] ._image_gjdd5_16{background-image:var(--sanity-id-texture-dots-hex-base-small-dark)}@container style(--color-scheme:dark){._image_gjdd5_16{background-image:var(--sanity-id-texture-dots-hex-base-small-dark)}}._image_gjdd5_16{background-color:var(--color-bg-dim);aspect-ratio:16/9;object-fit:cover}:root[data-theme=dark] ._image_gjdd5_16._imageDark_gjdd5_22,:root[data-theme=light] [data-theme=dark] ._image_gjdd5_16._imageDark_gjdd5_22{display:block}@container style(--color-scheme:dark){._image_gjdd5_16._imageDark_gjdd5_22{display:block}}._image_gjdd5_16._imageDark_gjdd5_22{display:none}:root[data-theme=light] ._image_gjdd5_16._imageLight_gjdd5_27,:root[data-theme=dark] [data-theme=light] ._image_gjdd5_16._imageLight_gjdd5_27{display:block}@container style(--color-scheme:light){._image_gjdd5_16._imageLight_gjdd5_27{display:block}}._image_gjdd5_16._imageLight_gjdd5_27{display:none}._eyebrow_gjdd5_33{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._eyebrow_gjdd5_33 em,._eyebrow_gjdd5_33 i{text-transform:none}._eyebrow_gjdd5_33{color:var(--color-fg-base)}._title_gjdd5_38{font-family:var(--font-sans);font-feature-settings:var(--sanity-id-heading-font-features);letter-spacing:-.01em;text-box:trim-both cap alphabetic;color:var(--color-fg-base);font-size:1.5rem;font-style:normal;font-weight:400;line-height:1.1}._link_gjdd5_3[href]:hover ._title_gjdd5_38{text-underline-offset:.1em;text-decoration-line:underline;text-decoration-thickness:.08em}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (appearance:none){._link_gjdd5_3[href]:hover ._title_gjdd5_38{text-underline-offset:.35em}._link_gjdd5_3[href]:hover ._title_gjdd5_38 *{text-underline-offset:.1em}}._wrapper_vzeln_3{gap:var(--spacing-8);grid-template-columns:min-content 1fr;display:grid}._checkbox_vzeln_9:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._checkbox_vzeln_9{--checkbox-accent-color:var(--color-bg-inverse-base);appearance:none;box-sizing:border-box;height:var(--spacing-icon-md);border:1px solid var(--checkbox-accent-color);width:var(--spacing-icon-md);flex-shrink:0}._checkbox_vzeln_9:not(:checked):hover{outline:1px solid var(--checkbox-accent-color)}._checkbox_vzeln_9:checked{background-color:var(--checkbox-accent-color)}._checkbox_vzeln_9:checked:before{background-color:var(--color-bg-base);content:"";width:100%;height:100%;display:block;-webkit-mask-image:url(https://raw.githubusercontent.com/sanity-io/icons/refs/heads/main/export/checkmark.svg);mask-image:url(https://raw.githubusercontent.com/sanity-io/icons/refs/heads/main/export/checkmark.svg);-webkit-mask-size:100%;mask-size:100%}._checkbox_vzeln_9[aria-invalid=true]{--checkbox-accent-color:var(--color-fg-error)}._label_vzeln_43{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_vzeln_43 em,._label_vzeln_43 i{text-transform:none}._label_vzeln_43{color:var(--color-fg-base);margin-top:var(--spacing-6);display:inline-block}._error_vzeln_50{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);gap:var(--spacing-8);grid-column:span 2;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_vzeln_59{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem;right:100%}._chip_1nfjd_3{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;border-radius:var(--radius-full);box-sizing:border-box;cursor:default;align-items:center;width:fit-content;height:fit-content;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5;display:flex}._chip_1nfjd_3[data-size=md]{padding:var(--spacing-12);gap:var(--spacing-8)}._chip_1nfjd_3[data-size=sm]{padding:var(--spacing-8);gap:var(--spacing-6)}._chip_1nfjd_3[data-letter-case=uppercase]{text-transform:uppercase}._chip_1nfjd_3[data-state=active]{background:var(--color-bg-dim)}._chip_1nfjd_3:hover{background:light-dark(var(--color-gray-300),var(--color-gray-700))}._text_1nfjd_37{text-box-edge:cap alphabetic;text-box-trim:trim-both}@supports not (text-box-trim:trim-both){._text_1nfjd_37{line-height:1}}._icon_1nfjd_46{height:var(--spacing-icon-sm);width:var(--spacing-icon-sm);margin:-5px}._button_qvatm_3{border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;border:1px solid;justify-content:center;align-items:center;display:flex}._button_qvatm_3[data-size=sm]{height:var(--spacing-widget-sm);width:var(--spacing-widget-sm)}._button_qvatm_3[data-size=md]{height:var(--spacing-widget-md);width:var(--spacing-widget-md)}._button_qvatm_3[data-size=lg]{height:var(--spacing-widget-lg);width:var(--spacing-widget-lg)}._button_qvatm_3[data-mode=primary]:hover{background-color:var(--color-bg-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-base)}._button_qvatm_3[data-mode=primary],._button_qvatm_3[data-mode=primary]:active{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-inverse-base)}._button_qvatm_3[data-mode=brand]:hover{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-brand)}._button_qvatm_3[data-mode=brand],._button_qvatm_3[data-mode=brand]:active{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-black)}._button_qvatm_3[data-mode=accent]:hover{background-color:var(--color-bg-base);border-color:var(--color-blue-700);color:var(--color-blue-700)}._button_qvatm_3[data-mode=accent],._button_qvatm_3[data-mode=accent]:active{background-color:var(--color-blue-700);border-color:var(--color-blue-700);color:var(--color-white)}._button_qvatm_3[data-mode=muted]:hover{background-color:light-dark(var(--color-gray-300),var(--color-gray-700));border-color:light-dark(var(--color-gray-300),var(--color-gray-700));color:var(--color-fg-base)}._button_qvatm_3[data-mode=muted],._button_qvatm_3[data-mode=muted]:active{background-color:light-dark(var(--color-gray-100),var(--color-gray-900));border-color:light-dark(var(--color-gray-100),var(--color-gray-900));color:var(--color-fg-base)}._button_qvatm_3[data-mode=outline]:hover{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-inverse-base)}._button_qvatm_3[data-mode=outline],._button_qvatm_3[data-mode=outline]:active{border-color:var(--color-bg-inverse-base);color:var(--color-fg-base)}._button_qvatm_3[data-mode=ghost]{border-width:0}._button_qvatm_3[data-mode=ghost]:hover{background-color:light-dark(var(--color-gray-100),var(--color-gray-900));color:var(--color-fg-base)}._button_qvatm_3[data-mode=ghost],._button_qvatm_3[data-mode=ghost]:active{background-color:var(--color-bg-base);color:var(--color-fg-base)}._button_qvatm_3[data-size=lg] ._icon_qvatm_115{height:var(--spacing-icon-lg);width:var(--spacing-icon-lg)}._button_qvatm_3[data-size=md] ._icon_qvatm_115{height:var(--spacing-icon-md);width:var(--spacing-icon-md)}._button_qvatm_3[data-size=sm] ._icon_qvatm_115{height:var(--spacing-icon-sm);width:var(--spacing-icon-sm)}._icon_qvatm_115>*{width:100%;height:100%}._code_1tq7g_3[data-size=sm]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.5}._code_1tq7g_3[data-size=md]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._code_1tq7g_3[data-size=lg]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;font-size:.9375rem;font-style:normal;font-weight:400;line-height:1.5}._code_1tq7g_3>code{position:relative}._code_1tq7g_3 .line{isolation:isolate;width:100%;display:inline-block}._code_1tq7g_3 .highlight:before{background-color:var(--color-bg-dim);content:"";z-index:-1;width:100%;height:1lh;display:block;position:absolute;left:0}._code_1tq7g_3 .line-number{box-sizing:content-box;color:var(--color-fg-inverse-dim);padding-right:var(--spacing-24);text-align:right;-webkit-user-select:none;user-select:none;width:2ch;display:inline-block}._code_1tq7g_3:not(:has(.line+.line)) .line-number{display:none}._code_1tq7g_3[data-line-numbers=false] .line-number{display:none}._wrapper_qts2y_3{border:1px solid var(--color-border-faint);padding:var(--spacing-12);border-radius:12px;padding-bottom:0;position:relative}._tabList_qts2y_11{column-gap:var(--spacing-4);margin-bottom:var(--spacing-12);display:flex}._tab_qts2y_11{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;border-radius:var(--radius-full);min-height:var(--spacing-widget-md);padding:var(--spacing-4)var(--spacing-12);font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._tab_qts2y_11[aria-selected=true],._tab_qts2y_11:hover{background-color:var(--color-bg-dim)}._title_qts2y_29{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;padding:var(--spacing-12);font-size:.8125rem;font-style:italic;font-weight:400;line-height:1.5}._code_qts2y_35{padding:var(--spacing-12);padding-bottom:var(--spacing-4);display:block}._code_qts2y_35 pre{padding-bottom:1.25rem;padding-right:var(--spacing-24);overflow-x:auto}._copyButton_qts2y_47{box-shadow:0 0 8px 2px var(--color-bg-base);top:var(--spacing-12);right:var(--spacing-12);position:absolute}._wrapper_qts2y_3[data-mode=minimal] ._copyButton_qts2y_47{top:50%;translate:0 -50%}._input_miwec_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._input_miwec_3{border:1px solid var(--color-border-base);box-sizing:border-box;padding:var(--spacing-8)var(--spacing-12);font-family:var(--font-sans);min-height:var(--spacing-widget-lg);font-size:1rem;text-decoration:none}._input_miwec_3::placeholder{color:var(--color-fg-faint)}._input_miwec_3[aria-invalid=true]{border-color:var(--color-fg-error)}._wrapper_miwec_23{flex-direction:column;display:flex}._label_miwec_28{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_miwec_28 em,._label_miwec_28 i{text-transform:none}._label_miwec_28{color:var(--color-fg-base);margin-bottom:var(--spacing-12)}._optional_miwec_34{color:var(--color-fg-base);text-transform:lowercase;font-style:italic}._hint_miwec_40{color:var(--color-fg-base);font-family:var(--font-sans);margin-bottom:var(--spacing-12);font-size:.8125rem;font-style:italic;line-height:1.1}._error_miwec_49{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);column-gap:var(--spacing-6);margin-top:var(--spacing-8);font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_miwec_58{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem}._root_18qwp_3{align-items:center;column-gap:var(--spacing-8);display:flex}._root_18qwp_3[data-size=sm]{--person-stack-size:30px}._root_18qwp_3[data-size=md]{--person-stack-size:40px}._imageList_18qwp_17{display:flex}._imageItem_18qwp_21{position:relative}._imageItem_18qwp_21+._imageItem_18qwp_21{margin-left:calc(var(--person-stack-size)/2*-1)}._image_18qwp_17{border-radius:var(--radius-full);filter:grayscale();height:var(--person-stack-size);object-fit:cover;width:var(--person-stack-size)}._imageItem_18qwp_21:not(:last-child) ._image_18qwp_17{-webkit-mask:radial-gradient(circle at 100% center,transparent calc((var(--person-stack-size)/2) + 2px),white 0px);mask:radial-gradient(circle at 100% center,transparent calc((var(--person-stack-size)/2) + 2px),white 0px)}._root_18qwp_3[data-size=sm] ._names_18qwp_45{-webkit-line-clamp:2;text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;-webkit-box-orient:vertical;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}._root_18qwp_3[data-size=md] ._names_18qwp_45{-webkit-line-clamp:2;font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;-webkit-box-orient:vertical;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}._radio_f28bd_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._radio_f28bd_3{--radio-accent-color:var(--color-bg-inverse-base);appearance:none;border:1px solid var(--radio-accent-color);border-radius:var(--radius-full);box-sizing:border-box;height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;display:flex}._radio_f28bd_3:checked{background:var(--radio-accent-color)}._radio_f28bd_3:checked:before{content:"";border-radius:var(--radius-full);background-color:var(--color-bg-base);width:.5625rem;height:.5625rem;margin:auto;display:block}._radio_f28bd_3[aria-invalid=true]{--radio-accent-color:var(--color-fg-error)}._wrapper_f28bd_34{gap:var(--spacing-8);grid-template-columns:min-content 1fr;display:grid}._label_f28bd_40{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_f28bd_40 em,._label_f28bd_40 i{text-transform:none}._label_f28bd_40{color:var(--color-fg-base);margin-top:var(--spacing-6);display:inline-block}._error_f28bd_47{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);gap:var(--spacing-8);grid-column:span 2;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_f28bd_56{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem;right:100%}._wrapper_1k5qz_3:has(:focus-visible){outline:2px dotted var(--color-focus-ring);outline-offset:2px}._wrapper_1k5qz_3{border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px var(--color-border-base);box-sizing:border-box;isolation:isolate;width:max-content;display:flex;position:relative}._legend_1k5qz_14,._radio_1k5qz_18{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._label_1k5qz_22{border-radius:var(--radius-full);cursor:pointer;border:1px solid #0000;padding:6%;display:flex}._wrapper_1k5qz_3[data-size=sm] ._label_1k5qz_22{height:var(--spacing-icon-lg);width:var(--spacing-icon-lg)}._wrapper_1k5qz_3[data-size=md] ._label_1k5qz_22{height:var(--spacing-widget-md);width:var(--spacing-widget-md)}._label_1k5qz_22:hover{background:var(--color-bg-dim);background-clip:padding-box}._radio_1k5qz_18:checked+._label_1k5qz_22{background:var(--color-fg-base);color:var(--color-bg-base)}._icon_1k5qz_50{width:100%;height:100%;margin:auto}._select_wso9x_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._select_wso9x_3{border:1px solid var(--color-border-base);box-sizing:border-box;appearance:none;padding-block:var(--spacing-8);padding-inline:var(--spacing-12) 2.625rem;font-family:var(--font-sans);min-height:var(--spacing-widget-lg);background-position:calc(100% - 9px);background-repeat:no-repeat;font-size:1rem}._select_wso9x_3::placeholder{color:var(--color-fg-faint)}:root[data-theme=dark] ._select_wso9x_3,:root[data-theme=light] [data-theme=dark] ._select_wso9x_3{background-image:url(https://www.sanity.io/iconophor/sanity-icons/3.7.0/select?replace-colors=white)}@container style(--color-scheme:dark){._select_wso9x_3{background-image:url(https://www.sanity.io/iconophor/sanity-icons/3.7.0/select?replace-colors=white)}}:root[data-theme=light] ._select_wso9x_3,:root[data-theme=dark] [data-theme=light] ._select_wso9x_3{background-image:url(https://www.sanity.io/iconophor/sanity-icons/3.7.0/select?replace-colors=black)}@container style(--color-scheme:light){._select_wso9x_3{background-image:url(https://www.sanity.io/iconophor/sanity-icons/3.7.0/select?replace-colors=black)}}._select_wso9x_3[aria-invalid=true]{border-color:var(--color-fg-error)}._wrapper_wso9x_34{flex-direction:column;display:flex}._label_wso9x_39{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_wso9x_39 em,._label_wso9x_39 i{text-transform:none}._label_wso9x_39{color:var(--color-fg-base);margin-bottom:var(--spacing-12)}._optional_wso9x_45{color:var(--color-fg-base)}._hint_wso9x_49{color:var(--color-fg-base);font-family:var(--font-sans);margin-bottom:var(--spacing-12);font-size:.8125rem;font-style:italic;line-height:1.1}._error_wso9x_58{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);column-gap:var(--spacing-6);margin-top:var(--spacing-8);font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_wso9x_67{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem}._switch_6swrf_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._switch_6swrf_3{box-sizing:border-box;height:var(--spacing-icon-md);appearance:none;background-color:var(--color-gray-500);border-radius:var(--radius-full);flex-shrink:0;width:2.3125rem}._switch_6swrf_3:before{content:"";border:2px solid var(--color-gray-500);height:var(--spacing-icon-md);width:var(--spacing-icon-md);border-radius:var(--radius-full);background-color:var(--color-bg-base);display:block;position:absolute}._switch_6swrf_3:hover:before{border-color:var(--color-bg-inverse-base)}._switch_6swrf_3:checked{background-color:var(--color-bg-inverse-base)}._switch_6swrf_3:checked:before{translate:var(--spacing-16);border-color:var(--color-bg-inverse-base)}._switch_6swrf_3[aria-invalid=true]{background-color:var(--color-fg-error)}._switch_6swrf_3[aria-invalid=true]:before{border-color:var(--color-fg-error)}._wrapper_6swrf_46{gap:var(--spacing-8);grid-template-columns:min-content 1fr;display:grid}._label_6swrf_52{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_6swrf_52 em,._label_6swrf_52 i{text-transform:none}._label_6swrf_52{color:var(--color-fg-base);margin-top:var(--spacing-6);display:inline-block}._error_6swrf_59{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);gap:var(--spacing-8);grid-column:span 2;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_6swrf_68{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem;right:100%}._table_1eprs_3{table-layout:auto}._table_1eprs_3 th{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._table_1eprs_3 th em,._table_1eprs_3 th i{text-transform:none}._table_1eprs_3 th{padding:var(--spacing-16);vertical-align:top;width:200px}._table_1eprs_3 td{font-family:var(--font-sans);letter-spacing:-.01em;text-box:trim-both cap alphabetic;padding:var(--spacing-16);vertical-align:top;width:200px;font-size:.9375rem;font-style:normal;font-weight:400;line-height:1.5}._table_1eprs_3 thead th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}._table_1eprs_3 tbody th+td{border-left:1px solid var(--color-border-base)}._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td{background-size:8px}:root[data-theme=light] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),:root[data-theme=dark] [data-theme=light] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td){background-image:var(--sanity-id-texture-dots-grid-base-small-light)}@container style(--color-scheme:light){._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td{background-image:var(--sanity-id-texture-dots-grid-base-small-light)}}:root[data-theme=dark] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),:root[data-theme=light] [data-theme=dark] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td){background-image:var(--sanity-id-texture-dots-grid-base-small-dark)}@container style(--color-scheme:dark){._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td{background-image:var(--sanity-id-texture-dots-grid-base-small-dark)}}._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td{background-position:0;background-repeat:repeat-y;background-size:4px}._table_1eprs_3 tbody>tr+tr{background-size:8px}:root[data-theme=light] :is(._table_1eprs_3 tbody>tr+tr),:root[data-theme=dark] [data-theme=light] :is(._table_1eprs_3 tbody>tr+tr){background-image:var(--sanity-id-texture-dots-grid-base-small-light)}@container style(--color-scheme:light){._table_1eprs_3 tbody>tr+tr{background-image:var(--sanity-id-texture-dots-grid-base-small-light)}}:root[data-theme=dark] :is(._table_1eprs_3 tbody>tr+tr),:root[data-theme=light] [data-theme=dark] :is(._table_1eprs_3 tbody>tr+tr){background-image:var(--sanity-id-texture-dots-grid-base-small-dark)}@container style(--color-scheme:dark){._table_1eprs_3 tbody>tr+tr{background-image:var(--sanity-id-texture-dots-grid-base-small-dark)}}._table_1eprs_3 tbody>tr+tr{background-position:top;background-repeat:repeat-x;background-size:4px}._table_1eprs_3:has(tbody>tr>th:first-child) thead th:first-child+th,._table_1eprs_3 tbody th:first-child+td{border-left:1px solid var(--color-border-base);background-image:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}._root_1efcj_3{box-sizing:border-box;align-items:center;gap:var(--spacing-12);width:fit-content;height:fit-content;display:flex}._root_1efcj_3[data-size=large]{text-align:center;flex-direction:column}._imageWrapper_1efcj_17{overflow:hidden}._root_1efcj_3[data-rounded=true] ._imageWrapper_1efcj_17{border-radius:var(--radius-full)}._root_1efcj_3[data-accent-color=blue] ._imageWrapper_1efcj_17{background-color:var(--color-blue-500)}._root_1efcj_3[data-accent-color=green] ._imageWrapper_1efcj_17{background-color:var(--color-green-500)}._root_1efcj_3[data-accent-color=magenta] ._imageWrapper_1efcj_17{background-color:var(--color-magenta-500)}._root_1efcj_3[data-accent-color=yellow] ._imageWrapper_1efcj_17{background-color:var(--color-yellow-500)}._root_1efcj_3[data-size=small] ._imageWrapper_1efcj_17{height:var(--spacing-40);width:var(--spacing-40)}._root_1efcj_3[data-size=medium] ._imageWrapper_1efcj_17{height:var(--spacing-64);width:var(--spacing-64)}._root_1efcj_3[data-size=large] ._imageWrapper_1efcj_17{height:var(--spacing-128);width:var(--spacing-128)}._image_1efcj_17{filter:grayscale();object-fit:cover;width:100%;height:100%}._text_1efcj_63{row-gap:var(--spacing-6);flex-direction:column;display:flex}@supports not (text-box-trim:trim-both){._text_1efcj_63{row-gap:0}}._name_1efcj_73{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._title_1efcj_78{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._company_1efcj_82{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._testimonial_2336c_3{row-gap:var(--spacing-48);display:grid}._testimonial_2336c_3[data-align=left]{justify-items:start}._testimonial_2336c_3[data-align=center],._testimonial_2336c_3[data-size=large]{text-align:center;justify-items:center}._testimonial_2336c_3[data-size=small],._testimonial_2336c_3[data-size=medium]{padding:var(--spacing-24)}._testimonial_2336c_3[data-size=large]{padding:var(--spacing-48)var(--spacing-24)}._companyLogo_2336c_30{box-sizing:border-box;width:auto}._testimonial_2336c_3[data-size=small] ._companyLogo_2336c_30{height:var(--spacing-24)}._testimonial_2336c_3[data-size=medium] ._companyLogo_2336c_30,._testimonial_2336c_3[data-size=large] ._companyLogo_2336c_30{height:var(--spacing-32)}:root[data-theme=light] ._companyLogo_2336c_30,:root[data-theme=dark] [data-theme=light] ._companyLogo_2336c_30{filter:grayscale()}@container style(--color-scheme:light){._companyLogo_2336c_30{filter:grayscale()}}:root[data-theme=dark] ._companyLogo_2336c_30,:root[data-theme=light] [data-theme=dark] ._companyLogo_2336c_30{filter:grayscale()invert()}@container style(--color-scheme:dark){._companyLogo_2336c_30{filter:grayscale()invert()}}._testimonial_2336c_3[data-size=small] ._quote_2336c_52{font-family:var(--font-sans);letter-spacing:-.01px;text-box:trim-both cap alphabetic;font-size:1.125rem;font-style:normal;font-weight:400;line-height:1.5}._testimonial_2336c_3[data-size=medium] ._quote_2336c_52{font-family:var(--font-sans);letter-spacing:-.01px;text-box:trim-both cap alphabetic;font-size:1.75rem;font-style:normal;font-weight:400;line-height:1.35}._testimonial_2336c_3[data-size=large] ._quote_2336c_52{font-family:var(--font-sans);letter-spacing:-.025px;text-box:trim-both cap alphabetic;font-size:2.375rem;font-style:normal;font-weight:400;line-height:1.1}._source_2336c_66{text-align:left}._textarea_1oz1s_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._textarea_1oz1s_3{border:1px solid var(--color-border-base);box-sizing:border-box;padding:var(--spacing-8)var(--spacing-12);font-family:var(--font-sans);min-height:var(--spacing-widget-lg);font-size:1rem}._textarea_1oz1s_3::placeholder{color:var(--color-fg-faint)}._textarea_1oz1s_3[aria-invalid=true]{border-color:var(--color-fg-error)}._wrapper_1oz1s_21{flex-direction:column;display:flex}._label_1oz1s_26{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_1oz1s_26 em,._label_1oz1s_26 i{text-transform:none}._label_1oz1s_26{color:var(--color-fg-base);margin-bottom:var(--spacing-12)}._optional_1oz1s_32{color:var(--color-fg-base)}._hint_1oz1s_36{color:var(--color-fg-base);font-family:var(--font-sans);margin-bottom:var(--spacing-12);font-size:.8125rem;font-style:italic;line-height:1.1}._error_1oz1s_45{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);column-gap:var(--spacing-6);margin-top:var(--spacing-8);font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_1oz1s_54{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem}._link_1atz4_3{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:.9375rem;font-weight:400;line-height:1.3}._link_1atz4_3 em,._link_1atz4_3 i{text-transform:none}._link_1atz4_3{border-radius:var(--radius-full);box-sizing:border-box;color:var(--color-fg-base);cursor:pointer;isolation:isolate;align-items:center;width:fit-content;text-decoration:none;display:flex;position:relative}._link_1atz4_3[data-size=sm]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.625rem;font-style:normal;font-weight:400;line-height:1.3}._link_1atz4_3[data-size=md]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._link_1atz4_3[data-size=md] em,._link_1atz4_3[data-size=md] i{text-transform:none}._link_1atz4_3[data-size=lg]{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:.9375rem;font-weight:400;line-height:1.3}._link_1atz4_3[data-size=lg] em,._link_1atz4_3[data-size=lg] i{text-transform:none}._link_1atz4_3[data-mode=accent]{column-gap:var(--spacing-12)}._link_1atz4_3[data-mode=ghost]{column-gap:var(--spacing-2)}._link_1atz4_3[data-mode=accent]:is(button,a[href]):hover{color:var(--color-white);background-color:var(--color-blue-700)}._link_1atz4_3[data-mode=ghost]:is(button,a[href]):hover{text-underline-offset:.1em;text-decoration-line:underline;text-decoration-thickness:.08em}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (appearance:none){._link_1atz4_3[data-mode=ghost]:is(button,a[href]):hover{text-underline-offset:.4em}}._link_1atz4_3[data-mode=accent]:has(._iconLeft_1atz4_50){padding-right:var(--spacing-12)}._link_1atz4_3[data-mode=accent]:has(._iconRight_1atz4_54){padding-left:var(--spacing-12)}._iconLeft_1atz4_50,._iconRight_1atz4_54{border-radius:var(--radius-full);box-sizing:border-box;padding:var(--spacing-2)}._link_1atz4_3[data-size=sm] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){height:var(--spacing-icon-sm);width:var(--spacing-icon-sm)}._link_1atz4_3[data-size=md] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){height:var(--spacing-icon-md);width:var(--spacing-icon-md)}._link_1atz4_3[data-size=lg] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){height:var(--spacing-icon-lg);width:var(--spacing-icon-lg)}._link_1atz4_3[data-mode=accent] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){color:var(--color-white);background-color:var(--color-blue-700)}._link_1atz4_3[data-mode=ghost] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){color:var(--color-fg-base)}._wrapper_s9jx1_3{align-items:center;column-gap:var(--spacing-12);display:flex}._eyebrow_s9jx1_9{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._eyebrow_s9jx1_9 em,._eyebrow_s9jx1_9 i{text-transform:none}._textCard_peygv_3{border-top:1px solid var(--color-border-base);box-sizing:border-box;row-gap:var(--spacing-24);padding-block:var(--spacing-24);flex-direction:column;display:flex}@supports not (text-box-trim:trim-both){._textCard_peygv_3{row-gap:var(--spacing-16)}}._title_peygv_16{text-decoration:none}._textCard_peygv_3[data-size=sm] ._title_peygv_16{font-family:var(--font-sans);font-feature-settings:var(--sanity-id-heading-font-features);letter-spacing:-.01em;text-box:trim-both cap alphabetic;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.1}._textCard_peygv_3[data-size=md] ._title_peygv_16{font-family:var(--font-sans);font-feature-settings:var(--sanity-id-heading-font-features);letter-spacing:-.01em;text-box:trim-both cap alphabetic;font-size:1.5rem;font-style:normal;font-weight:400;line-height:1.1}._textCard_peygv_3[data-size=lg] ._title_peygv_16{font-family:var(--font-sans);font-feature-settings:var(--sanity-id-heading-font-features);letter-spacing:-.02em;text-box:trim-both cap alphabetic;font-size:1.875rem;font-style:normal;font-weight:400;line-height:1.1}._textCard_peygv_3[href]:hover ._title_peygv_16{text-underline-offset:.1em;text-decoration-line:underline;text-decoration-thickness:.08em}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (appearance:none){._textCard_peygv_3[href]:hover ._title_peygv_16{text-underline-offset:.35em}._textCard_peygv_3[href]:hover ._title_peygv_16 *{text-underline-offset:.1em}}._description_peygv_36{font-family:var(--font-sans);letter-spacing:-.01em;text-box:trim-both cap alphabetic;font-size:.9375rem;font-style:normal;font-weight:400;line-height:1.5}._icon_peygv_40{width:2.1875rem;height:2.1875rem}
1
+ ._spinner_r11be_1{animation:_spinner_r11be_1 1s linear infinite}@keyframes _spinner_r11be_1{to{rotate:360deg}}._badge_184a6_3{box-sizing:border-box;background-color:var(--color-bg-dim);color:var(--color-fg-base);white-space:nowrap;align-items:center;column-gap:1ch;width:fit-content;height:fit-content;display:flex}._badge_184a6_3[data-size=sm]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;padding-inline:var(--spacing-6);height:var(--spacing-widget-xs);font-size:.625rem;font-style:normal;font-weight:400;line-height:1.3}._badge_184a6_3[data-size=md]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._badge_184a6_3[data-size=md] em,._badge_184a6_3[data-size=md] i{text-transform:none}._badge_184a6_3[data-size=md]{padding-inline:var(--spacing-8);height:var(--spacing-widget-sm)}@supports not (text-box-trim:trim-both){._badge_184a6_3._badge_184a6_3{line-height:1}}._icon_184a6_33{aspect-ratio:1;margin:-2px}._badge_184a6_3[data-size=sm] ._icon_184a6_33{height:15px}._badge_184a6_3[data-size=md] ._icon_184a6_33{height:17px}._nav_1h46i_3{width:fit}._list_1h46i_7{column-gap:var(--spacing-8);flex-wrap:wrap;width:fit-content;list-style:none;display:flex}._listItem_1h46i_15:after{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;content:"/";margin-left:var(--spacing-8);font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._link_1h46i_21{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._link_1h46i_21 em,._link_1h46i_21 i{text-transform:none}._link_1h46i_21{color:var(--color-fg-base);text-decoration:none}@media(hover:hover){._link_1h46i_21:hover{text-underline-offset:.1em;text-decoration-line:underline;text-decoration-thickness:.08em}}._button_1x2kx_3{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._button_1x2kx_3 em,._button_1x2kx_3 i{text-transform:none}._button_1x2kx_3{border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;border:1px solid;justify-content:center;align-items:center;width:fit-content;height:fit-content;text-decoration:none;display:flex}._button_1x2kx_3[data-size=sm]{column-gap:var(--spacing-2);min-height:var(--spacing-widget-sm);padding:var(--spacing-2)var(--spacing-8)}._button_1x2kx_3[data-size=md]{column-gap:var(--spacing-2);min-height:var(--spacing-widget-md);padding:var(--spacing-4)var(--spacing-12)}._button_1x2kx_3[data-size=lg]{column-gap:var(--spacing-6);min-height:var(--spacing-widget-lg);padding:var(--spacing-8)var(--spacing-32)}@supports not (text-box-trim:trim-both){._button_1x2kx_3{line-height:1}}._button_1x2kx_3[data-mode=primary]:hover{background-color:var(--color-bg-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-base)}._button_1x2kx_3[data-mode=primary],._button_1x2kx_3[data-mode=primary]:active{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-inverse-base)}._button_1x2kx_3[data-mode=brand]:hover{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-brand)}._button_1x2kx_3[data-mode=brand],._button_1x2kx_3[data-mode=brand]:active{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-black)}._button_1x2kx_3[data-mode=accent]:hover{background-color:var(--color-bg-base);border-color:var(--color-blue-700);color:var(--color-blue-700)}._button_1x2kx_3[data-mode=accent],._button_1x2kx_3[data-mode=accent]:active{background-color:var(--color-blue-700);border-color:var(--color-blue-700);color:var(--color-white)}._button_1x2kx_3[data-mode=muted]:hover{background-color:light-dark(var(--color-gray-300),var(--color-gray-700));border-color:light-dark(var(--color-gray-300),var(--color-gray-700));color:var(--color-fg-base)}._button_1x2kx_3[data-mode=muted],._button_1x2kx_3[data-mode=muted]:active{background-color:light-dark(var(--color-gray-100),var(--color-gray-900));border-color:light-dark(var(--color-gray-100),var(--color-gray-900));color:var(--color-fg-base)}._button_1x2kx_3[data-mode=outline]:hover{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-inverse-base)}._button_1x2kx_3[data-mode=outline],._button_1x2kx_3[data-mode=outline]:active{border-color:var(--color-bg-inverse-base);color:var(--color-fg-base)}._button_1x2kx_3[data-mode=ghost]{border-width:0}._button_1x2kx_3[data-mode=ghost]:hover{background-color:light-dark(var(--color-gray-100),var(--color-gray-900));color:var(--color-fg-base)}._button_1x2kx_3[data-mode=ghost],._button_1x2kx_3[data-mode=ghost]:active{color:var(--color-fg-base);background-color:#0000}._button_1x2kx_3[data-size=lg] :is(._iconLeft_1x2kx_128,._iconRight_1x2kx_129){--sanity-id-button-icon-offset:-6px;height:var(--spacing-icon-lg);width:var(--spacing-icon-lg)}._button_1x2kx_3[data-size=md] :is(._iconLeft_1x2kx_128,._iconRight_1x2kx_129){--sanity-id-button-icon-offset:-6px;height:var(--spacing-icon-md);width:var(--spacing-icon-md)}._button_1x2kx_3[data-size=sm] :is(._iconLeft_1x2kx_128,._iconRight_1x2kx_129){--sanity-id-button-icon-offset:-4px;height:var(--spacing-icon-sm);width:var(--spacing-icon-sm)}:is(._iconLeft_1x2kx_128,._iconRight_1x2kx_129)>*{width:100%;height:100%}._iconLeft_1x2kx_128{margin-left:var(--sanity-id-button-icon-offset)}._iconRight_1x2kx_129{margin-right:var(--sanity-id-button-icon-offset)}._link_gjdd5_3{background-color:var(--color-bg-base);box-sizing:border-box;row-gap:var(--spacing-16);padding-bottom:var(--spacing-16);flex-direction:column;display:flex}._link_gjdd5_3[href]{cursor:pointer}._image_gjdd5_16{background-size:8px}[data-theme=light]._image_gjdd5_16,[data-theme=light] ._image_gjdd5_16,[data-theme] [data-theme=light]._image_gjdd5_16,[data-theme] [data-theme=light] ._image_gjdd5_16,[data-theme] [data-theme] [data-theme=light]._image_gjdd5_16,[data-theme] [data-theme] [data-theme=light] ._image_gjdd5_16,[data-theme] [data-theme] [data-theme] [data-theme=light]._image_gjdd5_16,[data-theme] [data-theme] [data-theme] [data-theme=light] ._image_gjdd5_16,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light]._image_gjdd5_16,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light] ._image_gjdd5_16{background-image:var(--sanity-id-texture-dots-hex-base-small-light)}[data-theme=dark]._image_gjdd5_16,[data-theme=dark] ._image_gjdd5_16,[data-theme] [data-theme=dark]._image_gjdd5_16,[data-theme] [data-theme=dark] ._image_gjdd5_16,[data-theme] [data-theme] [data-theme=dark]._image_gjdd5_16,[data-theme] [data-theme] [data-theme=dark] ._image_gjdd5_16,[data-theme] [data-theme] [data-theme] [data-theme=dark]._image_gjdd5_16,[data-theme] [data-theme] [data-theme] [data-theme=dark] ._image_gjdd5_16,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark]._image_gjdd5_16,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark] ._image_gjdd5_16{background-image:var(--sanity-id-texture-dots-hex-base-small-dark)}._image_gjdd5_16{background-color:var(--color-bg-dim);aspect-ratio:16/9;object-fit:cover}[data-theme=dark]._image_gjdd5_16._imageDark_gjdd5_22,[data-theme=dark] ._image_gjdd5_16._imageDark_gjdd5_22,[data-theme] [data-theme=dark]._image_gjdd5_16._imageDark_gjdd5_22,[data-theme] [data-theme=dark] ._image_gjdd5_16._imageDark_gjdd5_22,[data-theme] [data-theme] [data-theme=dark]._image_gjdd5_16._imageDark_gjdd5_22,[data-theme] [data-theme] [data-theme=dark] ._image_gjdd5_16._imageDark_gjdd5_22,[data-theme] [data-theme] [data-theme] [data-theme=dark]._image_gjdd5_16._imageDark_gjdd5_22,[data-theme] [data-theme] [data-theme] [data-theme=dark] ._image_gjdd5_16._imageDark_gjdd5_22,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark]._image_gjdd5_16._imageDark_gjdd5_22,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark] ._image_gjdd5_16._imageDark_gjdd5_22{display:block}._image_gjdd5_16._imageDark_gjdd5_22{display:none}[data-theme=light]._image_gjdd5_16._imageLight_gjdd5_27,[data-theme=light] ._image_gjdd5_16._imageLight_gjdd5_27,[data-theme] [data-theme=light]._image_gjdd5_16._imageLight_gjdd5_27,[data-theme] [data-theme=light] ._image_gjdd5_16._imageLight_gjdd5_27,[data-theme] [data-theme] [data-theme=light]._image_gjdd5_16._imageLight_gjdd5_27,[data-theme] [data-theme] [data-theme=light] ._image_gjdd5_16._imageLight_gjdd5_27,[data-theme] [data-theme] [data-theme] [data-theme=light]._image_gjdd5_16._imageLight_gjdd5_27,[data-theme] [data-theme] [data-theme] [data-theme=light] ._image_gjdd5_16._imageLight_gjdd5_27,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light]._image_gjdd5_16._imageLight_gjdd5_27,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light] ._image_gjdd5_16._imageLight_gjdd5_27{display:block}._image_gjdd5_16._imageLight_gjdd5_27{display:none}._eyebrow_gjdd5_33{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._eyebrow_gjdd5_33 em,._eyebrow_gjdd5_33 i{text-transform:none}._eyebrow_gjdd5_33{color:var(--color-fg-base)}._title_gjdd5_38{font-family:var(--font-sans);font-feature-settings:var(--sanity-id-heading-font-features);letter-spacing:-.01em;text-box:trim-both cap alphabetic;color:var(--color-fg-base);font-size:1.5rem;font-style:normal;font-weight:400;line-height:1.1}._link_gjdd5_3[href]:hover ._title_gjdd5_38{text-underline-offset:.1em;text-decoration-line:underline;text-decoration-thickness:.08em}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (appearance:none){._link_gjdd5_3[href]:hover ._title_gjdd5_38{text-underline-offset:.35em}._link_gjdd5_3[href]:hover ._title_gjdd5_38 *{text-underline-offset:.1em}}._wrapper_vzeln_3{gap:var(--spacing-8);grid-template-columns:min-content 1fr;display:grid}._checkbox_vzeln_9:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._checkbox_vzeln_9{--checkbox-accent-color:var(--color-bg-inverse-base);appearance:none;box-sizing:border-box;height:var(--spacing-icon-md);border:1px solid var(--checkbox-accent-color);width:var(--spacing-icon-md);flex-shrink:0}._checkbox_vzeln_9:not(:checked):hover{outline:1px solid var(--checkbox-accent-color)}._checkbox_vzeln_9:checked{background-color:var(--checkbox-accent-color)}._checkbox_vzeln_9:checked:before{background-color:var(--color-bg-base);content:"";width:100%;height:100%;display:block;-webkit-mask-image:url(https://raw.githubusercontent.com/sanity-io/icons/refs/heads/main/export/checkmark.svg);mask-image:url(https://raw.githubusercontent.com/sanity-io/icons/refs/heads/main/export/checkmark.svg);-webkit-mask-size:100%;mask-size:100%}._checkbox_vzeln_9[aria-invalid=true]{--checkbox-accent-color:var(--color-fg-error)}._label_vzeln_43{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_vzeln_43 em,._label_vzeln_43 i{text-transform:none}._label_vzeln_43{color:var(--color-fg-base);margin-top:var(--spacing-6);display:inline-block}._error_vzeln_50{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);gap:var(--spacing-8);grid-column:span 2;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_vzeln_59{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem;right:100%}._chip_1nfjd_3{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;border-radius:var(--radius-full);box-sizing:border-box;cursor:default;align-items:center;width:fit-content;height:fit-content;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5;display:flex}._chip_1nfjd_3[data-size=md]{padding:var(--spacing-12);gap:var(--spacing-8)}._chip_1nfjd_3[data-size=sm]{padding:var(--spacing-8);gap:var(--spacing-6)}._chip_1nfjd_3[data-letter-case=uppercase]{text-transform:uppercase}._chip_1nfjd_3[data-state=active]{background:var(--color-bg-dim)}._chip_1nfjd_3:hover{background:light-dark(var(--color-gray-300),var(--color-gray-700))}._text_1nfjd_37{text-box-edge:cap alphabetic;text-box-trim:trim-both}@supports not (text-box-trim:trim-both){._text_1nfjd_37{line-height:1}}._icon_1nfjd_46{height:var(--spacing-icon-sm);width:var(--spacing-icon-sm);margin:-5px}._button_qvatm_3{border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;border:1px solid;justify-content:center;align-items:center;display:flex}._button_qvatm_3[data-size=sm]{height:var(--spacing-widget-sm);width:var(--spacing-widget-sm)}._button_qvatm_3[data-size=md]{height:var(--spacing-widget-md);width:var(--spacing-widget-md)}._button_qvatm_3[data-size=lg]{height:var(--spacing-widget-lg);width:var(--spacing-widget-lg)}._button_qvatm_3[data-mode=primary]:hover{background-color:var(--color-bg-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-base)}._button_qvatm_3[data-mode=primary],._button_qvatm_3[data-mode=primary]:active{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-inverse-base)}._button_qvatm_3[data-mode=brand]:hover{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-brand)}._button_qvatm_3[data-mode=brand],._button_qvatm_3[data-mode=brand]:active{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-black)}._button_qvatm_3[data-mode=accent]:hover{background-color:var(--color-bg-base);border-color:var(--color-blue-700);color:var(--color-blue-700)}._button_qvatm_3[data-mode=accent],._button_qvatm_3[data-mode=accent]:active{background-color:var(--color-blue-700);border-color:var(--color-blue-700);color:var(--color-white)}._button_qvatm_3[data-mode=muted]:hover{background-color:light-dark(var(--color-gray-300),var(--color-gray-700));border-color:light-dark(var(--color-gray-300),var(--color-gray-700));color:var(--color-fg-base)}._button_qvatm_3[data-mode=muted],._button_qvatm_3[data-mode=muted]:active{background-color:light-dark(var(--color-gray-100),var(--color-gray-900));border-color:light-dark(var(--color-gray-100),var(--color-gray-900));color:var(--color-fg-base)}._button_qvatm_3[data-mode=outline]:hover{background-color:var(--color-bg-inverse-base);border-color:var(--color-bg-inverse-base);color:var(--color-fg-inverse-base)}._button_qvatm_3[data-mode=outline],._button_qvatm_3[data-mode=outline]:active{border-color:var(--color-bg-inverse-base);color:var(--color-fg-base)}._button_qvatm_3[data-mode=ghost]{border-width:0}._button_qvatm_3[data-mode=ghost]:hover{background-color:light-dark(var(--color-gray-100),var(--color-gray-900));color:var(--color-fg-base)}._button_qvatm_3[data-mode=ghost],._button_qvatm_3[data-mode=ghost]:active{background-color:var(--color-bg-base);color:var(--color-fg-base)}._button_qvatm_3[data-size=lg] ._icon_qvatm_115{height:var(--spacing-icon-lg);width:var(--spacing-icon-lg)}._button_qvatm_3[data-size=md] ._icon_qvatm_115{height:var(--spacing-icon-md);width:var(--spacing-icon-md)}._button_qvatm_3[data-size=sm] ._icon_qvatm_115{height:var(--spacing-icon-sm);width:var(--spacing-icon-sm)}._icon_qvatm_115>*{width:100%;height:100%}._code_1tq7g_3[data-size=sm]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.5}._code_1tq7g_3[data-size=md]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._code_1tq7g_3[data-size=lg]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;font-size:.9375rem;font-style:normal;font-weight:400;line-height:1.5}._code_1tq7g_3>code{position:relative}._code_1tq7g_3 .line{isolation:isolate;width:100%;display:inline-block}._code_1tq7g_3 .highlight:before{background-color:var(--color-bg-dim);content:"";z-index:-1;width:100%;height:1lh;display:block;position:absolute;left:0}._code_1tq7g_3 .line-number{box-sizing:content-box;color:var(--color-fg-inverse-dim);padding-right:var(--spacing-24);text-align:right;-webkit-user-select:none;user-select:none;width:2ch;display:inline-block}._code_1tq7g_3:not(:has(.line+.line)) .line-number{display:none}._code_1tq7g_3[data-line-numbers=false] .line-number{display:none}._wrapper_qts2y_3{border:1px solid var(--color-border-faint);padding:var(--spacing-12);border-radius:12px;padding-bottom:0;position:relative}._tabList_qts2y_11{column-gap:var(--spacing-4);margin-bottom:var(--spacing-12);display:flex}._tab_qts2y_11{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;border-radius:var(--radius-full);min-height:var(--spacing-widget-md);padding:var(--spacing-4)var(--spacing-12);font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._tab_qts2y_11[aria-selected=true],._tab_qts2y_11:hover{background-color:var(--color-bg-dim)}._title_qts2y_29{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;padding:var(--spacing-12);font-size:.8125rem;font-style:italic;font-weight:400;line-height:1.5}._code_qts2y_35{padding:var(--spacing-12);padding-bottom:var(--spacing-4);display:block}._code_qts2y_35 pre{padding-bottom:1.25rem;padding-right:var(--spacing-24);overflow-x:auto}._copyButton_qts2y_47{box-shadow:0 0 8px 2px var(--color-bg-base);top:var(--spacing-12);right:var(--spacing-12);position:absolute}._wrapper_qts2y_3[data-mode=minimal] ._copyButton_qts2y_47{top:50%;translate:0 -50%}._input_miwec_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._input_miwec_3{border:1px solid var(--color-border-base);box-sizing:border-box;padding:var(--spacing-8)var(--spacing-12);font-family:var(--font-sans);min-height:var(--spacing-widget-lg);font-size:1rem;text-decoration:none}._input_miwec_3::placeholder{color:var(--color-fg-faint)}._input_miwec_3[aria-invalid=true]{border-color:var(--color-fg-error)}._wrapper_miwec_23{flex-direction:column;display:flex}._label_miwec_28{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_miwec_28 em,._label_miwec_28 i{text-transform:none}._label_miwec_28{color:var(--color-fg-base);margin-bottom:var(--spacing-12)}._optional_miwec_34{color:var(--color-fg-base);text-transform:lowercase;font-style:italic}._hint_miwec_40{color:var(--color-fg-base);font-family:var(--font-sans);margin-bottom:var(--spacing-12);font-size:.8125rem;font-style:italic;line-height:1.1}._error_miwec_49{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);column-gap:var(--spacing-6);margin-top:var(--spacing-8);font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_miwec_58{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem}._root_18qwp_3{align-items:center;column-gap:var(--spacing-8);display:flex}._root_18qwp_3[data-size=sm]{--person-stack-size:30px}._root_18qwp_3[data-size=md]{--person-stack-size:40px}._imageList_18qwp_17{display:flex}._imageItem_18qwp_21{position:relative}._imageItem_18qwp_21+._imageItem_18qwp_21{margin-left:calc(var(--person-stack-size)/2*-1)}._image_18qwp_17{border-radius:var(--radius-full);filter:grayscale();height:var(--person-stack-size);object-fit:cover;width:var(--person-stack-size)}._imageItem_18qwp_21:not(:last-child) ._image_18qwp_17{-webkit-mask:radial-gradient(circle at 100% center,transparent calc((var(--person-stack-size)/2) + 2px),white 0px);mask:radial-gradient(circle at 100% center,transparent calc((var(--person-stack-size)/2) + 2px),white 0px)}._root_18qwp_3[data-size=sm] ._names_18qwp_45{-webkit-line-clamp:2;text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;-webkit-box-orient:vertical;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}._root_18qwp_3[data-size=md] ._names_18qwp_45{-webkit-line-clamp:2;font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;-webkit-box-orient:vertical;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}._radio_f28bd_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._radio_f28bd_3{--radio-accent-color:var(--color-bg-inverse-base);appearance:none;border:1px solid var(--radio-accent-color);border-radius:var(--radius-full);box-sizing:border-box;height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;display:flex}._radio_f28bd_3:checked{background:var(--radio-accent-color)}._radio_f28bd_3:checked:before{content:"";border-radius:var(--radius-full);background-color:var(--color-bg-base);width:.5625rem;height:.5625rem;margin:auto;display:block}._radio_f28bd_3[aria-invalid=true]{--radio-accent-color:var(--color-fg-error)}._wrapper_f28bd_34{gap:var(--spacing-8);grid-template-columns:min-content 1fr;display:grid}._label_f28bd_40{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_f28bd_40 em,._label_f28bd_40 i{text-transform:none}._label_f28bd_40{color:var(--color-fg-base);margin-top:var(--spacing-6);display:inline-block}._error_f28bd_47{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);gap:var(--spacing-8);grid-column:span 2;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_f28bd_56{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem;right:100%}._wrapper_1gj3o_3:has(:focus-visible){outline:2px dotted var(--color-focus-ring);outline-offset:2px}._wrapper_1gj3o_3{border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px var(--color-border-base);box-sizing:border-box;isolation:isolate;width:max-content;display:flex;position:relative}._legend_1gj3o_14,._radio_1gj3o_18{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._label_1gj3o_22{aspect-ratio:1;border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;border:1px solid #0000;padding:6%;display:flex}._wrapper_1gj3o_3[data-size=sm] ._label_1gj3o_22{height:var(--spacing-icon-lg);width:var(--spacing-icon-lg)}._wrapper_1gj3o_3[data-size=md] ._label_1gj3o_22{height:var(--spacing-widget-md);width:var(--spacing-widget-md)}._label_1gj3o_22:hover{background:var(--color-bg-dim);background-clip:padding-box}._radio_1gj3o_18:checked+._label_1gj3o_22{background-color:var(--color-fg-base);color:var(--color-bg-base)}._icon_1gj3o_52{width:100%;height:100%;margin:auto}._select_wso9x_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._select_wso9x_3{border:1px solid var(--color-border-base);box-sizing:border-box;appearance:none;padding-block:var(--spacing-8);padding-inline:var(--spacing-12) 2.625rem;font-family:var(--font-sans);min-height:var(--spacing-widget-lg);background-position:calc(100% - 9px);background-repeat:no-repeat;font-size:1rem}._select_wso9x_3::placeholder{color:var(--color-fg-faint)}[data-theme=dark]._select_wso9x_3,[data-theme=dark] ._select_wso9x_3,[data-theme] [data-theme=dark]._select_wso9x_3,[data-theme] [data-theme=dark] ._select_wso9x_3,[data-theme] [data-theme] [data-theme=dark]._select_wso9x_3,[data-theme] [data-theme] [data-theme=dark] ._select_wso9x_3,[data-theme] [data-theme] [data-theme] [data-theme=dark]._select_wso9x_3,[data-theme] [data-theme] [data-theme] [data-theme=dark] ._select_wso9x_3,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark]._select_wso9x_3,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark] ._select_wso9x_3{background-image:url(https://www.sanity.io/iconophor/sanity-icons/3.7.0/select?replace-colors=white)}[data-theme=light]._select_wso9x_3,[data-theme=light] ._select_wso9x_3,[data-theme] [data-theme=light]._select_wso9x_3,[data-theme] [data-theme=light] ._select_wso9x_3,[data-theme] [data-theme] [data-theme=light]._select_wso9x_3,[data-theme] [data-theme] [data-theme=light] ._select_wso9x_3,[data-theme] [data-theme] [data-theme] [data-theme=light]._select_wso9x_3,[data-theme] [data-theme] [data-theme] [data-theme=light] ._select_wso9x_3,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light]._select_wso9x_3,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light] ._select_wso9x_3{background-image:url(https://www.sanity.io/iconophor/sanity-icons/3.7.0/select?replace-colors=black)}._select_wso9x_3[aria-invalid=true]{border-color:var(--color-fg-error)}._wrapper_wso9x_34{flex-direction:column;display:flex}._label_wso9x_39{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_wso9x_39 em,._label_wso9x_39 i{text-transform:none}._label_wso9x_39{color:var(--color-fg-base);margin-bottom:var(--spacing-12)}._optional_wso9x_45{color:var(--color-fg-base)}._hint_wso9x_49{color:var(--color-fg-base);font-family:var(--font-sans);margin-bottom:var(--spacing-12);font-size:.8125rem;font-style:italic;line-height:1.1}._error_wso9x_58{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);column-gap:var(--spacing-6);margin-top:var(--spacing-8);font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_wso9x_67{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem}._switch_6swrf_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._switch_6swrf_3{box-sizing:border-box;height:var(--spacing-icon-md);appearance:none;background-color:var(--color-gray-500);border-radius:var(--radius-full);flex-shrink:0;width:2.3125rem}._switch_6swrf_3:before{content:"";border:2px solid var(--color-gray-500);height:var(--spacing-icon-md);width:var(--spacing-icon-md);border-radius:var(--radius-full);background-color:var(--color-bg-base);display:block;position:absolute}._switch_6swrf_3:hover:before{border-color:var(--color-bg-inverse-base)}._switch_6swrf_3:checked{background-color:var(--color-bg-inverse-base)}._switch_6swrf_3:checked:before{translate:var(--spacing-16);border-color:var(--color-bg-inverse-base)}._switch_6swrf_3[aria-invalid=true]{background-color:var(--color-fg-error)}._switch_6swrf_3[aria-invalid=true]:before{border-color:var(--color-fg-error)}._wrapper_6swrf_46{gap:var(--spacing-8);grid-template-columns:min-content 1fr;display:grid}._label_6swrf_52{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_6swrf_52 em,._label_6swrf_52 i{text-transform:none}._label_6swrf_52{color:var(--color-fg-base);margin-top:var(--spacing-6);display:inline-block}._error_6swrf_59{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);gap:var(--spacing-8);grid-column:span 2;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_6swrf_68{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem;right:100%}._table_1eprs_3{table-layout:auto}._table_1eprs_3 th{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._table_1eprs_3 th em,._table_1eprs_3 th i{text-transform:none}._table_1eprs_3 th{padding:var(--spacing-16);vertical-align:top;width:200px}._table_1eprs_3 td{font-family:var(--font-sans);letter-spacing:-.01em;text-box:trim-both cap alphabetic;padding:var(--spacing-16);vertical-align:top;width:200px;font-size:.9375rem;font-style:normal;font-weight:400;line-height:1.5}._table_1eprs_3 thead th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}._table_1eprs_3 tbody th+td{border-left:1px solid var(--color-border-base)}._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td{background-size:8px}[data-theme=light]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme=light] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme=light]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme=light] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme=light]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme=light] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme] [data-theme=light]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme] [data-theme=light] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td){background-image:var(--sanity-id-texture-dots-grid-base-small-light)}[data-theme=dark]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme=dark] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme=dark]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme=dark] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme=dark]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme=dark] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme] [data-theme=dark]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme] [data-theme=dark] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark]:is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td),[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark] :is(._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td){background-image:var(--sanity-id-texture-dots-grid-base-small-dark)}._table_1eprs_3 thead th+th,._table_1eprs_3 tbody td+td{background-position:0;background-repeat:repeat-y;background-size:4px}._table_1eprs_3 tbody>tr+tr{background-size:8px}[data-theme=light]:is(._table_1eprs_3 tbody>tr+tr),[data-theme=light] :is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme=light]:is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme=light] :is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme=light]:is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme=light] :is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme] [data-theme=light]:is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme] [data-theme=light] :is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light]:is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light] :is(._table_1eprs_3 tbody>tr+tr){background-image:var(--sanity-id-texture-dots-grid-base-small-light)}[data-theme=dark]:is(._table_1eprs_3 tbody>tr+tr),[data-theme=dark] :is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme=dark]:is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme=dark] :is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme=dark]:is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme=dark] :is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme] [data-theme=dark]:is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme] [data-theme=dark] :is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark]:is(._table_1eprs_3 tbody>tr+tr),[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark] :is(._table_1eprs_3 tbody>tr+tr){background-image:var(--sanity-id-texture-dots-grid-base-small-dark)}._table_1eprs_3 tbody>tr+tr{background-position:top;background-repeat:repeat-x;background-size:4px}._table_1eprs_3:has(tbody>tr>th:first-child) thead th:first-child+th,._table_1eprs_3 tbody th:first-child+td{border-left:1px solid var(--color-border-base);background-image:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}._root_1efcj_3{box-sizing:border-box;align-items:center;gap:var(--spacing-12);width:fit-content;height:fit-content;display:flex}._root_1efcj_3[data-size=large]{text-align:center;flex-direction:column}._imageWrapper_1efcj_17{overflow:hidden}._root_1efcj_3[data-rounded=true] ._imageWrapper_1efcj_17{border-radius:var(--radius-full)}._root_1efcj_3[data-accent-color=blue] ._imageWrapper_1efcj_17{background-color:var(--color-blue-500)}._root_1efcj_3[data-accent-color=green] ._imageWrapper_1efcj_17{background-color:var(--color-green-500)}._root_1efcj_3[data-accent-color=magenta] ._imageWrapper_1efcj_17{background-color:var(--color-magenta-500)}._root_1efcj_3[data-accent-color=yellow] ._imageWrapper_1efcj_17{background-color:var(--color-yellow-500)}._root_1efcj_3[data-size=small] ._imageWrapper_1efcj_17{height:var(--spacing-40);width:var(--spacing-40)}._root_1efcj_3[data-size=medium] ._imageWrapper_1efcj_17{height:var(--spacing-64);width:var(--spacing-64)}._root_1efcj_3[data-size=large] ._imageWrapper_1efcj_17{height:var(--spacing-128);width:var(--spacing-128)}._image_1efcj_17{filter:grayscale();object-fit:cover;width:100%;height:100%}._text_1efcj_63{row-gap:var(--spacing-6);flex-direction:column;display:flex}@supports not (text-box-trim:trim-both){._text_1efcj_63{row-gap:0}}._name_1efcj_73{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._title_1efcj_78{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._company_1efcj_82{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.5}._testimonial_2336c_3{row-gap:var(--spacing-48);display:grid}._testimonial_2336c_3[data-align=left]{justify-items:start}._testimonial_2336c_3[data-align=center],._testimonial_2336c_3[data-size=large]{text-align:center;justify-items:center}._testimonial_2336c_3[data-size=small],._testimonial_2336c_3[data-size=medium]{padding:var(--spacing-24)}._testimonial_2336c_3[data-size=large]{padding:var(--spacing-48)var(--spacing-24)}._companyLogo_2336c_30{box-sizing:border-box;width:auto}._testimonial_2336c_3[data-size=small] ._companyLogo_2336c_30{height:var(--spacing-24)}._testimonial_2336c_3[data-size=medium] ._companyLogo_2336c_30,._testimonial_2336c_3[data-size=large] ._companyLogo_2336c_30{height:var(--spacing-32)}[data-theme=light]._companyLogo_2336c_30,[data-theme=light] ._companyLogo_2336c_30,[data-theme] [data-theme=light]._companyLogo_2336c_30,[data-theme] [data-theme=light] ._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme=light]._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme=light] ._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme] [data-theme=light]._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme] [data-theme=light] ._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light]._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=light] ._companyLogo_2336c_30{filter:grayscale()}[data-theme=dark]._companyLogo_2336c_30,[data-theme=dark] ._companyLogo_2336c_30,[data-theme] [data-theme=dark]._companyLogo_2336c_30,[data-theme] [data-theme=dark] ._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme=dark]._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme=dark] ._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme] [data-theme=dark]._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme] [data-theme=dark] ._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark]._companyLogo_2336c_30,[data-theme] [data-theme] [data-theme] [data-theme] [data-theme=dark] ._companyLogo_2336c_30{filter:grayscale()invert()}._testimonial_2336c_3[data-size=small] ._quote_2336c_52{font-family:var(--font-sans);letter-spacing:-.01px;text-box:trim-both cap alphabetic;font-size:1.125rem;font-style:normal;font-weight:400;line-height:1.5}._testimonial_2336c_3[data-size=medium] ._quote_2336c_52{font-family:var(--font-sans);letter-spacing:-.01px;text-box:trim-both cap alphabetic;font-size:1.75rem;font-style:normal;font-weight:400;line-height:1.35}._testimonial_2336c_3[data-size=large] ._quote_2336c_52{font-family:var(--font-sans);letter-spacing:-.025px;text-box:trim-both cap alphabetic;font-size:2.375rem;font-style:normal;font-weight:400;line-height:1.1}._source_2336c_66{text-align:left}._textarea_1oz1s_3:focus-visible{outline:var(--focus-ring-width)var(--focus-ring-style)var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}._textarea_1oz1s_3{border:1px solid var(--color-border-base);box-sizing:border-box;padding:var(--spacing-8)var(--spacing-12);font-family:var(--font-sans);min-height:var(--spacing-widget-lg);font-size:1rem}._textarea_1oz1s_3::placeholder{color:var(--color-fg-faint)}._textarea_1oz1s_3[aria-invalid=true]{border-color:var(--color-fg-error)}._wrapper_1oz1s_21{flex-direction:column;display:flex}._label_1oz1s_26{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._label_1oz1s_26 em,._label_1oz1s_26 i{text-transform:none}._label_1oz1s_26{color:var(--color-fg-base);margin-bottom:var(--spacing-12)}._optional_1oz1s_32{color:var(--color-fg-base)}._hint_1oz1s_36{color:var(--color-fg-base);font-family:var(--font-sans);margin-bottom:var(--spacing-12);font-size:.8125rem;font-style:italic;line-height:1.1}._error_1oz1s_45{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg-error);column-gap:var(--spacing-6);margin-top:var(--spacing-8);font-size:.75rem;font-style:normal;font-weight:400;line-height:1.1;display:flex}._errorIcon_1oz1s_54{color:var(--color-fg-error);height:var(--spacing-icon-md);width:var(--spacing-icon-md);flex-shrink:0;margin-top:-.1875rem}._link_1atz4_3{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:.9375rem;font-weight:400;line-height:1.3}._link_1atz4_3 em,._link_1atz4_3 i{text-transform:none}._link_1atz4_3{border-radius:var(--radius-full);box-sizing:border-box;color:var(--color-fg-base);cursor:pointer;isolation:isolate;align-items:center;width:fit-content;text-decoration:none;display:flex;position:relative}._link_1atz4_3[data-size=sm]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.625rem;font-style:normal;font-weight:400;line-height:1.3}._link_1atz4_3[data-size=md]{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._link_1atz4_3[data-size=md] em,._link_1atz4_3[data-size=md] i{text-transform:none}._link_1atz4_3[data-size=lg]{text-box:trim-both cap alphabetic;font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:.9375rem;font-weight:400;line-height:1.3}._link_1atz4_3[data-size=lg] em,._link_1atz4_3[data-size=lg] i{text-transform:none}._link_1atz4_3[data-mode=accent]{column-gap:var(--spacing-12)}._link_1atz4_3[data-mode=ghost]{column-gap:var(--spacing-2)}._link_1atz4_3[data-mode=accent]:is(button,a[href]):hover{color:var(--color-white);background-color:var(--color-blue-700)}._link_1atz4_3[data-mode=ghost]:is(button,a[href]):hover{text-underline-offset:.1em;text-decoration-line:underline;text-decoration-thickness:.08em}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (appearance:none){._link_1atz4_3[data-mode=ghost]:is(button,a[href]):hover{text-underline-offset:.4em}}._link_1atz4_3[data-mode=accent]:has(._iconLeft_1atz4_50){padding-right:var(--spacing-12)}._link_1atz4_3[data-mode=accent]:has(._iconRight_1atz4_54){padding-left:var(--spacing-12)}._iconLeft_1atz4_50,._iconRight_1atz4_54{border-radius:var(--radius-full);box-sizing:border-box;padding:var(--spacing-2)}._link_1atz4_3[data-size=sm] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){height:var(--spacing-icon-sm);width:var(--spacing-icon-sm)}._link_1atz4_3[data-size=md] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){height:var(--spacing-icon-md);width:var(--spacing-icon-md)}._link_1atz4_3[data-size=lg] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){height:var(--spacing-icon-lg);width:var(--spacing-icon-lg)}._link_1atz4_3[data-mode=accent] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){color:var(--color-white);background-color:var(--color-blue-700)}._link_1atz4_3[data-mode=ghost] :is(._iconLeft_1atz4_50,._iconRight_1atz4_54){color:var(--color-fg-base)}._wrapper_s9jx1_3{align-items:center;column-gap:var(--spacing-12);display:flex}._eyebrow_s9jx1_9{font-family:var(--font-mono);letter-spacing:0;text-box:trim-both cap alphabetic;text-transform:uppercase;font-size:.8125rem;font-style:normal;font-weight:400;line-height:1.3}._eyebrow_s9jx1_9 em,._eyebrow_s9jx1_9 i{text-transform:none}._textCard_peygv_3{border-top:1px solid var(--color-border-base);box-sizing:border-box;row-gap:var(--spacing-24);padding-block:var(--spacing-24);flex-direction:column;display:flex}@supports not (text-box-trim:trim-both){._textCard_peygv_3{row-gap:var(--spacing-16)}}._title_peygv_16{text-decoration:none}._textCard_peygv_3[data-size=sm] ._title_peygv_16{font-family:var(--font-sans);font-feature-settings:var(--sanity-id-heading-font-features);letter-spacing:-.01em;text-box:trim-both cap alphabetic;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.1}._textCard_peygv_3[data-size=md] ._title_peygv_16{font-family:var(--font-sans);font-feature-settings:var(--sanity-id-heading-font-features);letter-spacing:-.01em;text-box:trim-both cap alphabetic;font-size:1.5rem;font-style:normal;font-weight:400;line-height:1.1}._textCard_peygv_3[data-size=lg] ._title_peygv_16{font-family:var(--font-sans);font-feature-settings:var(--sanity-id-heading-font-features);letter-spacing:-.02em;text-box:trim-both cap alphabetic;font-size:1.875rem;font-style:normal;font-weight:400;line-height:1.1}._textCard_peygv_3[href]:hover ._title_peygv_16{text-underline-offset:.1em;text-decoration-line:underline;text-decoration-thickness:.08em}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (appearance:none){._textCard_peygv_3[href]:hover ._title_peygv_16{text-underline-offset:.35em}._textCard_peygv_3[href]:hover ._title_peygv_16 *{text-underline-offset:.1em}}._description_peygv_36{font-family:var(--font-sans);letter-spacing:-.01em;text-box:trim-both cap alphabetic;font-size:.9375rem;font-style:normal;font-weight:400;line-height:1.5}._icon_peygv_40{width:2.1875rem;height:2.1875rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/sanity-id",
3
- "version": "1.7.2",
3
+ "version": "1.7.4",
4
4
  "repository": "https://github.com/sanity-io/sanity-id.git",
5
5
  "exports": {
6
6
  "./package.json": "./package.json",
@@ -140,6 +140,7 @@
140
140
  "scripts": {
141
141
  "build": "vite build",
142
142
  "dev": "vite build --watch",
143
+ "prerelease": "pnpm run build",
143
144
  "release": "np --no-tests --message='chore: v%s'"
144
145
  }
145
146
  }
package/tailwind.css CHANGED
@@ -27,38 +27,7 @@
27
27
  --color-yellow-300: #ffff9f;
28
28
  --color-yellow-500: color(display-p3 1 1 0 / 1);
29
29
  --color-yellow-700: #fff500;
30
- --color-fg-base: light-dark(var(--color-black), var(--color-white));
31
- --color-fg-dim: light-dark(var(--color-gray-700), var(--color-gray-300));
32
- --color-fg-faint: light-dark(var(--color-gray-500), var(--color-gray-500));
33
- --color-fg-inverse-base: light-dark(var(--color-white), var(--color-black));
34
- --color-fg-inverse-dim: light-dark(var(--color-gray-300), var(--color-gray-700));
35
- --color-fg-inverse-faint: light-dark(var(--color-gray-500), var(--color-gray-500));
36
- --color-fg-accent-blue: var(--color-blue-500);
37
- --color-fg-accent-green: var(--color-green-500);
38
- --color-fg-accent-magenta: var(--color-magenta-500);
39
- --color-fg-accent-yellow: var(--color-yellow-500);
40
- --color-bg-base: light-dark(var(--color-white), var(--color-black));
41
- --color-bg-dim: light-dark(var(--color-gray-100), var(--color-gray-900));
42
- --color-bg-inverse-base: light-dark(var(--color-black), var(--color-white));
43
- --color-bg-inverse-dim: light-dark(var(--color-gray-900), var(--color-gray-100));
44
- --color-bg-accent-blue-base: light-dark(var(--color-blue-500), var(--color-blue-500));
45
- --color-bg-accent-blue-dim: light-dark(var(--color-blue-100), var(--color-blue-700));
46
- --color-bg-accent-green-base: light-dark(var(--color-green-500), var(--color-green-500));
47
- --color-bg-accent-green-dim: light-dark(var(--color-green-100), var(--color-green-700));
48
- --color-bg-accent-magenta-base: light-dark(var(--color-magenta-500), var(--color-magenta-500));
49
- --color-bg-accent-magenta-dim: light-dark(var(--color-magenta-100), var(--color-magenta-700));
50
- --color-bg-accent-yellow-base: light-dark(var(--color-yellow-500), var(--color-yellow-500));
51
- --color-bg-accent-yellow-dim: light-dark(var(--color-yellow-100), var(--color-yellow-700));
52
- --color-border-base: light-dark(var(--color-black), var(--color-white));
53
- --color-border-dim: light-dark(var(--color-gray-200), var(--color-gray-800));
54
- --color-border-faint: light-dark(var(--color-gray-100), var(--color-gray-900));
55
- --color-border-inverse-base: light-dark(var(--color-white), var(--color-black));
56
- --color-border-accent-blue: light-dark(var(--color-blue-700), var(--color-blue-500));
57
- --color-border-accent-green: light-dark(var(--color-green-700), var(--color-green-500));
58
- --color-border-accent-magenta: light-dark(var(--color-magenta-700), var(--color-magenta-500));
59
- --color-border-accent-yellow: light-dark(var(--color-yellow-700), var(--color-yellow-500));
60
- --color-focus-ring: light-dark(var(--color-black), var(--color-white));
61
- --color-fg-error: light-dark(#dd0000, #ff2222);
30
+
62
31
  --radius-none: 0;
63
32
  --radius-full: 99999px;
64
33
  --spacing-icon-lg: 25px;
@@ -138,16 +107,84 @@
138
107
  --sanity-id-texture-dots-grid-base-medium-dark: url(https://www.sanity.io/sanity-id/textures/dots-grid-base-medium-dark.svg);
139
108
  --sanity-id-texture-dots-grid-base-large-light: url(https://www.sanity.io/sanity-id/textures/dots-grid-base-large-light.svg);
140
109
  --sanity-id-texture-dots-grid-base-large-dark: url(https://www.sanity.io/sanity-id/textures/dots-grid-base-large-dark.svg);
141
- }
142
-
143
- [data-theme="dark"] {
144
- --color-scheme: dark;
145
- color-scheme: dark;
146
- }
147
110
 
148
- [data-theme="light"] {
149
- --color-scheme: light;
150
- color-scheme: light;
111
+ &[data-theme="light"],
112
+ &[data-theme] [data-theme="light"],
113
+ &[data-theme] [data-theme] [data-theme="light"],
114
+ &[data-theme] [data-theme] [data-theme] [data-theme="light"],
115
+ &[data-theme] [data-theme] [data-theme] [data-theme] [data-theme="light"] {
116
+ --color-fg-base: var(--color-black);
117
+ --color-fg-dim: var(--color-gray-700);
118
+ --color-fg-faint: var(--color-gray-500);
119
+ --color-fg-inverse-base: var(--color-white);
120
+ --color-fg-inverse-dim: var(--color-gray-300);
121
+ --color-fg-inverse-faint: var(--color-gray-500);
122
+ --color-fg-accent-blue: var(--color-blue-500);
123
+ --color-fg-accent-green: var(--color-green-500);
124
+ --color-fg-accent-magenta: var(--color-magenta-500);
125
+ --color-fg-accent-yellow: var(--color-yellow-500);
126
+ --color-bg-base: var(--color-white);
127
+ --color-bg-dim: var(--color-gray-100);
128
+ --color-bg-inverse-base: var(--color-black);
129
+ --color-bg-inverse-dim: var(--color-gray-900);
130
+ --color-bg-accent-blue-base: var(--color-blue-500);
131
+ --color-bg-accent-blue-dim: var(--color-blue-100);
132
+ --color-bg-accent-green-base: var(--color-green-500);
133
+ --color-bg-accent-green-dim: var(--color-green-100);
134
+ --color-bg-accent-magenta-base: var(--color-magenta-500);
135
+ --color-bg-accent-magenta-dim: var(--color-magenta-100);
136
+ --color-bg-accent-yellow-base: var(--color-yellow-500);
137
+ --color-bg-accent-yellow-dim: var(--color-yellow-100);
138
+ --color-border-base: var(--color-black);
139
+ --color-border-dim: var(--color-gray-200);
140
+ --color-border-faint: var(--color-gray-100);
141
+ --color-border-inverse-base: var(--color-white);
142
+ --color-border-accent-blue: var(--color-blue-700);
143
+ --color-border-accent-green: var(--color-green-700);
144
+ --color-border-accent-magenta: var(--color-magenta-700);
145
+ --color-border-accent-yellow: var(--color-yellow-700);
146
+ --color-focus-ring: var(--color-black);
147
+ --color-fg-error: #dd0000;
148
+ }
149
+
150
+ &[data-theme="dark"],
151
+ &[data-theme] [data-theme="dark"],
152
+ &[data-theme] [data-theme] [data-theme="dark"],
153
+ &[data-theme] [data-theme] [data-theme] [data-theme="dark"],
154
+ &[data-theme] [data-theme] [data-theme] [data-theme] [data-theme="dark"] {
155
+ --color-fg-base: var(--color-white);
156
+ --color-fg-dim: var(--color-gray-300);
157
+ --color-fg-faint: var(--color-gray-500);
158
+ --color-fg-inverse-base: var(--color-black);
159
+ --color-fg-inverse-dim: var(--color-gray-700);
160
+ --color-fg-inverse-faint: var(--color-gray-500);
161
+ --color-fg-accent-blue: var(--color-blue-500);
162
+ --color-fg-accent-green: var(--color-green-500);
163
+ --color-fg-accent-magenta: var(--color-magenta-500);
164
+ --color-fg-accent-yellow: var(--color-yellow-500);
165
+ --color-bg-base: var(--color-black);
166
+ --color-bg-dim: var(--color-gray-900);
167
+ --color-bg-inverse-base: var(--color-white);
168
+ --color-bg-inverse-dim: var(--color-gray-100);
169
+ --color-bg-accent-blue-base: var(--color-blue-500);
170
+ --color-bg-accent-blue-dim: var(--color-blue-700);
171
+ --color-bg-accent-green-base: var(--color-green-500);
172
+ --color-bg-accent-green-dim: var(--color-green-700);
173
+ --color-bg-accent-magenta-base: var(--color-magenta-500);
174
+ --color-bg-accent-magenta-dim: var(--color-magenta-700);
175
+ --color-bg-accent-yellow-base: var(--color-yellow-500);
176
+ --color-bg-accent-yellow-dim: var(--color-yellow-700);
177
+ --color-border-base: var(--color-white);
178
+ --color-border-dim: var(--color-gray-800);
179
+ --color-border-faint: var(--color-gray-900);
180
+ --color-border-inverse-base: var(--color-black);
181
+ --color-border-accent-blue: var(--color-blue-500);
182
+ --color-border-accent-green: var(--color-green-500);
183
+ --color-border-accent-magenta: var(--color-magenta-500);
184
+ --color-border-accent-yellow: var(--color-yellow-500);
185
+ --color-focus-ring: var(--color-white);
186
+ --color-fg-error: #ff2222;
187
+ }
151
188
  }
152
189
 
153
190
  @theme {
@@ -199,38 +236,38 @@
199
236
  --color-yellow-500: color(display-p3 1 1 0 / 1);
200
237
  --color-yellow-700: #fff500;
201
238
 
202
- --color-fg-base: light-dark(var(--color-black), var(--color-white));
203
- --color-fg-dim: light-dark(var(--color-gray-700), var(--color-gray-300));
204
- --color-fg-faint: light-dark(var(--color-gray-500), var(--color-gray-500));
205
- --color-fg-inverse-base: light-dark(var(--color-white), var(--color-black));
206
- --color-fg-inverse-dim: light-dark(var(--color-gray-300), var(--color-gray-700));
207
- --color-fg-inverse-faint: light-dark(var(--color-gray-500), var(--color-gray-500));
208
- --color-fg-accent-blue: var(--color-blue-500);
209
- --color-fg-accent-green: var(--color-green-500);
210
- --color-fg-accent-magenta: var(--color-magenta-500);
211
- --color-fg-accent-yellow: var(--color-yellow-500);
212
- --color-fg-accent-red: light-dark(#dd0000, #ff2222);
213
- --color-bg-base: light-dark(var(--color-white), var(--color-black));
214
- --color-bg-dim: light-dark(var(--color-gray-100), var(--color-gray-900));
215
- --color-bg-inverse-base: light-dark(var(--color-black), var(--color-white));
216
- --color-bg-inverse-dim: light-dark(var(--color-gray-900), var(--color-gray-100));
217
- --color-bg-accent-blue-base: var(--color-blue-500);
218
- --color-bg-accent-blue-dim: light-dark(var(--color-blue-100), var(--color-blue-700));
219
- --color-bg-accent-green-base: var(--color-green-500);
220
- --color-bg-accent-green-dim: light-dark(var(--color-green-100), var(--color-green-700));
221
- --color-bg-accent-magenta-base: var(--color-magenta-500);
222
- --color-bg-accent-magenta-dim: light-dark(var(--color-magenta-100), var(--color-magenta-700));
223
- --color-bg-accent-yellow-base: var(--color-yellow-500);
224
- --color-bg-accent-yellow-dim: light-dark(var(--color-yellow-100), var(--color-yellow-700));
225
- --color-border-base: light-dark(var(--color-black), var(--color-white));
226
- --color-border-dim: light-dark(var(--color-gray-200), var(--color-gray-800));
227
- --color-border-faint: light-dark(var(--color-gray-100), var(--color-gray-900));
228
- --color-border-inverse-base: light-dark(var(--color-white), var(--color-black));
229
- --color-border-accent-blue: light-dark(var(--color-blue-700), var(--color-blue-500));
230
- --color-border-accent-green: light-dark(var(--color-green-700), var(--color-green-500));
231
- --color-border-accent-magenta: light-dark(var(--color-magenta-700), var(--color-magenta-500));
232
- --color-border-accent-yellow: light-dark(var(--color-yellow-700), var(--color-yellow-500));
233
- --color-focus-ring: light-dark(var(--black), var(--white));
239
+ --color-fg-base: var(--color-fg-base);
240
+ --color-fg-dim: var(--color-fg-dim);
241
+ --color-fg-faint: var(--color-fg-faint);
242
+ --color-fg-inverse-base: var(--color-fg-inverse-base);
243
+ --color-fg-inverse-dim: var(--color-fg-inverse-dim);
244
+ --color-fg-inverse-faint: var(--color-fg-inverse-faint);
245
+ --color-fg-accent-blue: var(--color-fg-accent-blue);
246
+ --color-fg-accent-green: var(--color-fg-accent-green);
247
+ --color-fg-accent-magenta: var(--color-fg-accent-magenta);
248
+ --color-fg-accent-yellow: var(--color-fg-accent-yellow);
249
+ --color-fg-accent-red: var(--color-fg-accent-red);
250
+ --color-bg-base: var(--color-bg-base);
251
+ --color-bg-dim: var(--color-bg-dim);
252
+ --color-bg-inverse-base: var(--color-bg-inverse-base);
253
+ --color-bg-inverse-dim: var(--color-bg-inverse-dim);
254
+ --color-bg-accent-blue-base: var(--color-bg-accent-blue-base);
255
+ --color-bg-accent-blue-dim: var(--color-bg-accent-blue-dim);
256
+ --color-bg-accent-green-base: var(--color-bg-accent-green-base);
257
+ --color-bg-accent-green-dim: var(--color-bg-accent-green-dim);
258
+ --color-bg-accent-magenta-base: var(--color-bg-accent-magenta-base);
259
+ --color-bg-accent-magenta-dim: var(--color-bg-accent-magenta-dim);
260
+ --color-bg-accent-yellow-base: var(--color-bg-accent-yellow-base);
261
+ --color-bg-accent-yellow-dim: var(--color-bg-accent-yellow-dim);
262
+ --color-border-base: var(--color-border-base);
263
+ --color-border-dim: var(--color-border-dim);
264
+ --color-border-faint: var(--color-border-faint);
265
+ --color-border-inverse-base: var(--color-border-inverse-base);
266
+ --color-border-accent-blue: var(--color-border-accent-blue);
267
+ --color-border-accent-green: var(--color-border-accent-green);
268
+ --color-border-accent-magenta: var(--color-border-accent-magenta);
269
+ --color-border-accent-yellow: var(--color-border-accent-yellow);
270
+ --color-focus-ring: var(--color-focus-ring);
234
271
 
235
272
  --spacing-icon-lg: 25px;
236
273
  --spacing-icon-md: 21px;
@@ -934,23 +971,31 @@
934
971
  }
935
972
 
936
973
  @custom-variant light {
937
- :root[data-theme="light"] &,
938
- :root[data-theme="dark"] [data-theme="light"] & {
939
- @slot;
940
- }
941
-
942
- @container style(--color-scheme: light) {
974
+ [data-theme="light"]&,
975
+ [data-theme="light"] &,
976
+ [data-theme] [data-theme="light"]&,
977
+ [data-theme] [data-theme="light"] &,
978
+ [data-theme] [data-theme] [data-theme="light"]&,
979
+ [data-theme] [data-theme] [data-theme="light"] &,
980
+ [data-theme] [data-theme] [data-theme] [data-theme="light"]&,
981
+ [data-theme] [data-theme] [data-theme] [data-theme="light"] &,
982
+ [data-theme] [data-theme] [data-theme] [data-theme] [data-theme="light"]&,
983
+ [data-theme] [data-theme] [data-theme] [data-theme] [data-theme="light"] & {
943
984
  @slot;
944
985
  }
945
986
  }
946
987
 
947
988
  @custom-variant dark {
948
- :root[data-theme="dark"] &,
949
- :root[data-theme="light"] [data-theme="dark"] & {
950
- @slot;
951
- }
952
-
953
- @container style(--color-scheme: dark) {
989
+ [data-theme="dark"]&,
990
+ [data-theme="dark"] &,
991
+ [data-theme] [data-theme="dark"]&,
992
+ [data-theme] [data-theme="dark"] &,
993
+ [data-theme] [data-theme] [data-theme="dark"]&,
994
+ [data-theme] [data-theme] [data-theme="dark"] &,
995
+ [data-theme] [data-theme] [data-theme] [data-theme="dark"]&,
996
+ [data-theme] [data-theme] [data-theme] [data-theme="dark"] &,
997
+ [data-theme] [data-theme] [data-theme] [data-theme] [data-theme="dark"]&,
998
+ [data-theme] [data-theme] [data-theme] [data-theme] [data-theme="dark"] & {
954
999
  @slot;
955
1000
  }
956
1001
  }
package/README.md DELETED
@@ -1,272 +0,0 @@
1
- # @sanity/sanity-id
2
-
3
- A Tailwind CSS configuration package that provides Sanity's design system
4
- tokens, colors, and utilities.
5
-
6
- ## Installation
7
-
8
- ```bash
9
- npm install @sanity/sanity-id
10
- ```
11
-
12
- ## Usage
13
-
14
- ### Basic Setup
15
-
16
- Create or update your `tailwind.config.ts` file:
17
-
18
- ```ts
19
- import { createConfig } from "@sanity/sanity-id"
20
-
21
- export default createConfig({
22
- content: [
23
- // Add your content paths here
24
- "./src/**/*.{js,ts,jsx,tsx}",
25
- ],
26
- // Optional: extend or override the base configuration
27
- theme: {
28
- extend: {
29
- // Your custom theme extensions
30
- },
31
- },
32
- })
33
- ```
34
-
35
- ### TypeScript Configuration
36
-
37
- For proper TypeScript resolution, add the following to your `tsconfig.json`:
38
-
39
- ```json
40
- {
41
- "compilerOptions": {
42
- "baseUrl": ".",
43
- "paths": {
44
- "@sanity/sanity-id": ["../../packages/sanity-id/src"],
45
- "@sanity/sanity-id/*": ["../../packages/sanity-id/src/*"]
46
- }
47
- }
48
- }
49
- ```
50
-
51
- ### Font Setup
52
-
53
- The package expects certain font variables to be defined. Here's how to set them
54
- up using Next.js Font:
55
-
56
- ```tsx
57
- import Local from "next/font/local"
58
-
59
- const inter = Local({
60
- display: "swap",
61
- variable: "--font-sans",
62
- fallback: ["ui-sans-serif", "system-ui", "sans-serif"],
63
- src: [
64
- {
65
- path: "../assets/fonts/inter-variable.woff2",
66
- weight: "100 900",
67
- },
68
- {
69
- path: "../assets/fonts/inter-italic-variable.woff2",
70
- style: "italic",
71
- weight: "100 900",
72
- },
73
- ],
74
- })
75
-
76
- const jetBrainsMono = Local({
77
- src: "../assets/fonts/jetbrains-mono-variable.woff2",
78
- display: "swap",
79
- variable: "--font-mono",
80
- fallback: ["ui-monospace", "monospace"],
81
- weight: "100 900",
82
- })
83
-
84
- export const fontsClassName = [
85
- inter.variable,
86
- interItalic.variable,
87
- jetBrainsMono.variable,
88
- ].join(" ")
89
-
90
- // Apply fonts to your app
91
- export default function RootLayout({
92
- children,
93
- }: {
94
- children: React.ReactNode
95
- }) {
96
- return (
97
- <html className={fontsClassName}>
98
- <body>{children}</body>
99
- </html>
100
- )
101
- }
102
- ```
103
-
104
- Required font variables:
105
-
106
- - `--font-sans`: Main sans-serif font
107
- - `--font-mono`: Monospace font for code blocks
108
-
109
- ### Import CSS
110
-
111
- Import the base styles in your main CSS file:
112
-
113
- ```css
114
- @import "@sanity/sanity-id/all.css";
115
- ```
116
-
117
- ### Using Components
118
-
119
- Import components directly from their paths:
120
-
121
- ```tsx
122
- import { Button } from "@sanity/sanity-id/components/button"
123
- import { Card } from "@sanity/sanity-id/components/card"
124
- import { Dialog } from "@sanity/sanity-id/components/dialog"
125
-
126
- function MyComponent() {
127
- return (
128
- <Card>
129
- <Dialog>
130
- <Button>Click me</Button>
131
- </Dialog>
132
- </Card>
133
- )
134
- }
135
- ```
136
-
137
- ### Theme Support
138
-
139
- The package supports light and dark themes through HTML data attributes:
140
-
141
- ```html
142
- <!-- Light theme (default) -->
143
- <html data-theme="light">
144
- <!-- Dark theme -->
145
- <html data-theme="dark"></html>
146
- </html>
147
- ```
148
-
149
- ### Theme Support
150
-
151
- Theme-dependent variables require a theme provider to work correctly. You can
152
- use next-themes:
153
-
154
- ```tsx
155
- import { ThemeProvider } from "next-themes"
156
-
157
- export default function RootLayout({
158
- children,
159
- }: {
160
- children: React.ReactNode
161
- }) {
162
- return (
163
- <html>
164
- <ThemeProvider attribute="data-theme">
165
- <body>{children}</body>
166
- </ThemeProvider>
167
- </html>
168
- )
169
- }
170
- ```
171
-
172
- Alternatively, you can hardcode the theme in your layout:
173
-
174
- ```tsx
175
- export default function RootLayout({
176
- children,
177
- }: {
178
- children: React.ReactNode
179
- }) {
180
- return (
181
- <html data-theme="light">
182
- <body>{children}</body>
183
- </html>
184
- )
185
- }
186
- ```
187
-
188
- The package supports light and dark themes through HTML data attributes:
189
-
190
- ```html
191
- <!-- Light theme (default) -->
192
- <html data-theme="light">
193
- <!-- Dark theme -->
194
- <html data-theme="dark"></html>
195
- </html>
196
- ```
197
-
198
- ### Color System
199
-
200
- The package provides three types of colors:
201
-
202
- 1. Primitive colors (static)
203
- 2. Dynamic colors (theme-aware)
204
- 3. Semantic colors (context-specific)
205
-
206
- Example usage:
207
-
208
- ```jsx
209
- // Using primitive colors
210
- <div className="bg-gray-100">
211
-
212
- // Using dynamic colors
213
- <div className="bg-gray-100-dynamic">
214
-
215
- // Using semantic colors
216
- <div className="bg-bg-base text-fg-base">
217
- ```
218
-
219
- ### Typography Classes
220
-
221
- The package includes predefined typography classes:
222
-
223
- ```jsx
224
- // Page headings
225
- <h1 className="page-heading-lg">
226
- <h2 className="page-heading-md">
227
- <h3 className="page-heading-sm">
228
-
229
- // Component headings
230
- <h4 className="component-heading-lg">
231
- <h5 className="component-heading-md">
232
- <h6 className="component-heading-sm">
233
-
234
- // Text styles
235
- <p className="text-description">
236
- <p className="text-prose">
237
- <p className="text-lede">
238
-
239
- // Interactive text
240
- <span className="text-interactive-lg">
241
- <span className="text-interactive-md">
242
- <span className="text-interactive-sm">
243
- ```
244
-
245
- ### Custom Variants
246
-
247
- The package includes custom Tailwind variants:
248
-
249
- ```jsx
250
- // Light theme specific styles
251
- <div className="@light:bg-white">
252
-
253
- // Dark theme specific styles
254
- <div className="@dark:bg-black">
255
-
256
- // Touch device specific styles
257
- <div className="touch:hover:bg-transparent">
258
- ```
259
-
260
- ## Development
261
-
262
- ### Building Color Tokens
263
-
264
- To rebuild the color tokens:
265
-
266
- ```bash
267
- npm run build:colors
268
- ```
269
-
270
- ## License
271
-
272
- Private - Internal use only