/*
 * Polaris design-token snapshot used by SSR styles inside the app iframe.
 * Runtime snapshot verified 2026-08-11. Load this file before app.css.
 * Update the snapshot as a unit when the Shopify runtime tokens change.
 */
:root {
  --p-border-radius-0: 0;
  --p-border-radius-050: 0.125rem;
  --p-border-radius-100: 0.25rem;
  --p-border-radius-150: 0.375rem;
  --p-border-radius-200: 0.5rem;
  --p-border-radius-300: 0.75rem;
  --p-border-radius-400: 1rem;
  --p-border-radius-500: 1.25rem;
  --p-border-radius-750: 1.875rem;
  --p-border-radius-full: 624.9375rem;
  --p-border-radius-tag: 0.5rem;
  --p-border-radius-tag-inner: 0.375rem;
  --p-border-radius-element: 0.5rem;
  --s-token-border-radius-control-when-touch-p1s0: var(--p-when-touch) 0.75rem;
  --p-border-radius-control: var(
    --s-token-border-radius-control-when-touch-p1s0,
    0.5rem
  );
  --s-token-border-radius-control-inner-when-touch-p1s0: var(--p-when-touch)
    0.5rem;
  --p-border-radius-control-inner: var(
    --s-token-border-radius-control-inner-when-touch-p1s0,
    0.25rem
  );
  --p-border-radius-checkbox: 0.25rem;
  --p-border-radius-popover: 0.75rem;
  --p-border-radius-option-item: 0.5rem;
  --p-border-radius-dialog: 1rem;
  --p-border-radius-container: 0.75rem;
  --s-token-border-radius-avatar-when-round-p1s0: var(--p-when-round)
    clamp(0.25rem, round(25%, 0.125rem), 0.5rem);
  --p-border-radius-avatar: var(
    --s-token-border-radius-avatar-when-round-p1s0,
    clamp(0.25rem, 25%, 0.5rem)
  );
  --p-border-radius-preview: 0.25rem;
  --s-token-border-radius-action-when-touch-p1s0: var(--p-when-touch) 0.75rem;
  --p-border-radius-action: var(
    --s-token-border-radius-action-when-touch-p1s0,
    0.5rem
  );
  --p-border-radius-banner-inner: 0.5rem;
  --p-border-radius-focus: 0.25rem;
  --s-token-border-radius-media-when-round-p1s0: var(--p-when-round)
    clamp(0.25rem, round(25%, 0.125rem), 0.5rem);
  --p-border-radius-media: var(
    --s-token-border-radius-media-when-round-p1s0,
    clamp(0.25rem, 25%, 0.5rem)
  );
  --p-border-radius-corner-shape: normal;
  --p-border-width-0: 0;
  --p-border-width-0165: 0.04125rem;
  --p-border-width-025: 0.0625rem;
  --p-border-width-050: 0.125rem;
  --p-border-width-100: 0.25rem;
  --p-border-width-outline-input-focus: 0.125rem solid
    var(--p-color-border-focus);
  --p-filter-nav-icon: saturate(0) brightness(0.75) contrast(2) opacity(0.63);
  --p-filter-nav-icon-active: saturate(0) brightness(0.75) contrast(2)
    opacity(0.63);
  --p-breakpoints-xs: 0;
  --p-breakpoints-sm: 30.625rem;
  --p-breakpoints-md: 48rem;
  --p-breakpoints-lg: 65rem;
  --p-breakpoints-xl: 90rem;
  --p-color-bg: #f1f1f1;
  --p-color-bg-inverse: #0a0a0a;
  --p-color-bg-surface: #fff;
  --p-color-bg-surface-hover: #f7f7f7;
  --p-color-bg-surface-active: #f3f3f3;
  --p-color-bg-surface-selected: #f1f1f1;
  --p-color-bg-surface-disabled: #0000000d;
  --p-color-bg-surface-overlay: #ffffffcc;
  --p-color-bg-surface-secondary: #f7f7f7;
  --p-color-bg-surface-secondary-hover: #f1f1f1;
  --p-color-bg-surface-secondary-active: #ebebeb;
  --p-color-bg-surface-secondary-selected: #ebebeb;
  --p-color-bg-surface-tertiary: #f3f3f3;
  --p-color-bg-surface-tertiary-hover: #ebebeb;
  --p-color-bg-surface-tertiary-active: #e3e3e3;
  --p-color-bg-surface-brand: #e3e3e3;
  --p-color-bg-surface-brand-hover: #ebebeb;
  --p-color-bg-surface-brand-active: #f1f1f1;
  --p-color-bg-surface-brand-selected: #f1f1f1;
  --p-color-bg-surface-info: #eaf4ff;
  --p-color-bg-surface-info-hover: #e0f0ff;
  --p-color-bg-surface-info-active: #cae6ff;
  --p-color-bg-surface-success: #cdfed4;
  --p-color-bg-surface-success-hover: #affebf;
  --p-color-bg-surface-success-active: #92fcac;
  --p-color-bg-surface-caution: #fff8db;
  --p-color-bg-surface-caution-hover: #fff4bf;
  --p-color-bg-surface-caution-active: #ffef9d;
  --p-color-bg-surface-warning: #fff1e3;
  --p-color-bg-surface-warning-hover: #ffebd5;
  --p-color-bg-surface-warning-active: #ffe4c6;
  --p-color-bg-surface-critical: #fee8eb;
  --p-color-bg-surface-critical-hover: #fee1e6;
  --p-color-bg-surface-critical-active: #fed9df;
  --p-color-bg-surface-highlight: #f0f2ff;
  --p-color-bg-surface-highlight-hover: #eaedff;
  --p-color-bg-surface-highlight-active: #e2e7ff;
  --p-color-bg-surface-ai: #f8f7ff;
  --p-color-bg-surface-ai-hover: #f3f1ff;
  --p-color-bg-surface-ai-active: #e9e5ff;
  --p-color-bg-surface-inverse: #303030;
  --p-color-bg-surface-transparent: #00000000;
  --p-color-bg-fill: #fff;
  --p-color-bg-fill-hover: #fafafa;
  --p-color-bg-fill-active: #f7f7f7;
  --p-color-bg-fill-selected: #ccc;
  --p-color-bg-fill-disabled: #0000000d;
  --p-color-bg-fill-secondary: #f1f1f1;
  --p-color-bg-fill-secondary-hover: #ebebeb;
  --p-color-bg-fill-secondary-active: #e3e3e3;
  --p-color-bg-fill-secondary-selected: #e3e3e3;
  --p-color-bg-fill-tertiary: #e3e3e3;
  --p-color-bg-fill-tertiary-hover: #d4d4d4;
  --p-color-bg-fill-tertiary-active: #ccc;
  --p-color-bg-fill-brand: #303030;
  --p-color-bg-fill-brand-hover: #1a1a1a;
  --p-color-bg-fill-brand-active: #1a1a1a;
  --p-color-bg-fill-brand-selected: #303030;
  --p-color-bg-fill-brand-disabled: #0000002b;
  --p-color-bg-fill-info: #91d0ff;
  --p-color-bg-fill-info-hover: #51c0ff;
  --p-color-bg-fill-info-active: #0094d5;
  --p-color-bg-fill-info-secondary: #d5ebff;
  --p-color-bg-fill-success: #047b5d;
  --p-color-bg-fill-success-hover: #035e4c;
  --p-color-bg-fill-success-active: #014b40;
  --p-color-bg-fill-success-secondary: #affebf;
  --p-color-bg-fill-warning: #ffb800;
  --p-color-bg-fill-warning-hover: #e5a500;
  --p-color-bg-fill-warning-active: #b28400;
  --p-color-bg-fill-warning-secondary: #ffd6a4;
  --p-color-bg-fill-caution: #ffe600;
  --p-color-bg-fill-caution-hover: #ead300;
  --p-color-bg-fill-caution-active: #e1cb00;
  --p-color-bg-fill-caution-secondary: #ffeb78;
  --p-color-bg-fill-critical: #c70a24;
  --p-color-bg-fill-critical-hover: #a30a24;
  --p-color-bg-fill-critical-active: #8e0b21;
  --p-color-bg-fill-critical-selected: #8e0b21;
  --p-color-bg-fill-critical-secondary: #fed1d7;
  --p-color-bg-fill-highlight: #005bd3;
  --p-color-bg-fill-highlight-hover: #004299;
  --p-color-bg-fill-highlight-active: #002e6a;
  --p-color-bg-fill-highlight-secondary: #e2e7ff;
  --p-color-bg-fill-ai: #8051ff;
  --p-color-bg-fill-ai-hover: #5700d1;
  --p-color-bg-fill-ai-active: #3b0093;
  --p-color-bg-fill-ai-secondary: #e9e5ff;
  --p-color-bg-fill-ai-secondary-hover: #e4deff;
  --p-color-bg-fill-ai-secondary-active: #dfd9ff;
  --p-color-bg-fill-inverse: #303030;
  --p-color-bg-fill-inverse-hover: #4a4a4a;
  --p-color-bg-fill-inverse-active: #616161;
  --p-color-bg-fill-transparent: #00000005;
  --p-color-bg-fill-transparent-hover: #0000000d;
  --p-color-bg-fill-transparent-active: #00000014;
  --p-color-bg-fill-transparent-selected: #00000014;
  --p-color-bg-fill-transparent-secondary: #0000000f;
  --p-color-bg-fill-transparent-secondary-hover: #00000014;
  --p-color-bg-fill-transparent-secondary-active: #0000001c;
  --p-color-text: #303030;
  --p-color-text-secondary: #616161;
  --p-color-text-tertiary: #616161;
  --p-color-text-disabled: #b5b5b5;
  --p-color-text-link: #005bd3;
  --p-color-text-link-hover: #004299;
  --p-color-text-link-active: #002e6a;
  --p-color-text-brand: #4a4a4a;
  --p-color-text-brand-hover: #303030;
  --p-color-text-brand-on-bg-fill: #fff;
  --p-color-text-brand-on-bg-fill-hover: #e3e3e3;
  --p-color-text-brand-on-bg-fill-active: #ccc;
  --p-color-text-brand-on-bg-fill-disabled: #fff;
  --p-color-text-info: #003a5a;
  --p-color-text-info-hover: #003a5a;
  --p-color-text-info-active: #002133;
  --p-color-text-info-secondary: #007cb4;
  --p-color-text-info-on-bg-fill: #002133;
  --p-color-text-success: #014b40;
  --p-color-text-success-hover: #073630;
  --p-color-text-success-active: #022622;
  --p-color-text-success-secondary: #047b5d;
  --p-color-text-success-on-bg-fill: #fafffb;
  --p-color-text-caution: #4f4700;
  --p-color-text-caution-hover: #332e00;
  --p-color-text-caution-active: #1f1c00;
  --p-color-text-caution-secondary: #827500;
  --p-color-text-caution-on-bg-fill: #332e00;
  --p-color-text-warning: #5e4200;
  --p-color-text-warning-hover: #412d00;
  --p-color-text-warning-active: #251a00;
  --p-color-text-warning-secondary: #956f00;
  --p-color-text-warning-on-bg-fill: #251a00;
  --p-color-text-critical: #8e0b21;
  --p-color-text-critical-hover: #5f0716;
  --p-color-text-critical-active: #2f040b;
  --p-color-text-critical-secondary: #c70a24;
  --p-color-text-critical-on-bg-fill: #fffafb;
  --p-color-text-highlight: #005bd3;
  --p-color-text-highlight-hover: #004299;
  --p-color-text-highlight-active: #002e6a;
  --p-color-text-highlight-secondary: #0071e9;
  --p-color-text-highlight-on-bg-fill: #fcfdff;
  --p-color-text-highlight-on-bg-fill-hover: #e2e7ff;
  --p-color-text-highlight-on-bg-fill-active: #d5dcff;
  --p-color-text-ai: #5700d1;
  --p-color-text-ai-secondary: #7126ff;
  --p-color-text-ai-on-bg-fill: #fdfdff;
  --p-color-text-inverse: #e3e3e3;
  --p-color-text-inverse-secondary: #b5b5b5;
  --p-color-text-link-inverse: #c5d0ff;
  --p-color-border: #e3e3e3;
  --p-color-border-hover: #ccc;
  --p-color-border-disabled: #ebebeb;
  --p-color-border-secondary: #ebebeb;
  --p-color-border-tertiary: #ccc;
  --p-color-border-focus: #005bd3;
  --p-color-border-brand: #e3e3e3;
  --p-color-border-info: #a8d8ff;
  --p-color-border-success: #92fcac;
  --p-color-border-caution: #ffeb78;
  --p-color-border-warning: #ffc879;
  --p-color-border-critical: #fec1c7;
  --p-color-border-critical-secondary: #8e0b21;
  --p-color-border-highlight: #005bd3;
  --p-color-border-highlight-hover: #004299;
  --p-color-border-highlight-active: #002e6a;
  --p-color-border-ai: #e4deff;
  --p-color-border-ai-secondary: #9474ff;
  --p-color-border-ai-secondary-hover: #8051ff;
  --p-color-border-inverse: #616161;
  --p-color-border-inverse-hover: #ccc;
  --p-color-border-inverse-active: #e3e3e3;
  --p-color-tooltip-tail-down-border: #d4d4d4;
  --p-color-tooltip-tail-up-border: #e3e3e3;
  --p-color-icon: #4a4a4a;
  --p-color-icon-hover: #303030;
  --p-color-icon-active: #1a1a1a;
  --p-color-icon-disabled: #ccc;
  --p-color-icon-secondary: #8a8a8a;
  --p-color-icon-secondary-hover: #616161;
  --p-color-icon-secondary-active: #4a4a4a;
  --p-color-icon-tertiary: #8a8a8a;
  --p-color-icon-brand: #1a1a1a;
  --p-color-icon-info: #0094d5;
  --p-color-icon-success: #047b5d;
  --p-color-icon-caution: #998a00;
  --p-color-icon-warning: #b28400;
  --p-color-icon-critical: #e22c38;
  --p-color-icon-highlight: #005bd3;
  --p-color-icon-highlight-hover: #004299;
  --p-color-icon-highlight-active: #002e6a;
  --p-color-icon-ai: #8051ff;
  --p-color-icon-inverse: #e3e3e3;
  --p-color-avatar-bg-fill: #b5b5b5;
  --p-color-avatar-five-bg-fill: #fd4b92;
  --p-color-avatar-five-text-on-bg-fill: #fff6f8;
  --p-color-avatar-four-bg-fill: #51c0ff;
  --p-color-avatar-four-text-on-bg-fill: #002133;
  --p-color-avatar-one-bg-fill: #c530c5;
  --p-color-avatar-one-text-on-bg-fill: #fdeffd;
  --p-color-avatar-seven-bg-fill: #9474ff;
  --p-color-avatar-seven-text-on-bg-fill: #f8f7ff;
  --p-color-avatar-six-bg-fill: #25e82b;
  --p-color-avatar-six-text-on-bg-fill: #033d05;
  --p-color-avatar-text-on-bg-fill: #fff;
  --p-color-avatar-three-bg-fill: #2ce0d4;
  --p-color-avatar-three-text-on-bg-fill: #033c39;
  --p-color-avatar-two-bg-fill: #52f490;
  --p-color-avatar-two-text-on-bg-fill: #014b40;
  --p-color-backdrop-bg: #000000b5;
  --p-color-badge-bg-fill-info: var(--p-color-bg-fill-info);
  --p-color-badge-bg-fill-success: var(--p-color-bg-fill-success);
  --p-color-badge-bg-fill-warning: var(--p-color-bg-fill-warning);
  --p-color-badge-bg-fill-critical: var(--p-color-bg-fill-critical);
  --p-color-badge-bg-fill-caution: var(--p-color-bg-fill-caution);
  --p-color-badge-text-info: var(--p-color-text-info);
  --p-color-badge-text-success: var(--p-color-text-success);
  --p-color-badge-text-warning: var(--p-color-text-warning);
  --p-color-badge-text-caution: var(--p-color-text-caution);
  --p-color-badge-text-critical-on-bg-fill: var(
    --p-color-text-critical-on-bg-fill
  );
  --p-color-button-gradient-bg-fill: linear-gradient(
    180deg,
    #30303000 63.53%,
    #ffffff26 100%
  );
  --p-color-button-gradient-bg-fill-critical: none;
  --p-color-button-bg-fill-critical: var(--p-color-bg-fill);
  --p-color-button-bg-fill-critical-hover: var(--p-color-bg-fill-hover);
  --p-color-button-bg-fill-critical-active: var(--p-color-bg-fill-active);
  --p-color-choice-bg-surface: var(--p-color-input-border);
  --p-color-choice-bg-surface-disabled: #00000014;
  --p-color-checkbox-bg-surface-disabled: #00000014;
  --p-color-checkbox-icon-disabled: #fff;
  --p-color-choice-icon-disabled: #fff;
  --p-color-input-bg-surface: #fdfdfd;
  --p-color-input-bg-surface-hover: #fafafa;
  --p-color-input-bg-surface-active: #f7f7f7;
  --p-color-input-bg-surface-ai: var(--p-color-bg-surface-ai);
  --p-color-input-bg-surface-error: var(--p-color-bg-surface-critical);
  --p-color-input-border: #8a8a8a;
  --p-color-input-border-hover: #616161;
  --p-color-input-border-active: #1a1a1a;
  --p-color-nav-bg: #ebebeb;
  --p-color-nav-bg-surface: #00000000;
  --p-color-nav-bg-surface-hover: #f1f1f1;
  --p-color-nav-bg-surface-active: #fafafa;
  --p-color-nav-bg-surface-selected: #fafafa;
  --p-color-nav-text: var(--p-color-text);
  --p-color-nav-text-hover: var(--p-color-text);
  --p-color-nav-text-active: var(--p-color-text);
  --p-color-nav-text-secondary: var(--p-color-text-secondary);
  --p-color-nav-text-secondary-hover: var(--p-color-text);
  --p-color-nav-text-secondary-active: var(--p-color-text);
  --p-color-nav-icon: var(--p-color-icon);
  --p-color-nav-icon-hover: var(--p-color-icon);
  --p-color-nav-icon-active: var(--p-color-icon);
  --p-color-page-button-bg-fill: #e3e3e3;
  --p-color-page-button-bg-fill-hover: #d4d4d4;
  --p-color-page-button-bg-fill-active: #ccc;
  --p-color-radio-button-bg-surface-disabled: #00000014;
  --p-color-radio-button-icon-disabled: #fff;
  --p-color-video-thumbnail-play-button-bg-fill-hover: #000000cf;
  --p-color-video-thumbnail-play-button-bg-fill: #000000b5;
  --p-color-video-thumbnail-play-button-text-on-bg-fill: #fff;
  --p-color-scrollbar-thumb-bg-hover: #8a8a8a;
  --p-color-scrollbar-thumb-bg: #b5b5b5;
  --p-color-scrollbar-thumb-hover: #616161;
  --p-color-scrollbar-thumb-active: #4a4a4a;
  --p-font-family-sans:
    "Inter", "Noto Sans Arabic", "Noto Sans Hebrew", -apple-system,
    BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue",
    sans-serif;
  --p-font-family-mono:
    ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo,
    monospace;
  --p-font-size-275: 0.6875rem;
  --p-font-size-300: 0.75rem;
  --p-font-size-325: 0.8125rem;
  --p-font-size-350: 0.875rem;
  --p-font-size-400: 1rem;
  --p-font-size-450: 1.125rem;
  --p-font-size-500: 1.25rem;
  --p-font-size-550: 1.375rem;
  --p-font-size-600: 1.5rem;
  --p-font-size-750: 1.875rem;
  --p-font-size-800: 2rem;
  --p-font-size-900: 2.25rem;
  --p-font-size-1000: 2.5rem;
  --p-font-weight-regular: 450;
  --p-font-weight-medium: 550;
  --p-font-weight-semibold: 600;
  --p-font-weight-bold: 650;
  --p-font-letter-spacing-densest: -0.0291em;
  --p-font-letter-spacing-denser: -0.0166em;
  --p-font-letter-spacing-dense: -0.00833em;
  --p-font-letter-spacing-normal: 0;
  --p-font-line-height-300: 0.75rem;
  --p-font-line-height-400: 1rem;
  --p-font-line-height-500: 1.25rem;
  --p-font-line-height-600: 1.5rem;
  --p-font-line-height-700: 1.75rem;
  --p-font-line-height-800: 2rem;
  --p-font-line-height-1000: 2.5rem;
  --p-font-line-height-1200: 3rem;
  --p-height-0: 0;
  --p-height-025: 0.0625rem;
  --p-height-050: 0.125rem;
  --p-height-100: 0.25rem;
  --p-height-150: 0.375rem;
  --p-height-200: 0.5rem;
  --p-height-300: 0.75rem;
  --p-height-400: 1rem;
  --p-height-500: 1.25rem;
  --p-height-600: 1.5rem;
  --p-height-700: 1.75rem;
  --p-height-800: 2rem;
  --p-height-900: 2.25rem;
  --p-height-1000: 2.5rem;
  --p-height-1200: 3rem;
  --p-height-1600: 4rem;
  --p-height-2000: 5rem;
  --p-height-2400: 6rem;
  --p-height-2800: 7rem;
  --p-height-3200: 8rem;
  --p-height-field-min-block-size: 2rem;
  --p-motion-duration-0: 0ms;
  --p-motion-duration-50: 50ms;
  --p-motion-duration-100: 100ms;
  --p-motion-duration-150: 150ms;
  --p-motion-duration-200: 200ms;
  --p-motion-duration-250: 250ms;
  --p-motion-duration-300: 300ms;
  --p-motion-duration-350: 350ms;
  --p-motion-duration-400: 400ms;
  --p-motion-duration-450: 450ms;
  --p-motion-duration-500: 500ms;
  --p-motion-duration-5000: 5000ms;
  --p-motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --p-motion-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --p-motion-ease-out: cubic-bezier(0.19, 0.91, 0.38, 1);
  --p-motion-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --p-motion-linear: cubic-bezier(0, 0, 1, 1);
  --p-motion-keyframes-bounce: p-motion-keyframes-bounce;
  --p-motion-keyframes-fade-in: p-motion-keyframes-fade-in;
  --p-motion-keyframes-pulse: p-motion-keyframes-pulse;
  --p-motion-keyframes-spin: p-motion-keyframes-spin;
  --p-motion-keyframes-appear-above: p-motion-keyframes-appear-above;
  --p-motion-keyframes-appear-below: p-motion-keyframes-appear-below;
  --p-shadow-0: none;
  --p-shadow-100:
    0 0.3125rem 0.3125rem -0.15625rem #00000008,
    0 0.1875rem 0.1875rem -0.09375rem #00000005,
    0 0.125rem 0.125rem -0.0625rem #00000005,
    0 0.0625rem 0.0625rem -0.03125rem #00000008,
    0 0.03125rem 0.03125rem 0 #0000000a, 0 0 0 0.0625rem #0000000f;
  --p-shadow-200:
    0 0.5rem 0.625rem -0.3125rem #00000014,
    0 0.3125rem 0.3125rem -0.15625rem #00000008,
    0 0.1875rem 0.1875rem -0.09375rem #00000005,
    0 0.125rem 0.125rem -0.0625rem #00000005,
    0 0.0625rem 0.0625rem -0.03125rem #00000008,
    0 0.03125rem 0.03125rem 0 #0000000a, 0 0 0 0.0625rem #0000000f;
  --p-shadow-300:
    0 0.5rem 1.5rem -0.5rem #00000047, 0 0.5rem 1rem -0.25rem #0000000d,
    0 0.1875rem 0.375rem 0 #0000000d, 0 0.125rem 0.25rem 0 #0000000d,
    0 0.0625rem 0.125rem 0 #0000000d, 0 0 0 0.0625rem #0000000f;
  --p-shadow-400:
    0 1.25rem 2rem -0.75rem #00000033, 0 0.625rem 1rem -0.375rem #00000014,
    0 0.1875rem 0.375rem 0 #00000014, 0 0.125rem 0.25rem 0 #00000014,
    0 0.0625rem 0.125rem 0 #0000000d, 0 0 0 0.0625rem #0000000f;
  --p-shadow-500:
    0 1.5rem 2.25rem -0.75rem #0000001f, 0 1.5rem 1.5rem -0.75rem #00000014,
    0 0.5rem 1rem -0.375rem #00000014, 0 0.1875rem 0.375rem 0 #00000014,
    0 0.125rem 0.25rem 0 #00000014, 0 0.0625rem 0.125rem 0 #0000000d,
    0 0 0 0.0625rem #0000000f;
  --p-shadow-600:
    0 1.5rem 3.5rem -0.75rem #0000003d, 0 1.5rem 1.5rem -0.75rem #0000001f,
    0 0.1875rem 0.375rem 0 #0000000d, 0 0.125rem 0.25rem 0 #0000000d,
    0 0.0625rem 0.125rem 0 #0000000d, 0 0 0 0.0625rem #00000012;
  --p-shadow-bevel-100:
    0.0625rem 0 0 0 #00000021 inset, -0.0625rem 0 0 0 #00000021 inset,
    0 -0.0625rem 0 0 #0000002b inset, 0 0.0625rem 0 0 #cccccc80 inset;
  --p-shadow-inset-100:
    0 0.0625rem 0.125rem 0 #1a1a1a26 inset,
    0 0.0625rem 0.0625rem 0 #1a1a1a26 inset;
  --p-shadow-inset-200:
    0 0.125rem 0.0625rem 0 #1a1a1a33 inset,
    0.0625rem 0 0.0625rem 0 #1a1a1a1f inset,
    -0.0625rem 0 0.0625rem 0 #1a1a1a1f inset;
  --p-shadow-button:
    0 -0.0625rem 0 0 #b5b5b5 inset, 0 0 0 0.0625rem #0000001a inset,
    0 0.03125rem 0 0.09375rem #fff inset;
  --p-shadow-button-disabled: none;
  --p-shadow-button-hover:
    0 0.0625rem 0 0 #ebebeb inset, -0.0625rem 0 0 0 #ebebeb inset,
    0.0625rem 0 0 0 #ebebeb inset, 0 -0.0625rem 0 0 #ccc inset;
  --p-shadow-button-inset:
    -0.0625rem 0 0.0625rem 0 #1a1a1a1f inset,
    0.0625rem 0 0.0625rem 0 #1a1a1a1f inset,
    0 0.125rem 0.0625rem 0 #1a1a1a33 inset;
  --p-shadow-button-primary:
    0 -0.0625rem 0 0.0625rem #000000cc inset, 0 0 0 0.0625rem #303030 inset,
    0 0.03125rem 0 0.09375rem #ffffff40 inset;
  --p-shadow-button-primary-hover:
    0 0.0625rem 0 0 #ffffff3d inset, 0.0625rem 0 0 0 #ffffff33 inset,
    -0.0625rem 0 0 0 #ffffff33 inset, 0 -0.0625rem 0 0 #000 inset,
    0 -0.0625rem 0 0.0625rem #1a1a1a;
  --p-shadow-button-primary-inset: 0 0.1875rem 0 0 #000 inset;
  --p-shadow-button-primary-critical:
    0 -0.0625rem 0 0.0625rem #8e0b21cc inset, 0 0 0 0.0625rem #a30a24cc inset,
    0 0.03125rem 0 0.09375rem #f78086a3 inset;
  --p-shadow-button-primary-critical-hover:
    0 -0.0625rem 0 0.0625rem #8e0b21cc inset, 0 0 0 0.0625rem #a30a24cc inset,
    0 0.03125rem 0 0.09375rem #f7808670 inset;
  --p-shadow-button-primary-critical-inset:
    -0.0625rem 0 0.0625rem 0 #00000033 inset,
    0.0625rem 0 0.0625rem 0 #00000033 inset, 0 0.125rem 0 0 #00000099 inset;
  --p-shadow-button-primary-success:
    0 -0.0625rem 0 0.0625rem #0c5132cc inset, 0 0 0 0.0625rem #136f45cc inset,
    0 0.03125rem 0 0.09375rem #ffffff40 inset;
  --p-shadow-button-primary-success-hover:
    0 0.0625rem 0 0 #ffffff7a inset, 0.0625rem 0 0 0 #ffffff33 inset,
    -0.0625rem 0 0 0 #ffffff33 inset, 0 -0.09375rem 0 0 #00000040 inset;
  --p-shadow-button-primary-success-inset:
    -0.0625rem 0 0.0625rem 0 #00000033 inset,
    0.0625rem 0 0.0625rem 0 #00000033 inset, 0 0.125rem 0 0 #00000099 inset;
  --p-shadow-border-inset: 0 0 0 0.0625rem #00000014 inset;
  --p-shadow-choice-checked: initial;
  --p-shadow-choice-critical-checked: initial;
  --p-shadow-input: initial;
  --p-shadow-input-ai: initial;
  --p-shadow-input-disabled: initial;
  --p-shadow-input-critical: initial;
  --p-shadow-input-critical-focus: initial;
  --p-shadow-input-error: var(--p-shadow-input-critical);
  --p-shadow-input-error-focus: var(--p-shadow-input-critical-focus);
  --p-shadow-input-focus: initial;
  --p-shadow-nav-item-active: none;
  --p-shadow-nav-selected: none;
  --p-shadow-toolbar-action: none;
  --p-shadow-toolbar-action-active: var(--p-shadow-inset-200);
  --p-shadow-page-button: var(--p-shadow-toolbar-action);
  --p-shadow-page-button-active: var(--p-shadow-toolbar-action-active);
  --p-shadow-control-knob:
    0 0.3125rem 0.3125rem -0.15625rem #00000008,
    0 0.1875rem 0.1875rem -0.09375rem #00000005,
    0 0.125rem 0.125rem -0.0625rem #00000005,
    0 0.0625rem 0.0625rem -0.03125rem #00000008,
    0 0.03125rem 0.03125rem 0 #0000000a, 0 0 0 0.0625rem #0000000f;
  --p-shadow-section:
    0 0.3125rem 0.3125rem -0.15625rem #00000008,
    0 0.1875rem 0.1875rem -0.09375rem #00000005,
    0 0.125rem 0.125rem -0.0625rem #00000005,
    0 0.0625rem 0.0625rem -0.03125rem #00000008,
    0 0.03125rem 0.03125rem 0 #0000000a, 0 0 0 0.0625rem #0000000f;
  --p-shadow-container:
    0 0.3125rem 0.3125rem -0.15625rem #00000008,
    0 0.1875rem 0.1875rem -0.09375rem #00000005,
    0 0.125rem 0.125rem -0.0625rem #00000005,
    0 0.0625rem 0.0625rem -0.03125rem #00000008,
    0 0.03125rem 0.03125rem 0 #0000000a, 0 0 0 0.0625rem #0000000f;
  --p-shadow-banner:
    0 0.5rem 0.625rem -0.3125rem #00000014,
    0 0.3125rem 0.3125rem -0.15625rem #00000008,
    0 0.1875rem 0.1875rem -0.09375rem #00000005,
    0 0.125rem 0.125rem -0.0625rem #00000005,
    0 0.0625rem 0.0625rem -0.03125rem #00000008,
    0 0.03125rem 0.03125rem 0 #0000000a, 0 0 0 0.0625rem #0000000f;
  --p-shadow-popover:
    0 0.5rem 1.5rem -0.5rem #00000047, 0 0.5rem 1rem -0.25rem #0000000d,
    0 0.1875rem 0.375rem 0 #0000000d, 0 0.125rem 0.25rem 0 #0000000d,
    0 0.0625rem 0.125rem 0 #0000000d, 0 0 0 0.0625rem #0000000f;
  --p-shadow-dialog:
    0 1.25rem 2rem -0.75rem #00000033, 0 0.625rem 1rem -0.375rem #00000014,
    0 0.1875rem 0.375rem 0 #00000014, 0 0.125rem 0.25rem 0 #00000014,
    0 0.0625rem 0.125rem 0 #0000000d, 0 0 0 0.0625rem #0000000f;
  --p-shadow-toast:
    0 1.5rem 2.25rem -0.75rem #0000001f, 0 1.5rem 1.5rem -0.75rem #00000014,
    0 0.5rem 1rem -0.375rem #00000014, 0 0.1875rem 0.375rem 0 #00000014,
    0 0.125rem 0.25rem 0 #00000014, 0 0.0625rem 0.125rem 0 #0000000d,
    0 0 0 0.0625rem #0000000f;
  --p-space-0: 0;
  --p-space-025: 0.0625rem;
  --p-space-050: 0.125rem;
  --p-space-100: 0.25rem;
  --p-space-150: 0.375rem;
  --p-space-200: 0.5rem;
  --p-space-250: 0.625rem;
  --p-space-300: 0.75rem;
  --p-space-400: 1rem;
  --p-space-500: 1.25rem;
  --p-space-600: 1.5rem;
  --p-space-700: 1.75rem;
  --p-space-800: 2rem;
  --p-space-1000: 2.5rem;
  --p-space-1200: 3rem;
  --p-space-1600: 4rem;
  --p-space-2000: 5rem;
  --p-space-2400: 6rem;
  --p-space-2800: 7rem;
  --p-space-3200: 8rem;
  --p-space-button-group-gap: var(--p-space-200);
  --p-space-card-gap: var(--p-space-400);
  --p-space-card-padding: var(--p-space-400);
  --p-space-table-cell-padding: var(--p-space-150);
  --p-space-choice-size: var(--p-space-400);
  --p-space-choice-margin: var(--p-space-0);
  --p-space-badge-padding-inline: var(--p-space-200);
  --p-space-badge-padding-inline-large: var(--p-space-200);
  --p-space-badge-icon-padding-inline-start: var(--p-space-100);
  --p-space-badge-icon-padding-inline-start-large: var(--p-space-150);
  --p-width-0: 0;
  --p-width-025: 0.0625rem;
  --p-width-050: 0.125rem;
  --p-width-100: 0.25rem;
  --p-width-150: 0.375rem;
  --p-width-200: 0.5rem;
  --p-width-300: 0.75rem;
  --p-width-400: 1rem;
  --p-width-500: 1.25rem;
  --p-width-600: 1.5rem;
  --p-width-700: 1.75rem;
  --p-width-800: 2rem;
  --p-width-900: 2.25rem;
  --p-width-1000: 2.5rem;
  --p-width-1200: 3rem;
  --p-width-1600: 4rem;
  --p-width-2000: 5rem;
  --p-width-2400: 6rem;
  --p-width-2800: 7rem;
  --p-width-3200: 8rem;
  --p-z-index-0: auto;
  --p-z-index-1: 100;
  --p-z-index-2: 400;
  --p-z-index-3: 510;
  --p-z-index-4: 512;
  --p-z-index-5: 513;
  --p-z-index-6: 514;
  --p-z-index-7: 515;
  --p-z-index-8: 516;
  --p-z-index-9: 517;
  --p-z-index-10: 518;
  --p-z-index-11: 519;
  --p-z-index-12: 520;
}