/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--ink:#1a1917;--fg-2:#5f5e5a;--fg-3:#737270;--fill:#f7f7f5;--fill-2:#efefec;--line:#e9e9e6;--scribble:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='4' viewBox='0 0 240 4'%3E%3Cpath d='M0 2Q5 .9 11 2.1Q17 3.3 25 2.2Q31 1 37 1.5Q44 3.2 49 2.5Q55 .8 62 1.7Q67 3 74 2.6Q79 1.2 86 1.3Q91 3.3 98 2.3Q103 .7 109 1.6Q116 3.1 121 2.7Q127 1.1 134 1.3Q139 3.2 146 2Q151 .8 157 1.9Q164 3.3 169 2.4Q175 1 182 1.5Q187 3 194 2.8Q199 1.1 206 1.4Q211 3.2 218 2.2Q223 .9 230 1.7Q235 3 240 2' fill='none' stroke='%23dddcd8' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--rule:#d9d9d5;--scrim:#14141459;--brand:#6d3cf5;--brand-hover:#5b2fd9;--brand-fg:#6d3cf5;--brand-tint:#f0eaff;--on-brand:#fff;--mark:#000;--swatch-black:#1a1a1a;--swatch-grey:gray;--swatch-white:#fff;--swatch-blue:#1a52cc;--swatch-red:#c71f29;--swatch-green:#0d784d;--swatch-yellow:#ffe34d;--swatch-mint:#99ebb3;--swatch-pink:#ffadd1;--swatch-sky:#99d1ff;--swatch-cream:#fff8d6;--swatch-mint-paper:#e6f7ec;--swatch-pink-paper:#fdebf1;--swatch-sky-paper:#e6f2fc;--swatch-rim:#00000029;--page-ink:#1a1917;--page-paper:#fff;--page-field:#6d3cf514;--page-field-rim:#6d3cf559;--ok:#087a58;--ok-bg:#e1f6ee;--bad:#c41e4a;--bad-bg:#ffe9ec;--warn:#8a5f00;--warn-bg:#fbf2dc;--tray:#f4f4f2;--tray-rim:#dadad6;--card-rim:#e4e4e1;--field-bg:#fff;--field-rim:#e4e4e1;--on-ink:var(--bg);--knob:#fff;--sweep:#ffffff2e;--sweep-strong:#ffffff38;--t-violet-bg:#f1eaff;--t-violet:#6d28d9;--t-blue-bg:#e6f0ff;--t-blue:#0b5ed7;--t-orange-bg:#fff0e0;--t-orange:#a84b00;--t-red-bg:#ffe9ec;--t-red:#c41e4a;--t-green-bg:#e1f6ee;--t-green:#087a58;--t-pink-bg:#fce8fa;--t-pink:#b0239f;--t-amber-bg:#fbf2dc;--t-amber:#8a5f00;--t-cyan-bg:#e2f5f8;--t-cyan:#067087;--t-indigo-bg:#e8ecff;--t-indigo:#3b46c4;--keycap:linear-gradient(180deg, #8b66fb 0%, #6d3cf5 60%, #6534ee 100%);--keycap-hover:linear-gradient(180deg, #9677fc 0%, #7748f7 60%, #6d3cf5 100%);--keycap-2:linear-gradient(180deg, #fff 0%, #f6f6f4 100%);--keycap-2-hover:linear-gradient(180deg, #fff 0%, #efefec 100%);--shadow-tray:0 1px 2px #1a19170a, 0 8px 24px #1a191714;--shadow-card:0 1px 2px #1a19170d;--shadow-knob:0 0 0 1px var(--card-rim), 0 1px 2px #1a191714, 0 2px 6px #1a19170f;--shadow-seg:var(--shadow-knob);--shadow-lift:var(--shadow-knob), 0 0 0 1px var(--line);--shadow-track:inset 0 0 0 1px var(--tray-rim);--shadow-keycap:0 0 0 1px #4f24c7, inset 0 1px 0 #ffffff52, inset 0 -2px 0 #1e005a24, 0 2px 4px #4f24c738, 0 6px 16px #6d3cf53d;--shadow-keycap-2:0 0 0 1px #e2e2df, inset 0 1px 0 #fff, inset 0 -2px 0 #1a19170d, 0 1px 2px #1a19170f, 0 4px 10px #1a19170d;--shadow-field:0 1px 2px #1a19170d, 0 0 0 4px var(--tray), 0 0 0 5px var(--tray-rim);--shadow-field-focus:0 0 0 4px var(--brand-tint), 0 0 0 5px var(--brand);--shadow-field-error:0 0 0 4px var(--bad-bg), 0 0 0 5px var(--bad);--font-sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-features:"cv11", "ss01", "tnum";--font-script-dancing:"Dancing Script Piffy", "Dancing Script", cursive;--font-script-sacramento:"Sacramento Piffy", "Sacramento", cursive;--type-script-size:2.375rem;--type-script-leading:1.15;--type-display-size:clamp(2.125rem, 6vw, 2.75rem);--type-display-leading:1.1;--type-display-weight:600;--type-title-size:1.75rem;--type-title-leading:2.125rem;--type-title-weight:600;--type-heading-size:1.25rem;--type-heading-leading:1.75rem;--type-heading-weight:600;--type-subhead-size:1.0625rem;--type-subhead-leading:1.5rem;--type-subhead-weight:600;--type-statement-size:1.25rem;--type-statement-leading:1.75rem;--type-statement-weight:500;--type-overlay-size:1.5rem;--type-overlay-leading:1.875rem;--type-overlay-weight:600;--type-body-size:.9375rem;--type-body-leading:1.375rem;--type-body-weight:400;--type-field-size:1rem;--type-field-leading:1.5;--type-field-weight:400;--type-label-size:.875rem;--type-label-leading:1.25rem;--type-label-weight:500;--type-caption-size:.875rem;--type-caption-leading:1.25rem;--type-caption-weight:400;--type-small-size:.8125rem;--type-small-leading:1.125rem;--type-small-weight:400;--type-section-size:.75rem;--type-section-leading:1rem;--type-section-weight:500;--tracking-section:.02em;--type-micro-size:.75rem;--type-micro-leading:1rem;--type-micro-weight:600;--type-key-size:.6875rem;--type-key-leading:1;--type-key-weight:600;--type-signature-size:2.125rem;--type-signature-leading:1.2;--type-signature-weight:600;--tracking-signature:-.04em;--tracking-display:-.025em;--tracking-title:-.02em;--tracking-heading:-.015em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--field-h:3rem;--control:2.75rem;--control-sm:2.25rem;--control-xs:1.75rem;--icon-button:2.5rem;--header-h:4rem;--edit-chrome:calc(var(--header-h) + 8.5rem);--switch-w:2.75rem;--switch-h:1.625rem;--switch-knob:1.25rem;--knob-size:1.375rem;--check:1.375rem;--radio:1.375rem;--radio-ring:1.5px;--radio-dot:.4375rem;--progress:2px;--ring:2px;--ring-offset:2px;--hairline:1px;--scribble-h:4px;--underline:2px;--underline-offset:.375rem;--handle:.875rem;--pos-dot:.75rem;--swatch-dot:1.75rem;--pos-ring:3px;--range-cell-w:1.375rem;--range-cell-h:1.75rem;--hint-h:1.55em;--radius-pill:62.4375rem;--radius-tray:1.75rem;--radius-card:1.375rem;--radius-notice:1.25rem;--radius-row:1rem;--radius-menu:1.25rem;--radius-control:.875rem;--radius-tile:.875rem;--radius-tool:.75rem;--radius-item:.75rem;--radius-inner:.625rem;--radius-page:.625rem;--radius-key:.5rem;--radius-check:.4375rem;--radius-bone:.375rem;--radius-cell:.3125rem;--radius-mark:.125rem;--radius-composer:1.625rem;--tray-width:25rem;--command-width:35rem;--tray-max:27.5rem;--tray-wide:34rem;--toast-max:calc(100vw - 2rem);--blur-scrim:6px;--blur-veil:3px;--tray-gutter:1.5rem;--menu-min:11.25rem;--page-max:47.5rem;--measure:52ch;--measure-lead:36ch;--measure-tight:28ch;--measure-hint:48ch;--measure-note:60ch;--measure-statement:40ch;--specimen-h:27.5rem;--label-col:7.5rem;--meta-col:6rem;--drop-h:13.75rem;--pad-h:10rem;--viewer-h:23.75rem;--viewer-page:15rem;--placement-page:18.75rem;--stamp-handle:.875rem;--stamp-min:2.75rem;--field-min-font:0rem;--position-w:8.25rem;--composer-max:7.5rem;--composer-w:35rem;--result-w:30rem;--field-w:26.25rem;--picker-max:52vh;--thumb-min:5.5rem;--reason-min:13.75rem;--ease:cubic-bezier(.2, .8, .2, 1);--dur-1:.15s;--dur-2:.22s;--dur-3:.3s;--dur-wipe:.72s;--dur-badge:.46s;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--delay-wipe:.24s;--dim:.55;--press:.98;--settle:.96;--tray-rise:.5rem;--step-shift:.5rem;--toast-rise:.875rem;--soft:.7;--ghost:.4;--faint:.25;--muted:.45;--hush:.35;--z-tray:40;--z-toast:50;--z-drop:45;--z-bar:20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--swatch-rim:#ffffff3d;--bg:#000;--ink:#f2f1ee;--fg-2:#a9a9a5;--fg-3:#8b8b88;--fill:#111;--fill-2:#1a1a1a;--line:#1f1f1f;--scribble:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='4' viewBox='0 0 240 4'%3E%3Cpath d='M0 2Q5 .9 11 2.1Q17 3.3 25 2.2Q31 1 37 1.5Q44 3.2 49 2.5Q55 .8 62 1.7Q67 3 74 2.6Q79 1.2 86 1.3Q91 3.3 98 2.3Q103 .7 109 1.6Q116 3.1 121 2.7Q127 1.1 134 1.3Q139 3.2 146 2Q151 .8 157 1.9Q164 3.3 169 2.4Q175 1 182 1.5Q187 3 194 2.8Q199 1.1 206 1.4Q211 3.2 218 2.2Q223 .9 230 1.7Q235 3 240 2' fill='none' stroke='%232c2c2c' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--rule:#2e2e2e;--scrim:#0009;--brand:#7f4cff;--brand-hover:#7342f0;--brand-fg:#9d75ff;--brand-tint:#2a1e4a;--ok:#3fd9a8;--ok-bg:#0f3328;--bad:#ff7a8f;--bad-bg:#3f1a22;--warn:#f2c200;--warn-bg:#3b2f05;--tray:#0e0e0e;--tray-rim:#262626;--card-rim:#222;--field-bg:#000;--field-rim:#2a2a2a;--knob:#222;--sweep-strong:#00000038;--t-violet-bg:#2a1e4a;--t-violet:#b98cff;--t-blue-bg:#12284a;--t-blue:#5aa9ff;--t-orange-bg:#3d2606;--t-orange:#ffa640;--t-red-bg:#3f1a22;--t-red:#ff7a8f;--t-green-bg:#0f3328;--t-green:#3fd9a8;--t-pink-bg:#3e1a3a;--t-pink:#f07ae6;--t-amber-bg:#3b2f05;--t-amber:#f2c200;--t-cyan-bg:#0f3038;--t-cyan:#3fd3ee;--t-indigo-bg:#1b2049;--t-indigo:#8a93ff;--keycap:linear-gradient(180deg, #9470ff 0%, #7f4cff 60%, #7342f0 100%);--keycap-hover:linear-gradient(180deg, #8d66ff 0%, #7645f2 60%, #6c3be8 100%);--keycap-2:linear-gradient(180deg, #232323 0%, #171717 100%);--keycap-2-hover:linear-gradient(180deg, #2a2a2a 0%, #1c1c1c 100%);--shadow-tray:0 1px 2px #0006, 0 8px 24px #00000080;--shadow-card:0 1px 2px #0006;--shadow-knob:0 0 0 1px #2e2e2e, 0 1px 2px #0009;--shadow-keycap:0 0 0 1px #5a2fd0, inset 0 1px 0 #ffffff4d, inset 0 -2px 0 #14003c40, 0 2px 4px #00000080, 0 6px 16px #6d3cf54d;--shadow-keycap-2:0 0 0 1px #2e2e2e, inset 0 1px 0 #ffffff12, inset 0 -2px 0 #0000004d, 0 2px 4px #00000080;--shadow-field:0 1px 2px #0006, 0 0 0 4px var(--tray), 0 0 0 5px var(--tray-rim);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (pointer:coarse){:root{--field-min-font:1rem}}@media (prefers-reduced-motion:reduce){:root{--dur-1:1ms;--dur-2:1ms;--dur-3:1ms;--dur-wipe:1ms;--dur-badge:1ms;--delay-wipe:0s}}@font-face{font-family:Dancing Script Piffy;src:url(/fonts/DancingScript-Regular.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Sacramento Piffy;src:url(/fonts/Sacramento-Regular.ttf)format("truetype");font-weight:400;font-display:swap}html{background:var(--bg)}.piffy{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-leading);font-feature-settings:var(--font-features);font-optical-sizing:auto;text-wrap:pretty;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur-3) var(--ease), color var(--dur-3) var(--ease);margin:0}@layer base{.piffy :where(*){box-sizing:border-box;border:0 solid var(--line);margin:0;padding:0}.piffy :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd){font:inherit}.piffy :where(ul,ol){list-style:none}.piffy :where(a){color:inherit;text-decoration:none}.piffy :where(button,input,select,textarea){font:inherit;letter-spacing:inherit;color:inherit;background:0 0}.piffy :where(button,[role=button]){cursor:pointer;-webkit-tap-highlight-color:transparent}.piffy :where(button:disabled,[aria-disabled=true],[data-disabled]){cursor:not-allowed}.piffy :where(img,video,canvas,svg){max-width:100%;display:block}.piffy :where(textarea){resize:none}}.piffy ::selection{background:var(--brand-tint);color:var(--brand)}[data-theme=dark] .piffy ::selection{background:var(--brand);color:var(--on-brand)}@media (pointer:coarse){.piffy :where(input,textarea){font-size:max(16px,1em)}}:where(.piffy,[data-system=piffy]) .\[container-type\:inline-size\]{container-type:inline-size}:where(.piffy,[data-system=piffy]) .pointer-events-auto{pointer-events:auto}:where(.piffy,[data-system=piffy]) .pointer-events-none{pointer-events:none}:where(.piffy,[data-system=piffy]) .\!visible{visibility:visible!important}:where(.piffy,[data-system=piffy]) .invisible{visibility:hidden}:where(.piffy,[data-system=piffy]) .visible{visibility:visible}:where(.piffy,[data-system=piffy]) .skip-link{z-index:var(--z-toast);height:var(--control);border-radius:var(--radius-control);background:var(--ink);color:var(--bg);transition:translate var(--dur-2) var(--ease);inset-inline-start:12px;align-items:center;padding-inline:16px;display:inline-flex;position:fixed;top:0;translate:0 -100%}:where(.piffy,[data-system=piffy]) .skip-link:focus-visible{translate:0 12px}:where(.piffy,[data-system=piffy]) .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.piffy,[data-system=piffy]) .absolute{position:absolute}:where(.piffy,[data-system=piffy]) .fixed{position:fixed}:where(.piffy,[data-system=piffy]) .relative{position:relative}:where(.piffy,[data-system=piffy]) .sticky{position:sticky}:where(.piffy,[data-system=piffy]) .inset-0{inset:0}:where(.piffy,[data-system=piffy]) .inset-x-0{inset-inline:0}:where(.piffy,[data-system=piffy]) .inset-x-4{inset-inline:16px}:where(.piffy,[data-system=piffy]) .inset-x-6{inset-inline:24px}:where(.piffy,[data-system=piffy]) .inset-x-\[18\%\]{inset-inline:18%}:where(.piffy,[data-system=piffy]) .start-3{inset-inline-start:12px}:where(.piffy,[data-system=piffy]) .end-1\.5{inset-inline-end:6px}:where(.piffy,[data-system=piffy]) .end-2{inset-inline-end:8px}:where(.piffy,[data-system=piffy]) .-top-2{top:-8px}:where(.piffy,[data-system=piffy]) .top-\(--header-h\){top:var(--header-h)}:where(.piffy,[data-system=piffy]) .top-0{top:0}:where(.piffy,[data-system=piffy]) .top-1\.5{top:6px}:where(.piffy,[data-system=piffy]) .top-1\/2{top:50%}:where(.piffy,[data-system=piffy]) .top-4{top:16px}:where(.piffy,[data-system=piffy]) .top-\[10\%\]{top:10%}:where(.piffy,[data-system=piffy]) .top-\[16\%\]{top:16%}:where(.piffy,[data-system=piffy]) .top-\[19\%\]{top:19%}:where(.piffy,[data-system=piffy]) .top-\[22\%\]{top:22%}:where(.piffy,[data-system=piffy]) .top-\[25\%\]{top:25%}:where(.piffy,[data-system=piffy]) .top-\[30\%\]{top:30%}:where(.piffy,[data-system=piffy]) .top-\[31\%\]{top:31%}:where(.piffy,[data-system=piffy]) .top-\[37\%\]{top:37%}:where(.piffy,[data-system=piffy]) .top-\[44\%\]{top:44%}:where(.piffy,[data-system=piffy]) .top-\[46\%\]{top:46%}:where(.piffy,[data-system=piffy]) .top-\[52\%\]{top:52%}:where(.piffy,[data-system=piffy]) .top-\[58\%\]{top:58%}:where(.piffy,[data-system=piffy]) .-right-1\.75{right:-7px}:where(.piffy,[data-system=piffy]) .-right-2{right:-8px}:where(.piffy,[data-system=piffy]) .-right-2\.5{right:-10px}:where(.piffy,[data-system=piffy]) .right-1\.5{right:6px}:where(.piffy,[data-system=piffy]) .right-\[12\%\]{right:12%}:where(.piffy,[data-system=piffy]) .right-\[14\%\]{right:14%}:where(.piffy,[data-system=piffy]) .right-\[18\%\]{right:18%}:where(.piffy,[data-system=piffy]) .right-\[22\%\]{right:22%}:where(.piffy,[data-system=piffy]) .right-\[24\%\]{right:24%}:where(.piffy,[data-system=piffy]) .right-\[26\%\]{right:26%}:where(.piffy,[data-system=piffy]) .right-\[30\%\]{right:30%}:where(.piffy,[data-system=piffy]) .right-\[40\%\]{right:40%}:where(.piffy,[data-system=piffy]) .-bottom-1\.75{bottom:-7px}:where(.piffy,[data-system=piffy]) .-bottom-2{bottom:-8px}:where(.piffy,[data-system=piffy]) .-bottom-\[0\.22em\]{bottom:-.22em}:where(.piffy,[data-system=piffy]) .-bottom-px{bottom:-1px}:where(.piffy,[data-system=piffy]) .bottom-0{bottom:0}:where(.piffy,[data-system=piffy]) .bottom-1\.5{bottom:6px}:where(.piffy,[data-system=piffy]) .bottom-3\.5{bottom:14px}:where(.piffy,[data-system=piffy]) .bottom-4{bottom:16px}:where(.piffy,[data-system=piffy]) .bottom-5{bottom:20px}:where(.piffy,[data-system=piffy]) .bottom-11{bottom:44px}:where(.piffy,[data-system=piffy]) .left-0{left:0}:where(.piffy,[data-system=piffy]) .left-1\/2{left:50%}:where(.piffy,[data-system=piffy]) .left-\[12\%\]{left:12%}:where(.piffy,[data-system=piffy]) .left-\[14\%\]{left:14%}:where(.piffy,[data-system=piffy]) .isolate{isolation:isolate}:where(.piffy,[data-system=piffy]) .z-\(--z-bar\){z-index:var(--z-bar)}:where(.piffy,[data-system=piffy]) .z-\(--z-drop\){z-index:var(--z-drop)}:where(.piffy,[data-system=piffy]) .z-\(--z-toast\){z-index:var(--z-toast)}:where(.piffy,[data-system=piffy]) .z-\(--z-tray\){z-index:var(--z-tray)}:where(.piffy,[data-system=piffy]) .col-span-2{grid-column:span 2/span 2}:where(.piffy,[data-system=piffy]) .col-start-3{grid-column-start:3}:where(.piffy,[data-system=piffy]) .-m-1{margin:-4px}:where(.piffy,[data-system=piffy]) .-m-2{margin:-8px}:where(.piffy,[data-system=piffy]) .-mx-1{margin-inline:-4px}:where(.piffy,[data-system=piffy]) .-mx-1\.5{margin-inline:-6px}:where(.piffy,[data-system=piffy]) .-mx-2{margin-inline:-8px}:where(.piffy,[data-system=piffy]) .-mx-2\.5{margin-inline:-10px}:where(.piffy,[data-system=piffy]) .-mx-3{margin-inline:-12px}:where(.piffy,[data-system=piffy]) .-mx-5{margin-inline:-20px}:where(.piffy,[data-system=piffy]) .mx-1{margin-inline:4px}:where(.piffy,[data-system=piffy]) .mx-auto{margin-inline:auto}:where(.piffy,[data-system=piffy]) .-my-1{margin-block:-4px}:where(.piffy,[data-system=piffy]) .-my-1\.5{margin-block:-6px}:where(.piffy,[data-system=piffy]) .-my-2{margin-block:-8px}:where(.piffy,[data-system=piffy]) .my-1{margin-block:4px}:where(.piffy,[data-system=piffy]) .ms-1{margin-inline-start:4px}:where(.piffy,[data-system=piffy]) .ms-auto{margin-inline-start:auto}:where(.piffy,[data-system=piffy]) .-me-2{margin-inline-end:-8px}:where(.piffy,[data-system=piffy]) .-me-2\.5{margin-inline-end:-10px}:where(.piffy,[data-system=piffy]) .me-1\.5{margin-inline-end:6px}:where(.piffy,[data-system=piffy]) .-mt-1{margin-top:-4px}:where(.piffy,[data-system=piffy]) .-mt-1\.5{margin-top:-6px}:where(.piffy,[data-system=piffy]) .mt-2{margin-top:8px}:where(.piffy,[data-system=piffy]) .-mb-0\.5{margin-bottom:-2px}:where(.piffy,[data-system=piffy]) .mb-1{margin-bottom:4px}:where(.piffy,[data-system=piffy]) .no-scrollbar{scrollbar-width:none}:where(.piffy,[data-system=piffy]) .no-scrollbar::-webkit-scrollbar{display:none}:where(.piffy,[data-system=piffy]) .block{display:block}:where(.piffy,[data-system=piffy]) .contents{display:contents}:where(.piffy,[data-system=piffy]) .flex{display:flex}:where(.piffy,[data-system=piffy]) .grid{display:grid}:where(.piffy,[data-system=piffy]) .hidden{display:none}:where(.piffy,[data-system=piffy]) .inline{display:inline}:where(.piffy,[data-system=piffy]) .inline-block{display:inline-block}:where(.piffy,[data-system=piffy]) .inline-flex{display:inline-flex}:where(.piffy,[data-system=piffy]) .inline-grid{display:inline-grid}:where(.piffy,[data-system=piffy]) .table{display:table}:where(.piffy,[data-system=piffy]) .\[field-sizing\:content\],:where(.piffy,[data-system=piffy]) .field-sizing-content{field-sizing:content}:where(.piffy,[data-system=piffy]) .aspect-\[3\/4\]{aspect-ratio:3/4}:where(.piffy,[data-system=piffy]) .aspect-square{aspect-ratio:1}:where(.piffy,[data-system=piffy]) .size-\(--check\){width:var(--check);height:var(--check)}:where(.piffy,[data-system=piffy]) .size-\(--control-xs\){width:var(--control-xs);height:var(--control-xs)}:where(.piffy,[data-system=piffy]) .size-\(--icon-button\){width:var(--icon-button);height:var(--icon-button)}:where(.piffy,[data-system=piffy]) .size-\(--knob-size\){width:var(--knob-size);height:var(--knob-size)}:where(.piffy,[data-system=piffy]) .size-\(--pos-dot\){width:var(--pos-dot);height:var(--pos-dot)}:where(.piffy,[data-system=piffy]) .size-\(--radio\){width:var(--radio);height:var(--radio)}:where(.piffy,[data-system=piffy]) .size-\(--stamp-handle\){width:var(--stamp-handle);height:var(--stamp-handle)}:where(.piffy,[data-system=piffy]) .size-\(--swatch-dot\){width:var(--swatch-dot);height:var(--swatch-dot)}:where(.piffy,[data-system=piffy]) .size-\(--switch-knob\){width:var(--switch-knob);height:var(--switch-knob)}:where(.piffy,[data-system=piffy]) .size-1\.5{width:6px;height:6px}:where(.piffy,[data-system=piffy]) .size-1\/2{width:50%;height:50%}:where(.piffy,[data-system=piffy]) .size-2{width:8px;height:8px}:where(.piffy,[data-system=piffy]) .size-3\/4{width:75%;height:75%}:where(.piffy,[data-system=piffy]) .size-5{width:20px;height:20px}:where(.piffy,[data-system=piffy]) .size-5\.5{width:22px;height:22px}:where(.piffy,[data-system=piffy]) .size-6{width:24px;height:24px}:where(.piffy,[data-system=piffy]) .size-6\.5{width:26px;height:26px}:where(.piffy,[data-system=piffy]) .size-7{width:28px;height:28px}:where(.piffy,[data-system=piffy]) .size-8{width:32px;height:32px}:where(.piffy,[data-system=piffy]) .size-10{width:40px;height:40px}:where(.piffy,[data-system=piffy]) .size-11{width:44px;height:44px}:where(.piffy,[data-system=piffy]) .size-14{width:56px;height:56px}:where(.piffy,[data-system=piffy]) .size-16{width:64px;height:64px}:where(.piffy,[data-system=piffy]) .size-full{width:100%;height:100%}:where(.piffy,[data-system=piffy]) .h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}:where(.piffy,[data-system=piffy]) .h-\(--control\){height:var(--control)}:where(.piffy,[data-system=piffy]) .h-\(--control-sm\){height:var(--control-sm)}:where(.piffy,[data-system=piffy]) .h-\(--control-xs\){height:var(--control-xs)}:where(.piffy,[data-system=piffy]) .h-\(--field-h\){height:var(--field-h)}:where(.piffy,[data-system=piffy]) .h-\(--header-h\){height:var(--header-h)}:where(.piffy,[data-system=piffy]) .h-\(--icon-button\){height:var(--icon-button)}:where(.piffy,[data-system=piffy]) .h-\(--pad-h\){height:var(--pad-h)}:where(.piffy,[data-system=piffy]) .h-\(--progress\){height:var(--progress)}:where(.piffy,[data-system=piffy]) .h-\(--range-cell-h\){height:var(--range-cell-h)}:where(.piffy,[data-system=piffy]) .h-\(--ring\){height:var(--ring)}:where(.piffy,[data-system=piffy]) .h-\(--switch-h\){height:var(--switch-h)}:where(.piffy,[data-system=piffy]) .h-\(--underline\){height:var(--underline)}:where(.piffy,[data-system=piffy]) .h-\(--viewer-h\){height:var(--viewer-h)}:where(.piffy,[data-system=piffy]) .h-1\.5{height:6px}:where(.piffy,[data-system=piffy]) .h-1\.25{height:5px}:where(.piffy,[data-system=piffy]) .h-2{height:8px}:where(.piffy,[data-system=piffy]) .h-2\.5{height:10px}:where(.piffy,[data-system=piffy]) .h-3{height:12px}:where(.piffy,[data-system=piffy]) .h-3\.5{height:14px}:where(.piffy,[data-system=piffy]) .h-4\.5{height:18px}:where(.piffy,[data-system=piffy]) .h-5\.5{height:22px}:where(.piffy,[data-system=piffy]) .h-6{height:24px}:where(.piffy,[data-system=piffy]) .h-6\.5{height:26px}:where(.piffy,[data-system=piffy]) .h-7{height:28px}:where(.piffy,[data-system=piffy]) .h-8{height:32px}:where(.piffy,[data-system=piffy]) .h-9{height:36px}:where(.piffy,[data-system=piffy]) .h-10{height:40px}:where(.piffy,[data-system=piffy]) .h-11{height:44px}:where(.piffy,[data-system=piffy]) .h-12{height:48px}:where(.piffy,[data-system=piffy]) .h-14{height:56px}:where(.piffy,[data-system=piffy]) .h-16{height:64px}:where(.piffy,[data-system=piffy]) .h-18{height:72px}:where(.piffy,[data-system=piffy]) .h-24{height:96px}:where(.piffy,[data-system=piffy]) .h-\[0\.4em\]{height:.4em}:where(.piffy,[data-system=piffy]) .h-\[4\%\]{height:4%}:where(.piffy,[data-system=piffy]) .h-fit{height:fit-content}:where(.piffy,[data-system=piffy]) .h-full{height:100%}:where(.piffy,[data-system=piffy]) .h-px{height:1px}:where(.piffy,[data-system=piffy]) .max-h-\(--composer-max\){max-height:var(--composer-max)}:where(.piffy,[data-system=piffy]) .max-h-\(--picker-max\){max-height:var(--picker-max)}:where(.piffy,[data-system=piffy]) .max-h-\[calc\(100dvh-var\(--tray-gutter\)\*2\.5\)\]{max-height:calc(100dvh - var(--tray-gutter) * 2.5)}:where(.piffy,[data-system=piffy]) .min-h-\(--control\){min-height:var(--control)}:where(.piffy,[data-system=piffy]) .min-h-\(--hint-h\){min-height:var(--hint-h)}:where(.piffy,[data-system=piffy]) .min-h-5\.25{min-height:21px}:where(.piffy,[data-system=piffy]) .min-h-11{min-height:44px}:where(.piffy,[data-system=piffy]) .min-h-13{min-height:52px}:where(.piffy,[data-system=piffy]) .min-h-16{min-height:64px}:where(.piffy,[data-system=piffy]) .min-h-18{min-height:72px}:where(.piffy,[data-system=piffy]) .min-h-30{min-height:120px}:where(.piffy,[data-system=piffy]) .min-h-dvh{min-height:100dvh}:where(.piffy,[data-system=piffy]) .min-h-px{min-height:1px}:where(.piffy,[data-system=piffy]) .field{border:var(--hairline) solid var(--field-rim);border-radius:var(--radius-control);background-color:var(--field-bg);width:100%;box-shadow:var(--shadow-field);color:var(--ink);transition-property:border-color,box-shadow;transition-duration:var(--dur-1);transition-timing-function:var(--ease);outline:none}:where(.piffy,[data-system=piffy]) .field::placeholder{color:var(--fg-3)}:where(.piffy,[data-system=piffy]) .field:focus-visible{outline:none}:where(.piffy,[data-system=piffy]) .field:focus,:where(.piffy,[data-system=piffy]) .field:focus-within{border-color:var(--brand);box-shadow:var(--shadow-field-focus)}:where(.piffy,[data-system=piffy]) .field[aria-invalid=true]{border-color:var(--bad);box-shadow:var(--shadow-field-error)}:where(.piffy,[data-system=piffy]) .field[aria-invalid=true]:focus,:where(.piffy,[data-system=piffy]) .field[aria-invalid=true]:focus-within{box-shadow:var(--shadow-field-error), 0 0 0 5px var(--brand-tint), 0 0 0 6px var(--brand)}:where(.piffy,[data-system=piffy]) .field:disabled{color:var(--fg-3);cursor:not-allowed}:where(.piffy,[data-system=piffy]) .w-\(--anchor-width\){width:var(--anchor-width)}:where(.piffy,[data-system=piffy]) .w-\(--position-w\){width:var(--position-w)}:where(.piffy,[data-system=piffy]) .w-\(--range-cell-w\){width:var(--range-cell-w)}:where(.piffy,[data-system=piffy]) .w-\(--switch-w\){width:var(--switch-w)}:where(.piffy,[data-system=piffy]) .w-2\.5{width:10px}:where(.piffy,[data-system=piffy]) .w-6{width:24px}:where(.piffy,[data-system=piffy]) .w-7{width:28px}:where(.piffy,[data-system=piffy]) .w-8{width:32px}:where(.piffy,[data-system=piffy]) .w-9{width:36px}:where(.piffy,[data-system=piffy]) .w-9\.5{width:38px}:where(.piffy,[data-system=piffy]) .w-10{width:40px}:where(.piffy,[data-system=piffy]) .w-11{width:44px}:where(.piffy,[data-system=piffy]) .w-12{width:48px}:where(.piffy,[data-system=piffy]) .w-13{width:52px}:where(.piffy,[data-system=piffy]) .w-14{width:56px}:where(.piffy,[data-system=piffy]) .w-16{width:64px}:where(.piffy,[data-system=piffy]) .w-18{width:72px}:where(.piffy,[data-system=piffy]) .w-32{width:128px}:where(.piffy,[data-system=piffy]) .w-\[38\%\]{width:38%}:where(.piffy,[data-system=piffy]) .w-\[56\%\]{width:56%}:where(.piffy,[data-system=piffy]) .w-\[60\%\]{width:60%}:where(.piffy,[data-system=piffy]) .w-\[72\%\]{width:72%}:where(.piffy,[data-system=piffy]) .w-\[min\(52\%\,var\(--viewer-page\)\)\]{width:min(52%, var(--viewer-page))}:where(.piffy,[data-system=piffy]) .w-full{width:100%}:where(.piffy,[data-system=piffy]) .w-px{width:1px}:where(.piffy,[data-system=piffy]) .max-w-130{max-width:520px}:where(.piffy,[data-system=piffy]) .max-w-command{max-width:var(--command-width)}:where(.piffy,[data-system=piffy]) .max-w-composer{max-width:var(--composer-w)}:where(.piffy,[data-system=piffy]) .max-w-field{max-width:var(--field-w)}:where(.piffy,[data-system=piffy]) .max-w-full{max-width:100%}:where(.piffy,[data-system=piffy]) .max-w-measure{max-width:var(--measure)}:where(.piffy,[data-system=piffy]) .max-w-measure-hint{max-width:var(--measure-hint)}:where(.piffy,[data-system=piffy]) .max-w-measure-lead{max-width:var(--measure-lead)}:where(.piffy,[data-system=piffy]) .max-w-measure-note{max-width:var(--measure-note)}:where(.piffy,[data-system=piffy]) .max-w-measure-statement{max-width:var(--measure-statement)}:where(.piffy,[data-system=piffy]) .max-w-measure-tight{max-width:var(--measure-tight)}:where(.piffy,[data-system=piffy]) .max-w-none{max-width:none}:where(.piffy,[data-system=piffy]) .max-w-page{max-width:var(--page-max)}:where(.piffy,[data-system=piffy]) .max-w-toast{max-width:var(--toast-max)}:where(.piffy,[data-system=piffy]) .max-w-tray{max-width:var(--tray-width)}:where(.piffy,[data-system=piffy]) .max-w-tray-wide{max-width:var(--tray-wide)}:where(.piffy,[data-system=piffy]) .min-w-\(--icon-button\){min-width:var(--icon-button)}:where(.piffy,[data-system=piffy]) .min-w-\(--menu-min\){min-width:var(--menu-min)}:where(.piffy,[data-system=piffy]) .min-w-0{min-width:0}:where(.piffy,[data-system=piffy]) .min-w-4\.5{min-width:18px}:where(.piffy,[data-system=piffy]) .min-w-6{min-width:24px}:where(.piffy,[data-system=piffy]) .min-w-7{min-width:28px}:where(.piffy,[data-system=piffy]) .min-w-9{min-width:36px}:where(.piffy,[data-system=piffy]) .min-w-14{min-width:56px}:where(.piffy,[data-system=piffy]) .min-w-15{min-width:60px}:where(.piffy,[data-system=piffy]) .min-w-16{min-width:64px}:where(.piffy,[data-system=piffy]) .min-w-55{min-width:220px}:where(.piffy,[data-system=piffy]) .flex-1{flex:1}:where(.piffy,[data-system=piffy]) .shrink{flex-shrink:1}:where(.piffy,[data-system=piffy]) .shrink-0{flex-shrink:0}:where(.piffy,[data-system=piffy]) .grow{flex-grow:1}:where(.piffy,[data-system=piffy]) .origin-\(--transform-origin\){transform-origin:var(--transform-origin)}:where(.piffy,[data-system=piffy]) .origin-center{transform-origin:50%}:where(.piffy,[data-system=piffy]) .origin-left{transform-origin:0}:where(.piffy,[data-system=piffy]) .origin-right{transform-origin:100%}:where(.piffy,[data-system=piffy]) .-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.piffy,[data-system=piffy]) .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.piffy,[data-system=piffy]) .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.piffy,[data-system=piffy]) .scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.piffy,[data-system=piffy]) .scale-80{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.piffy,[data-system=piffy]) .scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.piffy,[data-system=piffy]) .-rotate-90{rotate:-90deg}:where(.piffy,[data-system=piffy]) .rotate-90{rotate:90deg}:where(.piffy,[data-system=piffy]) .settle{transition-property:opacity,transform;transition-duration:var(--dur-3);transition-timing-function:var(--ease)}:where(.piffy,[data-system=piffy]) .settle:is([data-starting-style],[data-ending-style]){opacity:0;transform:translateY(var(--tray-rise))}:where(.piffy,[data-system=piffy]) .settle-toast{transition-property:opacity,transform;transition-duration:var(--dur-3);transition-timing-function:var(--ease)}:where(.piffy,[data-system=piffy]) .settle-toast[data-starting-style]{opacity:0;transform:translateY(var(--toast-rise)) scale(var(--settle))}:where(.piffy,[data-system=piffy]) .press{transition-property:transform,color,box-shadow;transition-duration:var(--dur-1);transition-timing-function:var(--ease)}:where(.piffy,[data-system=piffy]) .press:active:not(:disabled,[data-disabled]){transform:scale(var(--press))}:where(.piffy,[data-system=piffy]) .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:where(.piffy,[data-system=piffy]) .badge-pop{animation:piffy-badge-pop var(--dur-badge) var(--ease-spring) both}:where(.piffy,[data-system=piffy]) .fade-in{animation:piffy-fade-in var(--dur-2) var(--ease) both}:where(.piffy,[data-system=piffy]) .pop-in{animation:piffy-pop-in var(--dur-3) var(--ease) both}:where(.piffy,[data-system=piffy]) .step-back{animation:piffy-step-back var(--dur-2) var(--ease) both}:where(.piffy,[data-system=piffy]) .step-fwd{animation:piffy-step-fwd var(--dur-2) var(--ease) both}:where(.piffy,[data-system=piffy]) .wipe-in{animation:piffy-wipe var(--dur-wipe) var(--ease) var(--delay-wipe) both}:where(.piffy,[data-system=piffy]) .cursor-copy{cursor:copy}:where(.piffy,[data-system=piffy]) .cursor-crosshair{cursor:crosshair}:where(.piffy,[data-system=piffy]) .cursor-default{cursor:default}:where(.piffy,[data-system=piffy]) .cursor-grab{cursor:grab}:where(.piffy,[data-system=piffy]) .cursor-move{cursor:move}:where(.piffy,[data-system=piffy]) .cursor-not-allowed{cursor:not-allowed}:where(.piffy,[data-system=piffy]) .cursor-nwse-resize{cursor:nwse-resize}:where(.piffy,[data-system=piffy]) .cursor-pointer{cursor:pointer}:where(.piffy,[data-system=piffy]) .cursor-text{cursor:text}:where(.piffy,[data-system=piffy]) .touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}:where(.piffy,[data-system=piffy]) .touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}:where(.piffy,[data-system=piffy]) .touch-none{touch-action:none}:where(.piffy,[data-system=piffy]) .resize{resize:both}:where(.piffy,[data-system=piffy]) .resize-none{resize:none}:where(.piffy,[data-system=piffy]) .resize-y{resize:vertical}:where(.piffy,[data-system=piffy]) .scroll-mt-\(--edit-chrome\){scroll-margin-top:var(--edit-chrome)}:where(.piffy,[data-system=piffy]) .\[scrollbar-width\:none\]{scrollbar-width:none}:where(.piffy,[data-system=piffy]) .auto-cols-fr{grid-auto-columns:minmax(0,1fr)}:where(.piffy,[data-system=piffy]) .grid-flow-col{grid-auto-flow:column}:where(.piffy,[data-system=piffy]) .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(.piffy,[data-system=piffy]) .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.piffy,[data-system=piffy]) .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(5\.5\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:22px minmax(0,1fr) auto}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(6\)_minmax\(0\,1fr\)_--spacing\(4\)\]{grid-template-columns:24px minmax(0,1fr) 16px}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(6\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:24px minmax(0,1fr) auto}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(7\)_--spacing\(6\)_minmax\(0\,1fr\)\]{grid-template-columns:28px 24px minmax(0,1fr)}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(7\)_--spacing\(8\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:28px 32px minmax(0,1fr) auto}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(7\)_minmax\(0\,1fr\)\]{grid-template-columns:28px minmax(0,1fr)}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(7\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:28px minmax(0,1fr) auto}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(8\)_minmax\(0\,1fr\)_--spacing\(4\)\]{grid-template-columns:32px minmax(0,1fr) 16px}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(8\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:32px minmax(0,1fr) auto}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(10\)_minmax\(0\,1fr\)\]{grid-template-columns:40px minmax(0,1fr)}:where(.piffy,[data-system=piffy]) .grid-cols-\[--spacing\(10\)_minmax\(0\,1fr\)_--spacing\(4\)\]{grid-template-columns:40px minmax(0,1fr) 16px}:where(.piffy,[data-system=piffy]) .grid-cols-\[minmax\(--spacing\(30\)\,--spacing\(40\)\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(120px,160px) minmax(0,1fr)}:where(.piffy,[data-system=piffy]) .grid-cols-\[minmax\(0\,1fr\)_--spacing\(4\)\]{grid-template-columns:minmax(0,1fr) 16px}:where(.piffy,[data-system=piffy]) .grid-cols-\[repeat\(auto-fill\,minmax\(--spacing\(20\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}:where(.piffy,[data-system=piffy]) .grid-cols-\[repeat\(auto-fill\,minmax\(--spacing\(32\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}:where(.piffy,[data-system=piffy]) .grid-cols-\[repeat\(auto-fill\,minmax\(var\(--thumb-min\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(var(--thumb-min),1fr))}:where(.piffy,[data-system=piffy]) .grid-cols-\[repeat\(auto-fit\,minmax\(var\(--reason-min\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(var(--reason-min),1fr))}:where(.piffy,[data-system=piffy]) .grid-cols-\[var\(--meta-col\)_minmax\(0\,1fr\)_--spacing\(6\)\]{grid-template-columns:var(--meta-col) minmax(0,1fr) calc(4px * 6)}:where(.piffy,[data-system=piffy]) .flex-col{flex-direction:column}:where(.piffy,[data-system=piffy]) .flex-nowrap{flex-wrap:nowrap}:where(.piffy,[data-system=piffy]) .flex-wrap{flex-wrap:wrap}:where(.piffy,[data-system=piffy]) .place-items-center{place-items:center}:where(.piffy,[data-system=piffy]) .place-items-end{place-items:end}:where(.piffy,[data-system=piffy]) .place-items-start{place-items:start}:where(.piffy,[data-system=piffy]) .items-baseline{align-items:baseline}:where(.piffy,[data-system=piffy]) .items-center{align-items:center}:where(.piffy,[data-system=piffy]) .items-end{align-items:flex-end}:where(.piffy,[data-system=piffy]) .items-start{align-items:flex-start}:where(.piffy,[data-system=piffy]) .justify-between{justify-content:space-between}:where(.piffy,[data-system=piffy]) .justify-center{justify-content:center}:where(.piffy,[data-system=piffy]) .justify-end{justify-content:flex-end}:where(.piffy,[data-system=piffy]) .justify-start{justify-content:flex-start}:where(.piffy,[data-system=piffy]) .justify-items-center{justify-items:center}:where(.piffy,[data-system=piffy]) .gap-0\.5{gap:2px}:where(.piffy,[data-system=piffy]) .gap-1{gap:4px}:where(.piffy,[data-system=piffy]) .gap-1\.5{gap:6px}:where(.piffy,[data-system=piffy]) .gap-1\.25{gap:5px}:where(.piffy,[data-system=piffy]) .gap-1\.75{gap:7px}:where(.piffy,[data-system=piffy]) .gap-2{gap:8px}:where(.piffy,[data-system=piffy]) .gap-2\.5{gap:10px}:where(.piffy,[data-system=piffy]) .gap-3{gap:12px}:where(.piffy,[data-system=piffy]) .gap-3\.5{gap:14px}:where(.piffy,[data-system=piffy]) .gap-4{gap:16px}:where(.piffy,[data-system=piffy]) .gap-4\.5{gap:18px}:where(.piffy,[data-system=piffy]) .gap-5{gap:20px}:where(.piffy,[data-system=piffy]) .gap-5\.5{gap:22px}:where(.piffy,[data-system=piffy]) .gap-6{gap:24px}:where(.piffy,[data-system=piffy]) .gap-7{gap:28px}:where(.piffy,[data-system=piffy]) .gap-8{gap:32px}:where(.piffy,[data-system=piffy]) .gap-10{gap:40px}:where(.piffy,[data-system=piffy]) .gap-12{gap:48px}:where(.piffy,[data-system=piffy]) .gap-\[9\%\]{gap:9%}:where(.piffy,[data-system=piffy]) .gap-x-4\.5{column-gap:18px}:where(.piffy,[data-system=piffy]) .gap-x-8{column-gap:32px}:where(.piffy,[data-system=piffy]) .gap-y-1{row-gap:4px}:where(.piffy,[data-system=piffy]) .self-center{align-self:center}:where(.piffy,[data-system=piffy]) .self-start{align-self:flex-start}:where(.piffy,[data-system=piffy]) .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.piffy,[data-system=piffy]) .overflow-auto{overflow:auto}:where(.piffy,[data-system=piffy]) .overflow-hidden{overflow:hidden}:where(.piffy,[data-system=piffy]) .overflow-visible{overflow:visible}:where(.piffy,[data-system=piffy]) .overflow-x-auto{overflow-x:auto}:where(.piffy,[data-system=piffy]) .rounded-bone{border-radius:var(--radius-bone)}:where(.piffy,[data-system=piffy]) .rounded-card{border-radius:var(--radius-card)}:where(.piffy,[data-system=piffy]) .rounded-cell{border-radius:var(--radius-cell)}:where(.piffy,[data-system=piffy]) .rounded-check{border-radius:var(--radius-check)}:where(.piffy,[data-system=piffy]) .rounded-composer{border-radius:var(--radius-composer)}:where(.piffy,[data-system=piffy]) .rounded-control{border-radius:var(--radius-control)}:where(.piffy,[data-system=piffy]) .rounded-full{border-radius:50%}:where(.piffy,[data-system=piffy]) .rounded-inner{border-radius:var(--radius-inner)}:where(.piffy,[data-system=piffy]) .rounded-item{border-radius:var(--radius-item)}:where(.piffy,[data-system=piffy]) .rounded-key{border-radius:var(--radius-key)}:where(.piffy,[data-system=piffy]) .rounded-mark{border-radius:var(--radius-mark)}:where(.piffy,[data-system=piffy]) .rounded-menu{border-radius:var(--radius-menu)}:where(.piffy,[data-system=piffy]) .rounded-notice{border-radius:var(--radius-notice)}:where(.piffy,[data-system=piffy]) .rounded-page{border-radius:var(--radius-page)}:where(.piffy,[data-system=piffy]) .rounded-pill{border-radius:var(--radius-pill)}:where(.piffy,[data-system=piffy]) .rounded-row{border-radius:var(--radius-row)}:where(.piffy,[data-system=piffy]) .rounded-tile{border-radius:var(--radius-tile)}:where(.piffy,[data-system=piffy]) .rounded-tool{border-radius:var(--radius-tool)}:where(.piffy,[data-system=piffy]) .rounded-tray{border-radius:var(--radius-tray)}:where(.piffy,[data-system=piffy]) .border{border-style:var(--tw-border-style);border-width:1px}:where(.piffy,[data-system=piffy]) .border-y{border-block-style:var(--tw-border-style);border-block-width:1px}:where(.piffy,[data-system=piffy]) .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:where(.piffy,[data-system=piffy]) .border-dashed{--tw-border-style:dashed;border-style:dashed}:where(.piffy,[data-system=piffy]) .border-card-rim{border-color:var(--card-rim)}:where(.piffy,[data-system=piffy]) .border-line{border-color:var(--line)}:where(.piffy,[data-system=piffy]) .border-tray-rim{border-color:var(--tray-rim)}:where(.piffy,[data-system=piffy]) .track{background-color:var(--tray);box-shadow:var(--shadow-track)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-black\){background-color:var(--swatch-black)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-blue\){background-color:var(--swatch-blue)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-cream\){background-color:var(--swatch-cream)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-green\){background-color:var(--swatch-green)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-grey\){background-color:var(--swatch-grey)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-mint\){background-color:var(--swatch-mint)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-mint-paper\){background-color:var(--swatch-mint-paper)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-pink\){background-color:var(--swatch-pink)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-pink-paper\){background-color:var(--swatch-pink-paper)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-red\){background-color:var(--swatch-red)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-sky\){background-color:var(--swatch-sky)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-sky-paper\){background-color:var(--swatch-sky-paper)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-white\){background-color:var(--swatch-white)}:where(.piffy,[data-system=piffy]) .bg-\(--swatch-yellow\){background-color:var(--swatch-yellow)}:where(.piffy,[data-system=piffy]) .bg-bad{background-color:var(--bad)}:where(.piffy,[data-system=piffy]) .bg-bad-bg{background-color:var(--bad-bg)}:where(.piffy,[data-system=piffy]) .bg-bg{background-color:var(--bg)}:where(.piffy,[data-system=piffy]) .bg-brand{background-color:var(--brand)}:where(.piffy,[data-system=piffy]) .bg-brand-tint{background-color:var(--brand-tint)}:where(.piffy,[data-system=piffy]) .bg-fill{background-color:var(--fill)}:where(.piffy,[data-system=piffy]) .bg-fill-2{background-color:var(--fill-2)}:where(.piffy,[data-system=piffy]) .bg-ink{background-color:var(--ink)}:where(.piffy,[data-system=piffy]) .bg-knob{background-color:var(--knob)}:where(.piffy,[data-system=piffy]) .bg-line{background-color:var(--line)}:where(.piffy,[data-system=piffy]) .bg-mark{background-color:var(--mark)}:where(.piffy,[data-system=piffy]) .bg-ok{background-color:var(--ok)}:where(.piffy,[data-system=piffy]) .bg-ok-bg{background-color:var(--ok-bg)}:where(.piffy,[data-system=piffy]) .bg-on-brand{background-color:var(--on-brand)}:where(.piffy,[data-system=piffy]) .bg-page-field{background-color:var(--page-field)}:where(.piffy,[data-system=piffy]) .bg-page-paper{background-color:var(--page-paper)}:where(.piffy,[data-system=piffy]) .bg-scrim{background-color:var(--scrim)}:where(.piffy,[data-system=piffy]) .bg-sweep{background-color:var(--sweep)}:where(.piffy,[data-system=piffy]) .bg-sweep-strong{background-color:var(--sweep-strong)}:where(.piffy,[data-system=piffy]) .bg-t-amber-bg{background-color:var(--t-amber-bg)}:where(.piffy,[data-system=piffy]) .bg-t-blue-bg{background-color:var(--t-blue-bg)}:where(.piffy,[data-system=piffy]) .bg-t-cyan-bg{background-color:var(--t-cyan-bg)}:where(.piffy,[data-system=piffy]) .bg-t-green-bg{background-color:var(--t-green-bg)}:where(.piffy,[data-system=piffy]) .bg-t-indigo-bg{background-color:var(--t-indigo-bg)}:where(.piffy,[data-system=piffy]) .bg-t-orange-bg{background-color:var(--t-orange-bg)}:where(.piffy,[data-system=piffy]) .bg-t-pink-bg{background-color:var(--t-pink-bg)}:where(.piffy,[data-system=piffy]) .bg-t-red-bg{background-color:var(--t-red-bg)}:where(.piffy,[data-system=piffy]) .bg-t-violet-bg{background-color:var(--t-violet-bg)}:where(.piffy,[data-system=piffy]) .bg-transparent{background-color:#0000}:where(.piffy,[data-system=piffy]) .bg-tray{background-color:var(--tray)}:where(.piffy,[data-system=piffy]) .keycap{background-image:var(--keycap);box-shadow:var(--shadow-keycap);color:var(--on-brand)}:where(.piffy,[data-system=piffy]) .keycap:hover:not(:disabled,[data-disabled]){background-image:var(--keycap-hover)}:where(.piffy,[data-system=piffy]) .keycap-2{background-image:var(--keycap-2);box-shadow:var(--shadow-keycap-2);color:var(--ink)}:where(.piffy,[data-system=piffy]) .keycap-2:hover:not(:disabled,[data-disabled]){background-image:var(--keycap-2-hover)}:where(.piffy,[data-system=piffy]) .bg-\(image\:--keycap\){background-image:var(--keycap)}:where(.piffy,[data-system=piffy]) .fill-\(--swatch-black\){fill:var(--swatch-black)}:where(.piffy,[data-system=piffy]) .fill-\(--swatch-blue\){fill:var(--swatch-blue)}:where(.piffy,[data-system=piffy]) .fill-\(--swatch-green\){fill:var(--swatch-green)}:where(.piffy,[data-system=piffy]) .fill-\(--swatch-grey\){fill:var(--swatch-grey)}:where(.piffy,[data-system=piffy]) .fill-\(--swatch-red\){fill:var(--swatch-red)}:where(.piffy,[data-system=piffy]) .fill-\(--swatch-white\){fill:var(--swatch-white)}:where(.piffy,[data-system=piffy]) .fill-bg{fill:var(--bg)}:where(.piffy,[data-system=piffy]) .fill-brand\/10{fill:var(--brand)}@supports (color:color-mix(in lab, red, red)){:where(.piffy,[data-system=piffy]) .fill-brand\/10{fill:color-mix(in oklab, var(--brand) 10%, transparent)}}:where(.piffy,[data-system=piffy]) .fill-fill{fill:var(--fill)}:where(.piffy,[data-system=piffy]) .fill-page-ink{fill:var(--page-ink)}:where(.piffy,[data-system=piffy]) .fill-page-paper{fill:var(--page-paper)}:where(.piffy,[data-system=piffy]) .stroke-brand{stroke:var(--brand)}:where(.piffy,[data-system=piffy]) .stroke-ok{stroke:var(--ok)}:where(.piffy,[data-system=piffy]) .stroke-rule{stroke:var(--rule)}:where(.piffy,[data-system=piffy]) .object-contain{object-fit:contain}:where(.piffy,[data-system=piffy]) .object-cover{object-fit:cover}:where(.piffy,[data-system=piffy]) .object-top{object-position:top}:where(.piffy,[data-system=piffy]) .p-0{padding:0}:where(.piffy,[data-system=piffy]) .p-0\.5{padding:2px}:where(.piffy,[data-system=piffy]) .p-0\.75{padding:3px}:where(.piffy,[data-system=piffy]) .p-1{padding:4px}:where(.piffy,[data-system=piffy]) .p-1\.5{padding:6px}:where(.piffy,[data-system=piffy]) .p-2{padding:8px}:where(.piffy,[data-system=piffy]) .p-3{padding:12px}:where(.piffy,[data-system=piffy]) .p-4{padding:16px}:where(.piffy,[data-system=piffy]) .p-5{padding:20px}:where(.piffy,[data-system=piffy]) .p-5\.5{padding:22px}:where(.piffy,[data-system=piffy]) .px-0{padding-inline:0}:where(.piffy,[data-system=piffy]) .px-0\.5{padding-inline:2px}:where(.piffy,[data-system=piffy]) .px-1{padding-inline:4px}:where(.piffy,[data-system=piffy]) .px-1\.5{padding-inline:6px}:where(.piffy,[data-system=piffy]) .px-2{padding-inline:8px}:where(.piffy,[data-system=piffy]) .px-2\.5{padding-inline:10px}:where(.piffy,[data-system=piffy]) .px-3{padding-inline:12px}:where(.piffy,[data-system=piffy]) .px-3\.5{padding-inline:14px}:where(.piffy,[data-system=piffy]) .px-4{padding-inline:16px}:where(.piffy,[data-system=piffy]) .px-4\.5{padding-inline:18px}:where(.piffy,[data-system=piffy]) .px-5{padding-inline:20px}:where(.piffy,[data-system=piffy]) .px-5\.5{padding-inline:22px}:where(.piffy,[data-system=piffy]) .px-6{padding-inline:24px}:where(.piffy,[data-system=piffy]) .py-0\.5{padding-block:2px}:where(.piffy,[data-system=piffy]) .py-1{padding-block:4px}:where(.piffy,[data-system=piffy]) .py-1\.5{padding-block:6px}:where(.piffy,[data-system=piffy]) .py-1\.25{padding-block:5px}:where(.piffy,[data-system=piffy]) .py-2{padding-block:8px}:where(.piffy,[data-system=piffy]) .py-2\.5{padding-block:10px}:where(.piffy,[data-system=piffy]) .py-3{padding-block:12px}:where(.piffy,[data-system=piffy]) .py-3\.5{padding-block:14px}:where(.piffy,[data-system=piffy]) .py-3\.25{padding-block:13px}:where(.piffy,[data-system=piffy]) .py-4{padding-block:16px}:where(.piffy,[data-system=piffy]) .py-5{padding-block:20px}:where(.piffy,[data-system=piffy]) .py-8{padding-block:32px}:where(.piffy,[data-system=piffy]) .ps-1{padding-inline-start:4px}:where(.piffy,[data-system=piffy]) .ps-3{padding-inline-start:12px}:where(.piffy,[data-system=piffy]) .ps-3\.5{padding-inline-start:14px}:where(.piffy,[data-system=piffy]) .ps-4{padding-inline-start:16px}:where(.piffy,[data-system=piffy]) .ps-4\.5{padding-inline-start:18px}:where(.piffy,[data-system=piffy]) .ps-5{padding-inline-start:20px}:where(.piffy,[data-system=piffy]) .ps-11{padding-inline-start:44px}:where(.piffy,[data-system=piffy]) .pe-2\.5{padding-inline-end:10px}:where(.piffy,[data-system=piffy]) .pe-3\.5{padding-inline-end:14px}:where(.piffy,[data-system=piffy]) .pe-4\.5{padding-inline-end:18px}:where(.piffy,[data-system=piffy]) .pe-13{padding-inline-end:52px}:where(.piffy,[data-system=piffy]) .pe-15{padding-inline-end:60px}:where(.piffy,[data-system=piffy]) .pt-0\.5{padding-top:2px}:where(.piffy,[data-system=piffy]) .pt-1{padding-top:4px}:where(.piffy,[data-system=piffy]) .pt-1\.5{padding-top:6px}:where(.piffy,[data-system=piffy]) .pt-2{padding-top:8px}:where(.piffy,[data-system=piffy]) .pt-3{padding-top:12px}:where(.piffy,[data-system=piffy]) .pt-3\.5{padding-top:14px}:where(.piffy,[data-system=piffy]) .pt-4{padding-top:16px}:where(.piffy,[data-system=piffy]) .pt-5{padding-top:20px}:where(.piffy,[data-system=piffy]) .pt-6{padding-top:24px}:where(.piffy,[data-system=piffy]) .pt-7{padding-top:28px}:where(.piffy,[data-system=piffy]) .pt-\[max\(--spacing\(3\)\,12dvh\)\]{padding-top:max(12px,12dvh)}:where(.piffy,[data-system=piffy]) .pr-3{padding-right:12px}:where(.piffy,[data-system=piffy]) .pb-1{padding-bottom:4px}:where(.piffy,[data-system=piffy]) .pb-1\.5{padding-bottom:6px}:where(.piffy,[data-system=piffy]) .pb-2{padding-bottom:8px}:where(.piffy,[data-system=piffy]) .pb-2\.5{padding-bottom:10px}:where(.piffy,[data-system=piffy]) .pb-3{padding-bottom:12px}:where(.piffy,[data-system=piffy]) .pb-3\.5{padding-bottom:14px}:where(.piffy,[data-system=piffy]) .pb-4{padding-bottom:16px}:where(.piffy,[data-system=piffy]) .pb-10{padding-bottom:40px}:where(.piffy,[data-system=piffy]) .pb-30{padding-bottom:120px}:where(.piffy,[data-system=piffy]) .pl-1{padding-left:4px}:where(.piffy,[data-system=piffy]) .pl-2\.5{padding-left:10px}:where(.piffy,[data-system=piffy]) .text-center{text-align:center}:where(.piffy,[data-system=piffy]) .text-end{text-align:end}:where(.piffy,[data-system=piffy]) .text-left{text-align:left}:where(.piffy,[data-system=piffy]) .text-start{text-align:start}:where(.piffy,[data-system=piffy]) .type-display{font-family:var(--font-sans);font-size:var(--type-display-size);line-height:var(--type-display-leading);font-weight:var(--tw-font-weight,var(--type-display-weight));letter-spacing:var(--tracking-display)}:where(.piffy,[data-system=piffy]) .type-heading{font-family:var(--font-sans);font-size:var(--type-heading-size);line-height:var(--type-heading-leading);font-weight:var(--tw-font-weight,var(--type-heading-weight));letter-spacing:var(--tracking-heading)}:where(.piffy,[data-system=piffy]) .type-overlay{font-family:var(--font-sans);font-size:var(--type-overlay-size);line-height:var(--type-overlay-leading);font-weight:var(--tw-font-weight,var(--type-overlay-weight));letter-spacing:var(--tracking-title)}:where(.piffy,[data-system=piffy]) .type-section{font-family:var(--font-sans);font-size:var(--type-section-size);line-height:var(--type-section-leading);font-weight:var(--tw-font-weight,var(--type-section-weight));letter-spacing:var(--tracking-section)}:where(.piffy,[data-system=piffy]) .type-statement{font-family:var(--font-sans);font-size:var(--type-statement-size);line-height:var(--type-statement-leading);font-weight:var(--tw-font-weight,var(--type-statement-weight));letter-spacing:var(--tracking-heading)}:where(.piffy,[data-system=piffy]) .type-subhead{font-family:var(--font-sans);font-size:var(--type-subhead-size);line-height:var(--type-subhead-leading);font-weight:var(--tw-font-weight,var(--type-subhead-weight));letter-spacing:var(--tracking-heading)}:where(.piffy,[data-system=piffy]) .type-title{font-family:var(--font-sans);font-size:var(--type-title-size);line-height:var(--type-title-leading);font-weight:var(--tw-font-weight,var(--type-title-weight));letter-spacing:var(--tracking-title)}:where(.piffy,[data-system=piffy]) .type-body{font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-leading);font-weight:var(--tw-font-weight,var(--type-body-weight))}:where(.piffy,[data-system=piffy]) .type-caption{font-family:var(--font-sans);font-size:var(--type-caption-size);line-height:var(--type-caption-leading);font-weight:var(--tw-font-weight,var(--type-caption-weight))}:where(.piffy,[data-system=piffy]) .type-field{font-family:var(--font-sans);font-size:var(--type-field-size);line-height:var(--type-field-leading);font-weight:var(--tw-font-weight,var(--type-field-weight))}:where(.piffy,[data-system=piffy]) .type-key{font-family:var(--font-sans);font-size:var(--type-key-size);line-height:var(--type-key-leading);font-weight:var(--tw-font-weight,var(--type-key-weight))}:where(.piffy,[data-system=piffy]) .type-label{font-family:var(--font-sans);font-size:var(--type-label-size);line-height:var(--type-label-leading);font-weight:var(--tw-font-weight,var(--type-label-weight))}:where(.piffy,[data-system=piffy]) .type-micro{font-family:var(--font-sans);font-size:var(--type-micro-size);line-height:var(--type-micro-leading);font-weight:var(--tw-font-weight,var(--type-micro-weight))}:where(.piffy,[data-system=piffy]) .type-script-dancing{font-family:var(--font-script-dancing);font-size:var(--type-script-size);line-height:var(--type-script-leading);font-weight:400}:where(.piffy,[data-system=piffy]) .type-script-sacramento{font-family:var(--font-script-sacramento);font-size:var(--type-script-size);line-height:var(--type-script-leading);font-weight:400}:where(.piffy,[data-system=piffy]) .type-small{font-family:var(--font-sans);font-size:var(--type-small-size);line-height:var(--type-small-leading);font-weight:var(--tw-font-weight,var(--type-small-weight))}:where(.piffy,[data-system=piffy]) .leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}:where(.piffy,[data-system=piffy]) .leading-none{--tw-leading:1;line-height:1}:where(.piffy,[data-system=piffy]) .font-medium{--tw-font-weight:var(--weight-medium);font-weight:var(--weight-medium)}:where(.piffy,[data-system=piffy]) .font-semibold{--tw-font-weight:var(--weight-semibold);font-weight:var(--weight-semibold)}:where(.piffy,[data-system=piffy]) .tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}:where(.piffy,[data-system=piffy]) .wrap-anywhere{overflow-wrap:anywhere}:where(.piffy,[data-system=piffy]) .whitespace-nowrap{white-space:nowrap}:where(.piffy,[data-system=piffy]) .text-bad{color:var(--bad)}:where(.piffy,[data-system=piffy]) .text-bg{color:var(--bg)}:where(.piffy,[data-system=piffy]) .text-brand{color:var(--brand)}:where(.piffy,[data-system=piffy]) .text-brand-fg{color:var(--brand-fg)}:where(.piffy,[data-system=piffy]) .text-fg-2{color:var(--fg-2)}:where(.piffy,[data-system=piffy]) .text-fg-3{color:var(--fg-3)}:where(.piffy,[data-system=piffy]) .text-ink{color:var(--ink)}:where(.piffy,[data-system=piffy]) .text-ok{color:var(--ok)}:where(.piffy,[data-system=piffy]) .text-on-brand{color:var(--on-brand)}:where(.piffy,[data-system=piffy]) .text-on-ink{color:var(--on-ink)}:where(.piffy,[data-system=piffy]) .text-page-ink{color:var(--page-ink)}:where(.piffy,[data-system=piffy]) .text-t-amber{color:var(--t-amber)}:where(.piffy,[data-system=piffy]) .text-t-blue{color:var(--t-blue)}:where(.piffy,[data-system=piffy]) .text-t-cyan{color:var(--t-cyan)}:where(.piffy,[data-system=piffy]) .text-t-green{color:var(--t-green)}:where(.piffy,[data-system=piffy]) .text-t-indigo{color:var(--t-indigo)}:where(.piffy,[data-system=piffy]) .text-t-orange{color:var(--t-orange)}:where(.piffy,[data-system=piffy]) .text-t-pink{color:var(--t-pink)}:where(.piffy,[data-system=piffy]) .text-t-red{color:var(--t-red)}:where(.piffy,[data-system=piffy]) .text-t-violet{color:var(--t-violet)}:where(.piffy,[data-system=piffy]) .uppercase{text-transform:uppercase}:where(.piffy,[data-system=piffy]) .italic{font-style:italic}:where(.piffy,[data-system=piffy]) .tabular{font-variant-numeric:tabular-nums}:where(.piffy,[data-system=piffy]) .line-through{text-decoration-line:line-through}:where(.piffy,[data-system=piffy]) .underline{text-decoration-line:underline}:where(.piffy,[data-system=piffy]) .decoration-fg-3{-webkit-text-decoration-color:var(--fg-3);-webkit-text-decoration-color:var(--fg-3);-webkit-text-decoration-color:var(--fg-3);text-decoration-color:var(--fg-3)}:where(.piffy,[data-system=piffy]) .decoration-transparent{text-decoration-color:#0000}:where(.piffy,[data-system=piffy]) .decoration-\(length\:--underline\){text-decoration-thickness:var(--underline)}:where(.piffy,[data-system=piffy]) .underline-offset-\(--underline-offset\){text-underline-offset:var(--underline-offset)}:where(.piffy,[data-system=piffy]) .underline-offset-4{text-underline-offset:4px}:where(.piffy,[data-system=piffy]) .settle-fade{transition-property:opacity;transition-duration:var(--dur-3);transition-timing-function:var(--ease)}:where(.piffy,[data-system=piffy]) .settle-fade:is([data-starting-style],[data-ending-style]){opacity:0}:where(.piffy,[data-system=piffy]) .opacity-\(--dim\){opacity:var(--dim)}:where(.piffy,[data-system=piffy]) .opacity-\(--ghost\){opacity:var(--ghost)}:where(.piffy,[data-system=piffy]) .opacity-\(--hush\){opacity:var(--hush)}:where(.piffy,[data-system=piffy]) .opacity-\(--muted\){opacity:var(--muted)}:where(.piffy,[data-system=piffy]) .opacity-\(--soft\){opacity:var(--soft)}:where(.piffy,[data-system=piffy]) .opacity-0{opacity:0}:where(.piffy,[data-system=piffy]) .opacity-100{opacity:1}:where(.piffy,[data-system=piffy]) .mix-blend-multiply{mix-blend-mode:multiply}:where(.piffy,[data-system=piffy]) .shadow-\[0_0_0_var\(--hairline\)_var\(--line\)\]{--tw-shadow:0 0 0 var(--hairline) var(--line);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[0_0_0_var\(--ring\)_var\(--bg\)\]{--tw-shadow:0 0 0 var(--ring) var(--bg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[0_0_0_var\(--ring\)_var\(--brand\)\]{--tw-shadow:0 0 0 var(--ring) var(--brand);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[inset_0_0_0_var\(--hairline\)_var\(--line\)\]{--tw-shadow:inset 0 0 0 var(--hairline) var(--line);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[inset_0_0_0_var\(--hairline\)_var\(--page-field-rim\)\]{--tw-shadow:inset 0 0 0 var(--hairline) var(--page-field-rim);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[inset_0_0_0_var\(--hairline\)_var\(--rule\)\]{--tw-shadow:inset 0 0 0 var(--hairline) var(--rule);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[inset_0_0_0_var\(--hairline\)_var\(--swatch-rim\)\]{--tw-shadow:inset 0 0 0 var(--hairline) var(--swatch-rim);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[inset_0_0_0_var\(--radio-ring\)_var\(--brand\)\]{--tw-shadow:inset 0 0 0 var(--radio-ring) var(--brand);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[inset_0_0_0_var\(--radio-ring\)_var\(--page-field-rim\)\]{--tw-shadow:inset 0 0 0 var(--radio-ring) var(--page-field-rim);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-\[inset_0_0_0_var\(--radio-ring\)_var\(--tray-rim\)\]{--tw-shadow:inset 0 0 0 var(--radio-ring) var(--tray-rim);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-card{--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-keycap{--tw-shadow:var(--shadow-keycap);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-knob{--tw-shadow:var(--shadow-knob);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-lift{--tw-shadow:var(--shadow-lift);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .shadow-tray{--tw-shadow:var(--shadow-tray);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .ring-bg{--tw-ring-color:var(--bg)}:where(.piffy,[data-system=piffy]) .outline,:where(.piffy,[data-system=piffy]) .outline-1{outline-style:var(--tw-outline-style);outline-width:1px}:where(.piffy,[data-system=piffy]) .outline-2{outline-style:var(--tw-outline-style);outline-width:2px}:where(.piffy,[data-system=piffy]) .outline-offset-2{outline-offset:2px}:where(.piffy,[data-system=piffy]) .outline-brand{outline-color:var(--brand)}:where(.piffy,[data-system=piffy]) .outline-transparent{outline-color:#0000}:where(.piffy,[data-system=piffy]) .blur-\(--blur-veil\){--tw-blur:blur(var(--blur-veil));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:where(.piffy,[data-system=piffy]) .\!grayscale{--tw-grayscale:grayscale(100%)!important;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}:where(.piffy,[data-system=piffy]) .grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:where(.piffy,[data-system=piffy]) .filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:where(.piffy,[data-system=piffy]) .backdrop-blur-\(--blur-scrim\){--tw-backdrop-blur:blur(var(--blur-scrim));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}:where(.piffy,[data-system=piffy]) .transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-\[color\,text-decoration-color\]{transition-property:color,text-decoration-color;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-\[outline-color\]{transition-property:outline-color;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-\[text-decoration-color\]{transition-property:text-decoration-color;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-\[transform\,background-color\]{transition-property:transform,background-color;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:where(.piffy,[data-system=piffy]) .duration-\(--dur-1\){--tw-duration:var(--dur-1);transition-duration:var(--dur-1)}:where(.piffy,[data-system=piffy]) .duration-\(--dur-2\){--tw-duration:var(--dur-2);transition-duration:var(--dur-2)}:where(.piffy,[data-system=piffy]) .duration-\(--dur-3\){--tw-duration:var(--dur-3);transition-duration:var(--dur-3)}:where(.piffy,[data-system=piffy]) .ease-settle{--tw-ease:var(--ease);transition-timing-function:var(--ease)}:where(.piffy,[data-system=piffy]) .hairline{border-top:var(--scribble-h) solid transparent;border-image:var(--scribble) 4 0 0 0 / var(--scribble-h) 0 0 0 / 0 repeat}:where(.piffy,[data-system=piffy]) .outline-dashed{--tw-outline-style:dashed;outline-style:dashed}:where(.piffy,[data-system=piffy]) .outline-none{--tw-outline-style:none;outline-style:none}:where(.piffy,[data-system=piffy]) .select-none{-webkit-user-select:none;user-select:none}:where(.piffy,[data-system=piffy]) .\[-webkit-touch-callout\:none\]{-webkit-touch-callout:none}:where(.piffy,[data-system=piffy]) .\[contain-intrinsic-size\:auto_--spacing\(20\)\]{contain-intrinsic-size:auto calc(4px * 20)}:where(.piffy,[data-system=piffy]) .\[contain-intrinsic-size\:auto_--spacing\(44\)\]{contain-intrinsic-size:auto calc(4px * 44)}:where(.piffy,[data-system=piffy]) .\[content-visibility\:auto\]{content-visibility:auto}:where(.piffy,[data-system=piffy]) .\[grid-area\:1\/1\]{grid-area:1/1}:is(:where(.piffy,[data-system=piffy]) .\*\:size-full>*){width:100%;height:100%}:is(:where(.piffy,[data-system=piffy]) .\*\:opacity-0>*){opacity:0}:where(.piffy,[data-system=piffy]) .not-empty\:block:not(:empty){display:block}:where(.piffy,[data-system=piffy]) .group-focus-within\/search\:scale-x-100:is(:where(.group\/search):focus-within *){--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (hover:hover){:where(.piffy,[data-system=piffy]) .group-hover\/choice\:text-ink:is(:where(.group\/choice):hover *),:where(.piffy,[data-system=piffy]) .group-hover\/pick\:text-ink:is(:where(.group\/pick):hover *),:where(.piffy,[data-system=piffy]) .group-hover\/row\:text-ink:is(:where(.group\/row):hover *),:where(.piffy,[data-system=piffy]) .group-hover\/search\:text-ink:is(:where(.group\/search):hover *){color:var(--ink)}}:where(.piffy,[data-system=piffy]) .group-data-active\/tab\:scale-x-100:is(:where(.group\/tab)[data-active] *){--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.piffy,[data-system=piffy]) .group-data-checked\/choice\:text-ink:is(:where(.group\/choice)[data-checked] *){color:var(--ink)}:where(.piffy,[data-system=piffy]) .group-data-checked\/pos\:scale-110:is(:where(.group\/pos)[data-checked] *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.piffy,[data-system=piffy]) .group-data-checked\/pos\:bg-\(image\:--keycap\):is(:where(.group\/pos)[data-checked] *){background-image:var(--keycap)}:where(.piffy,[data-system=piffy]) .group-data-checked\/pos\:shadow-\[0_0_0_var\(--pos-ring\)_var\(--fill\)\,0_0_0_calc\(var\(--pos-ring\)\+var\(--hairline\)\)_var\(--ink\)\]:is(:where(.group\/pos)[data-checked] *){--tw-shadow:0 0 0 var(--pos-ring) var(--fill), 0 0 0 calc(var(--pos-ring) + var(--hairline)) var(--tw-shadow-color,var(--ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .group-data-checked\/swatch\:shadow-\[inset_0_0_0_var\(--hairline\)_var\(--swatch-rim\)\,0_0_0_var\(--ring-offset\)_var\(--bg\)\,0_0_0_calc\(var\(--ring-offset\)\+var\(--ring\)\)_var\(--brand\)\]:is(:where(.group\/swatch)[data-checked] *){--tw-shadow:inset 0 0 0 var(--hairline) var(--swatch-rim), 0 0 0 var(--ring-offset) var(--bg), 0 0 0 calc(var(--ring-offset) + var(--ring)) var(--tw-shadow-color,var(--brand));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .group-data-highlighted\/command\:text-ink:is(:where(.group\/command)[data-highlighted] *){color:var(--ink)}:where(.piffy,[data-system=piffy]) .group-data-highlighted\/command\:opacity-100:is(:where(.group\/command)[data-highlighted] *){opacity:1}:where(.piffy,[data-system=piffy]) .group-data-over\/drop\:decoration-ink:is(:where(.group\/drop)[data-over] *){-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}:where(.piffy,[data-system=piffy]) .group-data-panel-open\/disclosure\:rotate-180:is(:where(.group\/disclosure)[data-panel-open] *),:where(.piffy,[data-system=piffy]) .group-data-popup-open\/select\:rotate-180:is(:where(.group\/select)[data-popup-open] *){rotate:180deg}:where(.piffy,[data-system=piffy]) .placeholder\:text-fg-3::placeholder{color:var(--fg-3)}:where(.piffy,[data-system=piffy]) .before\:absolute:before{content:var(--tw-content);position:absolute}:where(.piffy,[data-system=piffy]) .before\:inset-x-3:before{content:var(--tw-content);inset-inline:12px}:where(.piffy,[data-system=piffy]) .before\:top-0:before{content:var(--tw-content);top:0}:where(.piffy,[data-system=piffy]) .before\:h-\(--scribble-h\):before{content:var(--tw-content);height:var(--scribble-h)}:where(.piffy,[data-system=piffy]) .before\:bg-\(image\:--scribble\):before{content:var(--tw-content);background-image:var(--scribble)}:where(.piffy,[data-system=piffy]) .before\:bg-size-\[240px_var\(--scribble-h\)\]:before{content:var(--tw-content);background-size:240px var(--scribble-h)}:where(.piffy,[data-system=piffy]) .before\:bg-repeat-x:before{content:var(--tw-content);background-repeat:repeat-x}:where(.piffy,[data-system=piffy]) .after\:absolute:after{content:var(--tw-content);position:absolute}:where(.piffy,[data-system=piffy]) .after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}:where(.piffy,[data-system=piffy]) .after\:-bottom-1\.5:after{content:var(--tw-content);bottom:-6px}:where(.piffy,[data-system=piffy]) .after\:h-1\.5:after{content:var(--tw-content);height:6px}:where(.piffy,[data-system=piffy]) .after\:bg-\(image\:--scribble\):after{content:var(--tw-content);background-image:var(--scribble)}:where(.piffy,[data-system=piffy]) .after\:bg-size-\[360px_--spacing\(1\.5\)\]:after{content:var(--tw-content);background-size:360px 6px}:where(.piffy,[data-system=piffy]) .after\:bg-repeat-x:after{content:var(--tw-content);background-repeat:repeat-x}@media (hover:hover){:where(.piffy,[data-system=piffy]) .hover\:bg-fill:hover{background-color:var(--fill)}:where(.piffy,[data-system=piffy]) .hover\:bg-fill-2:hover{background-color:var(--fill-2)}:where(.piffy,[data-system=piffy]) .hover\:bg-knob:hover{background-color:var(--knob)}:where(.piffy,[data-system=piffy]) .hover\:bg-\(image\:--keycap-hover\):hover{background-image:var(--keycap-hover)}:where(.piffy,[data-system=piffy]) .hover\:text-bad:hover{color:var(--bad)}:where(.piffy,[data-system=piffy]) .hover\:text-brand-fg:hover{color:var(--brand-fg)}:where(.piffy,[data-system=piffy]) .hover\:text-fg-2:hover{color:var(--fg-2)}:where(.piffy,[data-system=piffy]) .hover\:text-ink:hover{color:var(--ink)}:where(.piffy,[data-system=piffy]) .hover\:text-on-brand:hover{color:var(--on-brand)}:where(.piffy,[data-system=piffy]) .hover\:underline:hover{text-decoration-line:underline}:where(.piffy,[data-system=piffy]) .hover\:decoration-ink:hover{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}:where(.piffy,[data-system=piffy]) .hover\:opacity-\(--soft\):hover{opacity:var(--soft)}:where(.piffy,[data-system=piffy]) .hover\:opacity-70:hover{opacity:.7}:where(.piffy,[data-system=piffy]) .hover\:shadow-\[0_0_0_var\(--hairline\)_var\(--fg-3\)\]:hover{--tw-shadow:0 0 0 var(--hairline) var(--fg-3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .hover\:outline-rule:hover{outline-color:var(--rule)}:where(.piffy,[data-system=piffy]) .hover\:brightness-96:hover{--tw-brightness:brightness(96%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:where(.piffy,[data-system=piffy]) .focus-visible\:shadow-\[0_0_0_var\(--ring\)_var\(--brand\)\]:focus-visible{--tw-shadow:0 0 0 var(--ring) var(--brand);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .active\:cursor-grabbing:active{cursor:grabbing}:where(.piffy,[data-system=piffy]) .disabled\:cursor-default:disabled{cursor:default}:where(.piffy,[data-system=piffy]) .disabled\:opacity-\(--faint\):disabled{opacity:var(--faint)}:where(.piffy,[data-system=piffy]) .disabled\:opacity-\(--soft\):disabled{opacity:var(--soft)}:where(.piffy,[data-system=piffy]) .disabled\:opacity-40:disabled{opacity:.4}@media (hover:hover){:where(.piffy,[data-system=piffy]) .disabled\:hover\:bg-knob:disabled:hover{background-color:var(--knob)}:where(.piffy,[data-system=piffy]) .disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}:where(.piffy,[data-system=piffy]) .aria-busy\:opacity-100[aria-busy=true]{opacity:1}:where(.piffy,[data-system=piffy]) .aria-disabled\:opacity-\(--faint\)[aria-disabled=true]{opacity:var(--faint)}@media (hover:hover){:where(.piffy,[data-system=piffy]) .aria-disabled\:hover\:bg-transparent[aria-disabled=true]:hover{background-color:#0000}}:where(.piffy,[data-system=piffy]) .data-active\:text-ink[data-active]{color:var(--ink)}:where(.piffy,[data-system=piffy]) .data-checked\:translate-x-4\.5[data-checked]{--tw-translate-x:calc(4px * 4.5);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.piffy,[data-system=piffy]) .data-checked\:bg-knob[data-checked]{background-color:var(--knob)}:where(.piffy,[data-system=piffy]) .data-checked\:bg-\(image\:--keycap\)[data-checked]{background-image:var(--keycap)}:where(.piffy,[data-system=piffy]) .data-checked\:opacity-100[data-checked]{opacity:1}:where(.piffy,[data-system=piffy]) .data-checked\:shadow-\[inset_0_0_0_var\(--radio-dot\)_var\(--brand\)\][data-checked]{--tw-shadow:inset 0 0 0 var(--radio-dot) var(--brand);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .data-checked\:shadow-keycap[data-checked]{--tw-shadow:var(--shadow-keycap);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .data-checked\:shadow-knob[data-checked]{--tw-shadow:var(--shadow-knob);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .data-disabled\:opacity-\(--muted\)[data-disabled]{opacity:var(--muted)}:where(.piffy,[data-system=piffy]) .data-disabled\:opacity-40[data-disabled]{opacity:.4}:where(.piffy,[data-system=piffy]) .data-empty\:p-0[data-empty]{padding:0}:where(.piffy,[data-system=piffy]) .data-highlighted\:bg-fill-2[data-highlighted]{background-color:var(--fill-2)}:where(.piffy,[data-system=piffy]) .data-highlighted\:shadow-\[inset_0_0_0_var\(--hairline\)_var\(--rule\)\][data-highlighted]{--tw-shadow:inset 0 0 0 var(--hairline) var(--rule);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .data-over\:scale-105[data-over]{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.piffy,[data-system=piffy]) .data-over\:bg-brand-tint[data-over]{background-color:var(--brand-tint)}:where(.piffy,[data-system=piffy]) .data-popup-open\:border-brand[data-popup-open]{border-color:var(--brand)}:where(.piffy,[data-system=piffy]) .data-popup-open\:bg-fill-2[data-popup-open]{background-color:var(--fill-2)}:where(.piffy,[data-system=piffy]) .data-popup-open\:shadow-\(--shadow-field-focus\)[data-popup-open]{--tw-shadow:var(--shadow-field-focus);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .data-popup-open\:shadow-\[inset_0_0_0_var\(--hairline\)_var\(--rule\)\][data-popup-open]{--tw-shadow:inset 0 0 0 var(--hairline) var(--rule);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .data-pressed\:bg-knob[data-pressed]{background-color:var(--knob)}:where(.piffy,[data-system=piffy]) .data-pressed\:text-ink[data-pressed]{color:var(--ink)}:where(.piffy,[data-system=piffy]) .data-pressed\:shadow-knob[data-pressed]{--tw-shadow:var(--shadow-knob);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.piffy,[data-system=piffy]) .data-\[popup-open\]\:bg-fill-2[data-popup-open]{background-color:var(--fill-2)}@media not all and (width>=768px){:where(.piffy,[data-system=piffy]) .max-md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.piffy,[data-system=piffy]) .max-md\:hidden{display:none}:where(.piffy,[data-system=piffy]) .max-md\:w-\(--control-sm\){width:var(--control-sm)}}@media (width>=640px){:where(.piffy,[data-system=piffy]) .sm\:bottom-8{bottom:32px}:where(.piffy,[data-system=piffy]) .sm\:col-start-auto{grid-column-start:auto}:where(.piffy,[data-system=piffy]) .sm\:mx-0{margin-inline:0}:where(.piffy,[data-system=piffy]) .sm\:grid-cols-\[--spacing\(7\)_--spacing\(6\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:28px 24px minmax(0,1fr) auto}:where(.piffy,[data-system=piffy]) .sm\:px-0{padding-inline:0}}@media (width>=768px){:where(.piffy,[data-system=piffy]) .md\:col-span-1{grid-column:span 1/span 1}:where(.piffy,[data-system=piffy]) .md\:block{display:block}:where(.piffy,[data-system=piffy]) .md\:flex{display:flex}:where(.piffy,[data-system=piffy]) .md\:grid{display:grid}:where(.piffy,[data-system=piffy]) .md\:hidden{display:none}:where(.piffy,[data-system=piffy]) .md\:auto-cols-fr{grid-auto-columns:minmax(0,1fr)}:where(.piffy,[data-system=piffy]) .md\:grid-flow-col{grid-auto-flow:column}:where(.piffy,[data-system=piffy]) .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.piffy,[data-system=piffy]) .md\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}:where(.piffy,[data-system=piffy]) .md\:flex-row{flex-direction:row}:where(.piffy,[data-system=piffy]) .md\:items-center{align-items:center}:where(.piffy,[data-system=piffy]) .md\:items-end{align-items:flex-end}:where(.piffy,[data-system=piffy]) .md\:items-start{align-items:flex-start}:where(.piffy,[data-system=piffy]) .md\:gap-4{gap:16px}:where(.piffy,[data-system=piffy]) .md\:ps-3{padding-inline-start:12px}:where(.piffy,[data-system=piffy]) .md\:pe-1\.5{padding-inline-end:6px}}@media (pointer:coarse){:where(.piffy,[data-system=piffy]) .pointer-coarse\:hidden{display:none}}@media (width>=768px){@media (pointer:coarse){:where(.piffy,[data-system=piffy]) .md\:pointer-coarse\:pe-3{padding-inline-end:12px}}}@keyframes piffy-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes piffy-badge-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes piffy-pop-in{0%{opacity:0;transform:scale(var(--settle))}}@keyframes piffy-fade-in{0%{opacity:0}}@keyframes piffy-step-fwd{0%{opacity:0;transform:translateY(var(--step-shift))}}@keyframes piffy-step-back{0%{opacity:0;transform:translateY(calc(var(--step-shift) * -1))}}:where(.piffy,[data-system=piffy]) :focus-visible:not(.field,main,[tabindex="-1"],[data-slot=dialog],[data-slot=command-menu],[data-slot=command-input],[data-slot=toast]){outline:var(--ring) solid var(--brand-fg);outline-offset:var(--ring-offset)}:where(.piffy,[data-system=piffy]) :is([data-variant=primary],.keycap,.bg-brand):focus-visible{outline-color:var(--ink)}:where(.piffy,[data-system=piffy]) :is(.field,main,[tabindex="-1"],[data-slot=dialog],[data-slot=command-menu],[data-slot=command-input],[data-slot=toast]):focus-visible{outline:none}@media (forced-colors:active){:where(.piffy,[data-system=piffy]) :focus-visible{outline:var(--ring) solid Highlight}:where(.piffy,[data-system=piffy]) [data-slot=switch],:where(.piffy,[data-system=piffy]) [data-slot=button]{forced-color-adjust:none;border:var(--hairline) solid ButtonText}}:where(.piffy,[data-system=piffy]) :is(button,a[href],label,summary,select,input:is([type=checkbox],[type=radio],[type=file],[type=range],[type=color],[type=button],[type=submit]),[role=button],[role=combobox]:not(input),[role=option],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=switch],[role=checkbox],[role=radio],[role=slider],[role=treeitem],[role=link]):not(:disabled,[data-disabled],[aria-disabled=true]){cursor:pointer}:where(.piffy,[data-system=piffy]) :is(button,[role=button],[role=switch]):is(:disabled,[data-disabled],[aria-disabled=true]){cursor:default}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}