*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Figtree,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem;--sidebar-background:0 0% 100%;--sidebar-foreground:222.2 84% 4.9%;--sidebar-border:214.3 31.8% 91.4%;--sidebar-accent:210 40% 96.1%;--sidebar-accent-foreground:222.2 47.4% 11.2%;--logo-color:#5a5857;--dashboard-bg:210 40% 98%;--card-header-recent:231 100% 97%;--card-header-reputation:142 76% 97%;--card-header-volume:262 83% 97%;--card-header-channels:176 100% 97%;--card-header-origins:48 100% 97%;--card-header-response:350 100% 97%;--card-header-insights:200 100% 97%;--card-header-daily-tips:43 100% 97%;--card-header:210 40% 96.1%;--text-heading-xl-size:48px;--text-heading-xl-weight:700;--text-heading-xl-line-height:1.2;--text-heading-xl-letter-spacing:-.04em;--text-heading-lg-size:36px;--text-heading-lg-weight:700;--text-heading-lg-line-height:1.2;--text-heading-lg-letter-spacing:-.03em;--text-heading-md-size:24px;--text-heading-md-weight:600;--text-heading-md-line-height:1.3;--text-heading-md-letter-spacing:-.02em;--text-heading-sm-size:18px;--text-heading-sm-weight:600;--text-heading-sm-line-height:1.4;--text-heading-sm-letter-spacing:-.01em;--grid-color:#e5e7eb;--text-color:#64748b;--current-color:#10b981;--previous-color:#94a3b8;--reviews-color:#4f46e5;--satisfaction-color:#10b981;--cell-stroke:#fff;--cursor-color:#ddd;--stroke-color:#8884d8;--active-dot-color:#6366f1;--gradient-start:#8884d8;--gradient-end:#8884d8;--xs:4px;--s:8px;--sm:12px;--m:16px;--ml:24px;--tertiary:#f5f3ef;--border-color:#ece7df;--color-base-base-white:#fff;--color-base-base-black:#000;--color-brand-grey-10:#1a1a1a;--color-brand-grey-20:#333;--color-brand-grey-30:#4d4d4d;--color-brand-grey-40:#666;--color-brand-grey-50:gray;--color-brand-grey-60:#999;--color-brand-grey-70:#b3b3b3;--color-brand-grey-80:#ccc;--color-brand-grey-90:#e0e0e0;--color-brand-grey-95:#f2f2f2;--color-brand-sand-10:#201b13;--color-brand-sand-20:#3f3627;--color-brand-sand-30:#5c4d3e;--color-brand-sand-40:#7a6752;--color-brand-sand-50:#93806c;--color-brand-sand-60:#aa9c88;--color-brand-sand-70:#c2b4a3;--color-brand-sand-80:#d8cebf;--color-brand-sand-90:#ece7df;--color-brand-sand-95:#f5f3ef;--color-brand-orange-10:#331300;--color-brand-orange-20:#662500;--color-brand-orange-30:#993800;--color-brand-orange-40:#cc4b00;--color-brand-orange-50:#ff5c00;--color-brand-orange-60:#ff7e34;--color-brand-orange-70:#ff9d66;--color-brand-orange-80:#ffbe99;--color-brand-orange-90:#ffdfcc;--color-brand-orange-95:#ffefe5;--color-brand-red-10:#2a0d0a;--color-brand-red-20:#531913;--color-brand-red-30:#7c261d;--color-brand-red-40:#a63326;--color-brand-red-50:#d03e2f;--color-brand-red-60:#d96659;--color-brand-red-70:#e38c82;--color-brand-red-80:#ecb3ac;--color-brand-red-90:#f6dad5;--color-brand-red-95:#faecea;--color-ui-success-success-95:#eafbec;--color-ui-success-success-90:#d5f7da;--color-ui-success-success-80:#abeaaa;--color-ui-success-success-70:#82dd8d;--color-ui-success-success-60:#58cf70;--color-ui-success-success-50:#2fc253;--color-ui-success-success-40:#259b42;--color-ui-success-success-30:#1c7532;--color-ui-success-success-20:#134e21;--color-ui-success-success-10:#092711;--color-ui-warning-warning-95:#fefadc;--color-ui-warning-warning-90:#fef5b8;--color-ui-warning-warning-80:#fdec71;--color-ui-warning-warning-70:#fbe23e;--color-ui-warning-warning-60:#fad70a;--color-ui-warning-warning-50:#f0c100;--color-ui-warning-warning-40:#c09a00;--color-ui-warning-warning-30:#907400;--color-ui-warning-warning-20:#604d00;--color-ui-warning-warning-10:#302700;--color-ui-error-error-95:#feebeb;--color-ui-error-error-90:#fcd8d7;--color-ui-error-error-80:#f8b1b0;--color-ui-error-error-70:#f48a88;--color-ui-error-error-60:#f06360;--color-ui-error-error-50:#e82c28;--color-ui-error-error-40:#b92320;--color-ui-error-error-30:#8b1a18;--color-ui-error-error-20:#5c1110;--color-ui-error-error-10:#2e0908;--color-ui-information-info-95:#ecf3fd;--color-ui-information-info-90:#d8e6fb;--color-ui-information-info-80:#b1cdfa;--color-ui-information-info-70:#8ab3f8;--color-ui-information-info-60:#6299f5;--color-ui-information-info-50:#397ef1;--color-ui-information-info-40:#2d65c1;--color-ui-information-info-30:#224c91;--color-ui-information-info-20:#163260;--color-ui-information-info-10:#0b1930;--font-family-primary:Figtree;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-2xs:1rem;--font-size-xs:1.125rem;--font-size-s:1.25rem;--font-size-m:1.375rem;--font-size-l:1.5rem;--font-size-xl:2.25rem;--font-size-2xl:3rem;--font-size-3xl:4rem;--font-size-4xl:6rem;--font-size-3xs:.875rem;--font-size-4xs:.75rem;--font-size-5xs:.625rem;--line-height-tight:1.05;--line-height-normal:1.2;--line-height-relaxed:1.6;--letter-spacing-tight:-.04em;--letter-spacing-normal:-.03em;--letter-spacing-small:-.02em;--letter-spacing-micro:-.01em;--letter-spacing-none:normal;--spacing-xxs:.25rem;--spacing-xs:.375rem;--spacing-s:.5rem;--spacing-sm:.75rem;--spacing-m:1rem;--spacing-ml:1.5rem;--spacing-l:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--spacing-4xl:7.5rem;--spacing-5xl:15rem;--spacing-xxxs:.125rem;--breakpoint-max-width:90rem;--breakpoint-min-width:61.875rem;--grid-columns:.75rem;--grid-gutter:2rem;--grid-margin:2rem;--border-radius-xs:.5rem;--border-radius-m:1.25rem;--border-radius-l:3rem;--border-radius-s:.75rem;--border-radius-xxs:.125rem;--border-width-xs:0rem;--border-width-s:.062rem;--border-width-m:.125rem}.type-display-large{font-family:var(--font-family-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.type-display-medium{font-family:var(--font-family-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.type-display-small{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.type-heading-extraLarge{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.type-heading-large{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.type-heading-medium{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.type-heading-small{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.type-title-extraLarge{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-small)}.type-title-large{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-small)}.type-title-medium{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-small)}.type-title-small{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-small)}.type-title-extraSmall{font-family:var(--font-family-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-small)}.type-body-extraLarge{font-family:var(--font-family-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-body-large{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-body-medium{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-body-small{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-body-extraSmall{font-family:var(--font-family-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-body-extraExtraSmall{font-family:var(--font-family-primary);font-size:var(--font-size-3xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-label-large{font-family:var(--font-family-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-label-medium{font-family:var(--font-family-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-label-small{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-label-extraSmall{font-family:var(--font-family-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-label-extraExtraSmall{font-family:var(--font-family-primary);font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-label-extraExtraExtraSmall{font-family:var(--font-family-primary);font-size:var(--font-size-4xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}.type-label-extraExtraExtraExtraSmall{font-family:var(--font-family-primary);font-size:var(--font-size-5xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-none)}@media (min-width:48rem) and (max-width:61.812rem){:root{--font-size-2xs:.875rem;--font-size-xs:1rem;--font-size-s:1rem;--font-size-m:1.25rem;--font-size-l:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:1.5rem;--font-size-3xl:3rem;--font-size-4xl:3rem;--font-size-3xs:.75rem;--font-size-4xs:.688rem;--font-size-5xs:.688rem;--spacing-xxs:.25rem;--spacing-xs:.375rem;--spacing-s:.5rem;--spacing-sm:.75rem;--spacing-m:1rem;--spacing-ml:1rem;--spacing-l:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:7.5rem;--spacing-xxxs:.125rem;--border-radius-xs:.5rem;--border-radius-m:1rem;--border-radius-l:3rem;--border-radius-s:.75rem;--border-radius-xxs:.5rem;--border-width-xs:0rem;--border-width-s:.062rem;--border-width-m:.125rem}}@media (max-width:47.938rem){:root{--font-size-2xs:.75rem;--font-size-xs:.875rem;--font-size-s:.875rem;--font-size-m:1.125rem;--font-size-l:1rem;--font-size-xl:1.375rem;--font-size-2xl:1.125rem;--font-size-3xl:2.25rem;--font-size-4xl:1.75rem;--font-size-3xs:.688rem;--font-size-4xs:.625rem;--font-size-5xs:.625rem;--spacing-xxs:.25rem;--spacing-xs:.375rem;--spacing-s:.5rem;--spacing-sm:.75rem;--spacing-m:1rem;--spacing-ml:.75rem;--spacing-l:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:6rem;--spacing-xxxs:.125rem;--border-radius-m:.75rem;--border-radius-l:3rem;--border-radius-s:.5rem;--border-radius-xxs:.25rem;--border-width-xs:0rem;--border-width-s:.062rem;--border-width-m:.125rem}}
.sb-show-main{background:var(--color-background-primary,#f5f3ef);color:var(--color-content-primary,#1a1a1a);font-family:Figtree,system-ui,sans-serif}.token-showcase{background:var(--color-surface-primary,#fff);border-radius:var(--border-radius-m,1.25rem);border:var(--border-width-s,1px)solid var(--color-border-default,#ece7df);padding:1rem}[data-theme=light]{--color-content-primary:var(--color-brand-grey-10);--color-content-secondary:var(--color-brand-grey-30);--color-content-tertiary:var(--color-brand-grey-40);--color-content-disabled:var(--color-brand-grey-70);--color-content-placeholder:var(--color-brand-grey-30);--color-content-inverse:var(--color-base-base-white);--color-content-success:var(--color-ui-success-success-20);--color-content-warning:var(--color-ui-warning-warning-20);--color-content-error:var(--color-ui-error-error-20);--color-content-info:var(--color-ui-information-info-20);--color-background-primary:var(--color-brand-sand-95);--color-background-secondary:var(--color-base-base-white);--color-background-contrast:var(--color-brand-grey-10);--color-background-recessive:var(--color-brand-sand-90);--color-surface-primary:var(--color-base-base-white);--color-surface-secondary:var(--color-brand-sand-95);--color-surface-recessive:var(--color-brand-sand-90);--color-surface-inverse:var(--color-brand-grey-10);--color-surface-success:var(--color-ui-success-success-95);--color-surface-warning:var(--color-ui-warning-warning-95);--color-surface-error:var(--color-ui-error-error-95);--color-surface-info:var(--color-ui-information-info-95);--color-fill-primary:var(--color-brand-grey-10);--color-fill-primary-hover:var(--color-brand-grey-20);--color-fill-primary-active:var(--color-brand-grey-30);--color-fill-secondary:var(--color-brand-sand-90);--color-fill-secondary-hover:var(--color-brand-sand-80);--color-fill-secondary-active:var(--color-brand-sand-90);--color-fill-tertiary:var(--color-base-base-white);--color-fill-tertiary-hover:var(--color-brand-sand-95);--color-fill-tertiary-active:var(--color-brand-sand-95);--color-fill-success:var(--color-ui-success-success-90);--color-fill-warning:var(--color-ui-warning-warning-90);--color-fill-error:var(--color-ui-error-error-90);--color-fill-info:var(--color-ui-information-info-90);--color-fill-success-hover:var(--color-ui-success-success-80);--color-fill-success-active:var(--color-ui-success-success-70);--color-fill-warning-hover:var(--color-ui-warning-warning-80);--color-fill-warning-active:var(--color-ui-warning-warning-70);--color-fill-error-hover:var(--color-ui-error-error-80);--color-fill-error-active:var(--color-ui-error-error-70);--color-fill-info-hover:var(--color-ui-information-info-80);--color-fill-info-active:var(--color-ui-information-info-70);--color-fill-secondary-pressed:var(--color-brand-sand-70);--color-fill-primary-pressed:var(--color-brand-grey-40);--color-fill-tertiary-pressed:var(--color-brand-sand-90);--color-fill-success-pressed:var(--color-ui-success-success-60);--color-fill-warning-pressed:var(--color-ui-warning-warning-60);--color-fill-error-pressed:var(--color-ui-error-error-60);--color-fill-info-pressed:var(--color-ui-information-info-60);--color-fill-Inactive:var(--color-brand-grey-95);--color-fill-rating-active:var(--color-brand-orange-60);--color-fill-rating-inactive:var(--color-brand-orange-95);--color-border-default:var(--color-brand-sand-90);--color-border-active:var(--color-brand-grey-10);--color-border-filled:var(--color-brand-grey-10);--color-border-success:var(--color-ui-success-success-80);--color-border-warning:var(--color-ui-warning-warning-80);--color-border-error:var(--color-ui-error-error-80);--color-border-info:var(--color-ui-information-info-80);--color-border-strong:var(--color-brand-sand-80);--color-border-stronger:var(--color-brand-sand-60);--color-border-inactive:var(--color-brand-grey-95)}[data-theme=dark]{--color-content-primary:var(--color-base-base-white);--color-content-secondary:var(--color-brand-grey-90);--color-content-tertiary:var(--color-brand-grey-70);--color-content-disabled:var(--color-brand-grey-20);--color-content-placeholder:var(--color-brand-grey-80);--color-content-inverse:var(--color-brand-grey-10);--color-content-success:var(--color-ui-success-success-95);--color-content-warning:var(--color-ui-warning-warning-95);--color-content-error:var(--color-ui-error-error-95);--color-content-info:var(--color-ui-information-info-95);--color-background-primary:var(--color-base-base-black);--color-background-secondary:var(--color-brand-grey-20);--color-background-contrast:var(--color-brand-grey-50);--color-background-recessive:var(--color-brand-grey-10);--color-surface-primary:var(--color-brand-grey-10);--color-surface-secondary:var(--color-brand-grey-30);--color-surface-recessive:var(--color-brand-grey-20);--color-surface-inverse:var(--color-brand-grey-80);--color-surface-success:var(--color-ui-success-success-20);--color-surface-warning:var(--color-ui-warning-warning-20);--color-surface-error:var(--color-ui-error-error-20);--color-surface-info:var(--color-ui-information-info-20);--color-fill-primary:var(--color-base-base-white);--color-fill-primary-hover:var(--color-brand-grey-80);--color-fill-primary-active:var(--color-brand-grey-70);--color-fill-secondary:var(--color-brand-grey-20);--color-fill-secondary-hover:var(--color-brand-grey-40);--color-fill-secondary-active:var(--color-brand-grey-20);--color-fill-tertiary:var(--color-brand-grey-20);--color-fill-tertiary-hover:var(--color-brand-grey-20);--color-fill-tertiary-active:var(--color-brand-grey-10);--color-fill-success:var(--color-ui-success-success-30);--color-fill-warning:var(--color-ui-warning-warning-30);--color-fill-error:var(--color-ui-error-error-30);--color-fill-info:var(--color-ui-information-info-30);--color-fill-success-hover:var(--color-ui-success-success-40);--color-fill-success-active:var(--color-ui-success-success-50);--color-fill-warning-hover:var(--color-ui-warning-warning-40);--color-fill-warning-active:var(--color-ui-warning-warning-50);--color-fill-error-hover:var(--color-ui-error-error-40);--color-fill-error-active:var(--color-ui-error-error-50);--color-fill-info-hover:var(--color-ui-information-info-40);--color-fill-info-active:var(--color-ui-information-info-50);--color-fill-secondary-pressed:var(--color-brand-grey-60);--color-fill-primary-pressed:var(--color-brand-grey-60);--color-fill-tertiary-pressed:var(--color-brand-grey-20);--color-fill-success-pressed:var(--color-ui-success-success-60);--color-fill-warning-pressed:var(--color-ui-warning-warning-60);--color-fill-error-pressed:var(--color-ui-error-error-60);--color-fill-info-pressed:var(--color-ui-information-info-60);--color-fill-Inactive:var(--color-brand-grey-20);--color-fill-rating-active:var(--color-brand-orange-70);--color-fill-rating-inactive:var(--color-brand-orange-20);--color-border-default:var(--color-brand-grey-30);--color-border-active:var(--color-base-base-white);--color-border-filled:var(--color-base-base-white);--color-border-success:var(--color-ui-success-success-20);--color-border-warning:var(--color-ui-warning-warning-20);--color-border-error:var(--color-ui-error-error-20);--color-border-info:var(--color-ui-information-info-20);--color-border-strong:var(--color-brand-grey-50);--color-border-stronger:var(--color-brand-grey-50);--color-border-inactive:var(--color-base-base-white)}.token-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.token-swatch{border-radius:var(--border-radius-s,.75rem);border:var(--border-width-xs,0px)solid var(--color-border-default,#ece7df);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.token-swatch .box{border-radius:inherit;border:var(--border-width-xs,0px)solid var(--color-border-default,#ece7df);width:100%;height:56px}.token-table{border-collapse:collapse;width:100%}.token-table th,.token-table td{border-bottom:1px solid var(--color-border-default,#ece7df);text-align:left;padding:.5rem .75rem}

.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s);border-radius:var(--border-radius-xs);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-3xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-none);border:none;min-width:fit-content;min-height:40px;line-height:1;transition:all .2s;display:flex;position:relative}.btn-sm{padding:var(--spacing-xs);min-height:32px;font-size:var(--font-size-4xs)}.btn-md{padding:var(--spacing-s);min-height:40px;font-size:var(--font-size-3xs)}.btn-lg{padding:var(--spacing-m);min-height:48px;font-size:var(--font-size-2xs)}.btn-xl{padding:var(--spacing-l);min-height:56px;font-size:var(--font-size-xs)}@media (min-width:360px){.ext\:btn-sm{padding:var(--spacing-xs);min-height:32px;font-size:var(--font-size-4xs)}.ext\:btn-md{padding:var(--spacing-s);min-height:40px;font-size:var(--font-size-3xs)}.ext\:btn-lg{padding:var(--spacing-m);min-height:48px;font-size:var(--font-size-2xs)}.ext\:btn-xl{padding:var(--spacing-l);min-height:56px;font-size:var(--font-size-xs)}}@media (min-width:640px){.sm\:btn-sm{padding:var(--spacing-xs);min-height:32px;font-size:var(--font-size-4xs)}.sm\:btn-md{padding:var(--spacing-s);min-height:40px;font-size:var(--font-size-3xs)}.sm\:btn-lg{padding:var(--spacing-m);min-height:48px;font-size:var(--font-size-2xs)}.sm\:btn-xl{padding:var(--spacing-l);min-height:56px;font-size:var(--font-size-xs)}}@media (min-width:768px){.md\:btn-sm{padding:var(--spacing-xs);min-height:32px;font-size:var(--font-size-4xs)}.md\:btn-md{padding:var(--spacing-s);min-height:40px;font-size:var(--font-size-3xs)}.md\:btn-lg{padding:var(--spacing-m);min-height:48px;font-size:var(--font-size-2xs)}.md\:btn-xl{padding:var(--spacing-l);min-height:56px;font-size:var(--font-size-xs)}}@media (min-width:1024px){.lg\:btn-sm{padding:var(--spacing-xs);min-height:32px;font-size:var(--font-size-4xs)}.lg\:btn-md{padding:var(--spacing-s);min-height:40px;font-size:var(--font-size-3xs)}.lg\:btn-lg{padding:var(--spacing-m);min-height:48px;font-size:var(--font-size-2xs)}.lg\:btn-xl{padding:var(--spacing-l);min-height:56px;font-size:var(--font-size-xs)}}@media (min-width:1280px){.xl\:btn-sm{padding:var(--spacing-xs);min-height:32px;font-size:var(--font-size-4xs)}.xl\:btn-md{padding:var(--spacing-s);min-height:40px;font-size:var(--font-size-3xs)}.xl\:btn-lg{padding:var(--spacing-m);min-height:48px;font-size:var(--font-size-2xs)}.xl\:btn-xl{padding:var(--spacing-l);min-height:56px;font-size:var(--font-size-xs)}}.btn-primary{background-color:var(--color-fill-primary);color:var(--color-content-inverse)}.btn-secondary{background-color:var(--color-fill-secondary);color:var(--color-content-primary)}.btn-tertiary{background-color:var(--color-fill-tertiary);color:var(--color-content-primary);border:var(--border-width-s)solid var(--color-border-strong)}.btn-ghost{color:var(--color-content-primary);background-color:#0000}.btn-success{background-color:var(--color-fill-success);color:var(--color-content-success)}.btn-warning{background-color:var(--color-fill-warning);color:var(--color-content-warning)}.btn-error{background-color:var(--color-ui-error-error-50);color:#fff}.btn-info{background-color:var(--color-fill-info);color:var(--color-content-info)}.btn-plain{color:inherit;background-color:#0000}.btn[data-no-focus-outline=true]{outline:none!important}.btn[data-variant=plain]:hover:not(:disabled),.btn[data-variant=plain]:active:not(:disabled),.btn[data-variant=plain]:focus:not(:disabled){background-color:#0000!important;border:none!important;outline:none!important}.btn[data-variant=primary]:hover:not(:disabled){background-color:var(--color-fill-primary-hover)!important}.btn[data-variant=primary]:active:not(:disabled){background-color:var(--color-fill-primary-pressed)!important}.btn[data-variant=primary]:focus:not(:disabled){outline:2px solid var(--color-border-active);outline-offset:2px;background-color:var(--color-fill-primary-active)!important}.btn[data-variant=secondary]:hover:not(:disabled){background-color:var(--color-fill-secondary-hover)!important}.btn[data-variant=secondary]:active:not(:disabled){background-color:var(--color-fill-secondary-pressed)!important}.btn[data-variant=secondary]:focus:not(:disabled){outline:2px solid var(--color-border-active);outline-offset:2px;background-color:var(--color-fill-secondary-active)!important}.btn[data-variant=tertiary]:hover:not(:disabled){background-color:var(--color-fill-tertiary-hover)!important;border-color:var(--color-border-stronger)!important}.btn[data-variant=tertiary]:active:not(:disabled){background-color:var(--color-fill-tertiary-pressed)!important;border-color:var(--color-border-filled)!important}.btn[data-variant=tertiary]:focus:not(:disabled){outline:none;background-color:var(--color-fill-tertiary-active)!important;border-width:var(--border-width-m)!important;border-color:var(--color-border-active)!important}.btn[data-variant=ghost]:hover:not(:disabled){background-color:var(--color-fill-tertiary-hover)!important}.btn[data-variant=ghost]:active:not(:disabled){background-color:var(--color-fill-tertiary-pressed)!important}.btn[data-variant=ghost]:focus:not(:disabled){outline:2px solid var(--color-border-active);outline-offset:2px;background-color:var(--color-fill-tertiary-active)!important}.btn[data-variant=success]:hover:not(:disabled){background-color:var(--color-fill-success-hover)!important}.btn[data-variant=success]:active:not(:disabled){background-color:var(--color-fill-success-pressed)!important}.btn[data-variant=success]:focus:not(:disabled){outline:2px solid var(--color-border-success);outline-offset:2px;background-color:var(--color-fill-success-active)!important}.btn[data-variant=warning]:hover:not(:disabled){background-color:var(--color-fill-warning-hover)!important}.btn[data-variant=warning]:active:not(:disabled){background-color:var(--color-fill-warning-pressed)!important}.btn[data-variant=warning]:focus:not(:disabled){outline:2px solid var(--color-border-warning);outline-offset:2px;background-color:var(--color-fill-warning-active)!important}.btn[data-variant=error]:hover:not(:disabled){background-color:var(--color-ui-error-error-40)!important}.btn[data-variant=error]:active:not(:disabled){background-color:var(--color-fill-error-pressed)!important}.btn[data-variant=error]:focus:not(:disabled){outline:2px solid var(--color-ui-error-error-50);outline-offset:2px;background-color:var(--color-fill-error-active)!important}.btn[data-variant=info]:hover:not(:disabled){background-color:var(--color-fill-info-hover)!important}.btn[data-variant=info]:active:not(:disabled){background-color:var(--color-fill-info-pressed)!important}.btn[data-variant=info]:focus:not(:disabled){outline:2px solid var(--color-border-info);outline-offset:2px;background-color:var(--color-fill-info-active)!important}.btn:disabled{opacity:.6;cursor:not-allowed}