@theme theme-petanimo inline{ --color-petanimo-50: oklch(92.8% .08 262); --color-petanimo-100: oklch(88.6% .1 262); --color-petanimo-200: oklch(80.4% .12 262); --color-petanimo-300: oklch(72.4% .14 262); --color-petanimo-400: oklch(64.6% .16 262); --color-petanimo-500: oklch(57% .14 262); --color-petanimo-600: oklch(49.6% .12 262); --color-petanimo-700: oklch(42.4% .1 262); --color-petanimo-800: oklch(35.4% .08 262); --color-petanimo-900: oklch(28.6% .06 262); --color-petanimo-950: oklch(25.3% .05 262); --color-petanimo-gray-50: oklch(98% .002 262); --color-petanimo-gray-100: oklch(95.5% .004 262); --color-petanimo-gray-200: oklch(89.7% .008 262); --color-petanimo-gray-300: oklch(82.7% .012 262); --color-petanimo-gray-400: oklch(73% .018 262); --color-petanimo-gray-500: oklch(62.5% .02 262); --color-petanimo-gray-600: oklch(52.8% .016 262); --color-petanimo-gray-700: oklch(41.4% .012 262); --color-petanimo-gray-800: oklch(26.9% .006 262); --color-petanimo-gray-900: oklch(20.5% .004 262); --color-petanimo-gray-950: oklch(14.1% .002 262); }:root[data-theme=theme-petanimo],[data-theme=theme-petanimo]{--background: var(--color-white);--background-1: var(--color-petanimo-gray-50);--background-2: var(--color-petanimo-gray-100);--background-plain: var(--color-white);--foreground: var(--color-petanimo-gray-800);--foreground-inverse: var(--color-white);--inverse: var(--color-primary-950);--border: var(--color-petanimo-gray-200);--border-line-inverse: var(--color-white);--border-line-1: var(--color-petanimo-gray-100);--border-line-2: var(--color-petanimo-gray-200);--border-line-3: var(--color-petanimo-gray-300);--border-line-4: var(--color-petanimo-gray-400);--border-line-5: var(--color-petanimo-gray-500);--border-line-6: var(--color-petanimo-gray-600);--border-line-7: var(--color-petanimo-gray-700);--border-line-8: var(--color-petanimo-gray-800);--primary-50: var(--color-petanimo-50);--primary-100: var(--color-petanimo-100);--primary-200: var(--color-petanimo-200);--primary-300: var(--color-petanimo-300);--primary-400: var(--color-petanimo-400);--primary-500: var(--color-petanimo-500);--primary-600: var(--color-petanimo-600);--primary-700: var(--color-petanimo-700);--primary-800: var(--color-petanimo-800);--primary-900: var(--color-petanimo-900);--primary-950: var(--color-petanimo-950);--primary: var(--color-primary-600);--primary-line: transparent;--primary-foreground: var(--color-white);--primary-hover: var(--color-primary-700);--primary-focus: var(--color-primary-700);--primary-active: var(--color-primary-700);--primary-checked: var(--color-primary-600);--secondary: var(--color-petanimo-gray-900);--secondary-line: transparent;--secondary-foreground: var(--color-white);--secondary-hover: var(--color-petanimo-gray-800);--secondary-focus: var(--color-petanimo-gray-800);--secondary-active: var(--color-petanimo-gray-800);--layer: var(--background-plain);--layer-line: var(--border);--layer-foreground: var(--foreground);--layer-hover: var(--background-1);--layer-focus: var(--background-1);--layer-active: var(--background-1);--surface: var(--color-petanimo-gray-100);--surface-1: var(--color-petanimo-gray-200);--surface-2: var(--color-petanimo-gray-300);--surface-3: var(--color-petanimo-gray-400);--surface-4: var(--color-petanimo-gray-500);--surface-5: var(--color-petanimo-gray-600);--surface-line: transparent;--surface-foreground: var(--color-petanimo-gray-800);--surface-hover: var(--color-petanimo-gray-200);--surface-focus: var(--color-petanimo-gray-200);--surface-active: var(--color-petanimo-gray-200);--muted: var(--color-petanimo-gray-50);--muted-foreground: var(--color-petanimo-gray-500);--muted-foreground-1: var(--color-petanimo-gray-600);--muted-foreground-2: var(--color-petanimo-gray-700);--muted-hover: var(--color-petanimo-gray-100);--muted-focus: var(--color-petanimo-gray-100);--muted-active: var(--color-petanimo-gray-100);--destructive: var(--color-red-500);--destructive-foreground: var(--color-white);--destructive-hover: var(--color-red-600);--destructive-focus: var(--color-red-600);--navbar: var(--background-plain);--navbar-line: var(--border);--navbar-divider: var(--border);--navbar-nav-foreground: var(--foreground);--navbar-nav-hover: var(--muted-hover);--navbar-nav-focus: var(--muted-hover);--navbar-nav-active: var(--muted-hover);--navbar-nav-list-divider: var(--border);--navbar-inverse: var(--inverse);--navbar-1: var(--background-1);--navbar-1-line: var(--border);--navbar-1-divider: var(--border);--navbar-1-nav-foreground: var(--foreground);--navbar-1-nav-hover: var(--surface-1);--navbar-1-nav-focus: var(--surface-1);--navbar-1-nav-active: var(--surface-1);--navbar-1-nav-list-divider: var(--border);--navbar-2: var(--background-2);--navbar-2-line: transparent;--navbar-2-divider: var(--border-line-3);--navbar-2-nav-foreground: var(--foreground);--navbar-2-nav-hover: var(--surface-1);--navbar-2-nav-focus: var(--surface-1);--navbar-2-nav-active: var(--surface-1);--navbar-2-nav-list-divider: var(--border);--sidebar: var(--background-plain);--sidebar-line: var(--border);--sidebar-divider: var(--border);--sidebar-nav-foreground: var(--foreground);--sidebar-nav-hover: var(--muted-hover);--sidebar-nav-focus: var(--muted-hover);--sidebar-nav-active: var(--muted-hover);--sidebar-nav-list-divider: var(--border);--sidebar-inverse: var(--inverse);--sidebar-1: var(--background-1);--sidebar-1-line: var(--border);--sidebar-1-divider: var(--border);--sidebar-1-nav-foreground: var(--foreground);--sidebar-1-nav-hover: var(--surface-1);--sidebar-1-nav-focus: var(--surface-1);--sidebar-1-nav-active: var(--surface-1);--sidebar-1-nav-list-divider: var(--border);--sidebar-2: var(--background-2);--sidebar-2-line: transparent;--sidebar-2-divider: var(--border);--sidebar-2-nav-foreground: var(--foreground);--sidebar-2-nav-hover: var(--surface-1);--sidebar-2-nav-focus: var(--surface-1);--sidebar-2-nav-active: var(--surface-1);--sidebar-2-nav-list-divider: var(--border);--card: var(--background-plain);--card-line: var(--border);--card-divider: var(--border);--card-header: var(--background-2);--card-footer: var(--background-2);--card-inverse: var(--inverse);--dropdown: var(--background-plain);--dropdown-1: var(--background-plain);--dropdown-line: transparent;--dropdown-divider: var(--border);--dropdown-header: var(--background-2);--dropdown-footer: var(--background-2);--dropdown-item-foreground: var(--foreground);--dropdown-item-hover: var(--muted-hover);--dropdown-item-focus: var(--muted-hover);--dropdown-item-active: var(--muted-hover);--dropdown-inverse: var(--inverse);--select: var(--background-plain);--select-1: var(--background-plain);--select-line: transparent;--select-item-foreground: var(--foreground);--select-item-hover: var(--muted-hover);--select-item-focus: var(--muted-hover);--select-item-active: var(--muted-hover);--select-inverse: var(--inverse);--overlay: var(--background-plain);--overlay-line: transparent;--overlay-divider: var(--border);--overlay-header: var(--background-2);--overlay-footer: var(--background-2);--overlay-inverse: var(--inverse);--popover: var(--background-plain);--popover-line: var(--border-line-1);--tooltip: var(--inverse);--tooltip-foreground: var(--foreground-inverse);--tooltip-line: transparent;--table-line: var(--border);--switch: var(--background-plain);--footer: var(--background-plain);--footer-line: var(--border);--footer-inverse: var(--inverse);--scrollbar-track: var(--background-1);--scrollbar-thumb: var(--surface-2);--scrollbar-track-inverse: transparent;--scrollbar-thumb-inverse: var(--foreground-inverse);--chart-colors-background: var(--background-plain);--chart-colors-background-inverse: var(--inverse);--chart-colors-chart-inverse: var(--background-1);--chart-colors-foreground: var(--foreground);--chart-colors-foreground-inverse: var(--foreground-inverse);--chart-primary: var(--color-primary-600);--chart-colors-primary: var(--color-primary-600);--chart-colors-primary-inverse: var(--color-primary-300);--chart-colors-primary-hex: var(--color-primary-600);--chart-colors-primary-hex-inverse: var(--color-primary-300);--chart-1: var(--color-primary-50);--chart-colors-chart-1: var(--color-primary-50);--chart-colors-chart-1-inverse: var(--color-primary-100);--chart-colors-chart-1-hex: var(--color-primary-50);--chart-colors-chart-1-hex-inverse: var(--color-primary-100);--chart-2: var(--color-primary-200);--chart-colors-chart-2: var(--color-primary-200);--chart-colors-chart-2-inverse: var(--color-primary-300);--chart-colors-chart-2-hex: var(--color-primary-200);--chart-colors-chart-2-hex-inverse: var(--color-primary-300);--chart-3: var(--color-primary-400);--chart-colors-chart-3: var(--color-primary-400);--chart-colors-chart-3-inverse: var(--color-primary-500);--chart-colors-chart-3-hex: var(--color-primary-400);--chart-colors-chart-3-hex-inverse: var(--color-primary-500);--chart-4: var(--color-primary-700);--chart-colors-chart-4: var(--color-primary-700);--chart-colors-chart-4-inverse: var(--color-primary-500);--chart-colors-chart-4-hex: var(--color-primary-700);--chart-colors-chart-4-hex-inverse: var(--color-primary-500);--chart-5: var(--color-primary-900);--chart-colors-chart-5: var(--color-primary-900);--chart-colors-chart-5-inverse: var(--color-primary-700);--chart-colors-chart-5-hex: var(--color-primary-900);--chart-colors-chart-5-hex-inverse: var(--color-primary-700);--chart-6: var(--color-sky-600);--chart-colors-chart-6: var(--color-sky-600);--chart-colors-chart-6-inverse: var(--color-sky-400);--chart-colors-chart-6-hex: var(--color-sky-600);--chart-colors-chart-6-hex-inverse: var(--color-sky-400);--chart-7: var(--color-emerald-600);--chart-colors-chart-7: var(--color-emerald-600);--chart-colors-chart-7-inverse: var(--color-emerald-400);--chart-colors-chart-7-hex: var(--color-emerald-600);--chart-colors-chart-7-hex-inverse: var(--color-emerald-400);--chart-8: var(--color-violet-600);--chart-colors-chart-8: var(--color-violet-600);--chart-colors-chart-8-inverse: var(--color-violet-400);--chart-colors-chart-8-hex: var(--color-violet-600);--chart-colors-chart-8-hex-inverse: var(--color-violet-400);--chart-9: var(--color-rose-500);--chart-colors-chart-9: var(--color-rose-500);--chart-colors-chart-9-inverse: var(--color-rose-300);--chart-colors-chart-9-hex: var(--color-rose-500);--chart-colors-chart-9-hex-inverse: var(--color-rose-300);--chart-10: var(--color-petanimo-gray-300);--chart-colors-chart-10: var(--color-petanimo-gray-300);--chart-colors-chart-10-inverse: var(--color-petanimo-gray-500);--chart-colors-chart-10-hex: var(--color-petanimo-gray-300);--chart-colors-chart-10-hex-inverse: var(--color-petanimo-gray-500);--chart-colors-candlestick-upward: var(--color-green-500);--chart-colors-candlestick-upward-inverse: var(--color-green-400);--chart-colors-candlestick-downward: var(--color-red-500);--chart-colors-candlestick-downward-inverse: var(--color-red-400);--chart-colors-labels: var(--color-petanimo-gray-600);--chart-colors-labels-inverse: var(--color-petanimo-gray-400);--chart-colors-xaxis-labels: var(--color-petanimo-gray-500);--chart-colors-xaxis-labels-inverse: var(--color-petanimo-gray-400);--chart-colors-yaxis-labels: var(--color-petanimo-gray-500);--chart-colors-yaxis-labels-inverse: var(--color-petanimo-gray-400);--chart-colors-grid-border: var(--border);--chart-colors-grid-border-inverse: var(--color-petanimo-gray-700);--chart-colors-bar-ranges: var(--surface-1);--chart-colors-bar-ranges-inverse: var(--color-petanimo-gray-700);--map-colors-primary: var(--color-primary-500);--map-colors-primary-inverse: var(--color-primary-300);--map-colors-default: var(--surface-1);--map-colors-default-inverse: var(--color-petanimo-gray-700);--map-colors-highlight: var(--color-primary-300);--map-colors-highlight-inverse: var(--color-primary-500);--map-colors-border: var(--border-line-3);--map-colors-border-inverse: var(--color-petanimo-gray-600)}[data-theme=theme-petanimo].dark{--background: var(--color-petanimo-gray-800);--background-1: var(--color-petanimo-gray-900);--background-2: var(--color-petanimo-gray-950);--background-plain: var(--color-petanimo-gray-800);--foreground: var(--color-petanimo-gray-200);--foreground-inverse: var(--color-white);--inverse: var(--color-petanimo-gray-950);--border: var(--color-petanimo-gray-700);--border-line-inverse: var(--color-petanimo-gray-200);--border-line-1: var(--color-petanimo-gray-800);--border-line-2: var(--color-petanimo-gray-700);--border-line-3: var(--color-petanimo-gray-600);--border-line-4: var(--color-petanimo-gray-500);--border-line-5: var(--color-petanimo-gray-400);--border-line-6: var(--color-petanimo-gray-300);--border-line-7: var(--color-petanimo-gray-200);--border-line-8: var(--color-petanimo-gray-100);--primary: var(--color-primary-500);--primary-line: transparent;--primary-foreground: var(--color-white);--primary-hover: var(--color-primary-600);--primary-focus: var(--color-primary-600);--primary-active: var(--color-primary-600);--primary-checked: var(--color-primary-500);--secondary: var(--color-white);--secondary-line: transparent;--secondary-foreground: var(--color-petanimo-gray-800);--secondary-hover: var(--color-petanimo-gray-100);--secondary-focus: var(--color-petanimo-gray-100);--secondary-active: var(--color-petanimo-gray-100);--layer: var(--background);--layer-line: var(--border);--layer-foreground: var(--color-white);--layer-hover: var(--color-petanimo-gray-700);--layer-focus: var(--color-petanimo-gray-700);--layer-active: var(--color-petanimo-gray-700);--surface: var(--color-petanimo-gray-700);--surface-1: var(--color-petanimo-gray-600);--surface-2: var(--color-petanimo-gray-500);--surface-3: var(--color-petanimo-gray-600);--surface-4: var(--color-petanimo-gray-500);--surface-5: var(--color-petanimo-gray-400);--surface-line: transparent;--surface-foreground: var(--color-petanimo-gray-200);--surface-hover: var(--color-petanimo-gray-600);--surface-focus: var(--color-petanimo-gray-600);--surface-active: var(--color-petanimo-gray-600);--muted: var(--color-petanimo-gray-800);--muted-foreground: var(--color-petanimo-gray-500);--muted-foreground-1: var(--color-petanimo-gray-400);--muted-foreground-2: var(--color-petanimo-gray-300);--muted-hover: var(--color-petanimo-gray-700);--muted-focus: var(--color-petanimo-gray-700);--muted-active: var(--color-petanimo-gray-700);--destructive: var(--color-red-500);--destructive-foreground: var(--color-white);--destructive-hover: var(--color-red-600);--destructive-focus: var(--color-red-600);--navbar: var(--background);--navbar-line: var(--border);--navbar-divider: var(--border);--navbar-nav-foreground: var(--foreground);--navbar-nav-hover: var(--muted-hover);--navbar-nav-focus: var(--muted-hover);--navbar-nav-active: var(--muted-hover);--navbar-nav-list-divider: var(--border);--navbar-inverse: var(--inverse);--navbar-1: var(--background-1);--navbar-1-line: var(--border);--navbar-1-divider: var(--border);--navbar-1-nav-foreground: var(--foreground);--navbar-1-nav-hover: var(--surface);--navbar-1-nav-focus: var(--surface);--navbar-1-nav-active: var(--surface);--navbar-1-nav-list-divider: var(--border);--navbar-2: var(--background-2);--navbar-2-line: transparent;--navbar-2-divider: var(--border);--navbar-2-nav-foreground: var(--foreground);--navbar-2-nav-hover: var(--surface);--navbar-2-nav-focus: var(--surface);--navbar-2-nav-active: var(--surface);--navbar-2-nav-list-divider: var(--border);--sidebar: var(--background);--sidebar-line: var(--border);--sidebar-divider: var(--border);--sidebar-nav-foreground: var(--foreground);--sidebar-nav-hover: var(--muted-hover);--sidebar-nav-focus: var(--muted-hover);--sidebar-nav-active: var(--muted-hover);--sidebar-nav-list-divider: var(--border);--sidebar-inverse: var(--inverse);--sidebar-1: var(--background-1);--sidebar-1-line: var(--border);--sidebar-1-divider: var(--border);--sidebar-1-nav-foreground: var(--foreground);--sidebar-1-nav-hover: var(--surface);--sidebar-1-nav-focus: var(--surface);--sidebar-1-nav-active: var(--surface);--sidebar-1-nav-list-divider: var(--border);--sidebar-2: var(--background-2);--sidebar-2-line: transparent;--sidebar-2-divider: var(--border);--sidebar-2-nav-foreground: var(--foreground);--sidebar-2-nav-hover: var(--surface);--sidebar-2-nav-focus: var(--surface);--sidebar-2-nav-active: var(--surface);--sidebar-2-nav-list-divider: var(--border);--card: var(--background);--card-line: var(--border);--card-divider: var(--border);--card-header: var(--surface);--card-footer: var(--surface);--card-inverse: var(--inverse);--dropdown: var(--background-1);--dropdown-1: var(--background-2);--dropdown-line: transparent;--dropdown-divider: var(--border);--dropdown-header: var(--surface);--dropdown-footer: var(--surface);--dropdown-item-foreground: var(--foreground);--dropdown-item-hover: var(--muted-hover);--dropdown-item-focus: var(--muted-hover);--dropdown-item-active: var(--muted-hover);--dropdown-inverse: var(--inverse);--select: var(--background-1);--select-1: var(--background-2);--select-line: transparent;--select-item-foreground: var(--foreground);--select-item-hover: var(--muted-hover);--select-item-focus: var(--muted-hover);--select-item-active: var(--muted-hover);--select-inverse: var(--inverse);--overlay: var(--background);--overlay-line: transparent;--overlay-divider: var(--border);--overlay-header: var(--surface);--overlay-footer: var(--surface);--overlay-inverse: var(--inverse);--popover: var(--background-1);--popover-line: var(--border);--tooltip: var(--color-white);--tooltip-foreground: var(--color-petanimo-gray-800);--tooltip-line: transparent;--table-line: var(--border);--switch: var(--color-white);--footer: var(--background);--footer-line: var(--border);--footer-inverse: var(--inverse);--scrollbar-track: var(--surface);--scrollbar-thumb: var(--surface-3);--scrollbar-track-inverse: var(--surface-4);--scrollbar-thumb-inverse: var(--surface-2);--chart-colors-background: var(--background);--chart-colors-background-inverse: var(--color-petanimo-gray-100);--chart-colors-chart-inverse: var(--background-1);--chart-colors-foreground: var(--color-petanimo-gray-300);--chart-colors-foreground-inverse: var(--color-white);--chart-primary: var(--color-primary-500);--chart-colors-primary: var(--color-primary-500);--chart-colors-primary-inverse: var(--color-primary-300);--chart-colors-primary-hex: var(--color-primary-500);--chart-colors-primary-hex-inverse: var(--color-primary-300);--chart-1: var(--color-primary-200);--chart-colors-chart-1: var(--color-primary-200);--chart-colors-chart-1-inverse: var(--color-primary-300);--chart-colors-chart-1-hex: var(--color-primary-200);--chart-colors-chart-1-hex-inverse: var(--color-primary-300);--chart-2: var(--color-primary-300);--chart-colors-chart-2: var(--color-primary-300);--chart-colors-chart-2-inverse: var(--color-primary-400);--chart-colors-chart-2-hex: var(--color-primary-300);--chart-colors-chart-2-hex-inverse: var(--color-primary-400);--chart-3: var(--color-primary-400);--chart-colors-chart-3: var(--color-primary-400);--chart-colors-chart-3-inverse: var(--color-primary-500);--chart-colors-chart-3-hex: var(--color-primary-400);--chart-colors-chart-3-hex-inverse: var(--color-primary-500);--chart-4: var(--color-primary-500);--chart-colors-chart-4: var(--color-primary-500);--chart-colors-chart-4-inverse: var(--color-primary-600);--chart-colors-chart-4-hex: var(--color-primary-500);--chart-colors-chart-4-hex-inverse: var(--color-primary-600);--chart-5: var(--color-primary-300);--chart-colors-chart-5: var(--color-primary-300);--chart-colors-chart-5-inverse: var(--color-primary-500);--chart-colors-chart-5-hex: var(--color-primary-300);--chart-colors-chart-5-hex-inverse: var(--color-primary-500);--chart-6: var(--color-sky-400);--chart-colors-chart-6: var(--color-sky-400);--chart-colors-chart-6-inverse: var(--color-sky-300);--chart-colors-chart-6-hex: var(--color-sky-400);--chart-colors-chart-6-hex-inverse: var(--color-sky-300);--chart-7: var(--color-emerald-400);--chart-colors-chart-7: var(--color-emerald-400);--chart-colors-chart-7-inverse: var(--color-emerald-300);--chart-colors-chart-7-hex: var(--color-emerald-400);--chart-colors-chart-7-hex-inverse: var(--color-emerald-300);--chart-8: var(--color-violet-400);--chart-colors-chart-8: var(--color-violet-400);--chart-colors-chart-8-inverse: var(--color-violet-300);--chart-colors-chart-8-hex: var(--color-violet-400);--chart-colors-chart-8-hex-inverse: var(--color-violet-300);--chart-9: var(--color-rose-400);--chart-colors-chart-9: var(--color-rose-400);--chart-colors-chart-9-inverse: var(--color-rose-300);--chart-colors-chart-9-hex: var(--color-rose-400);--chart-colors-chart-9-hex-inverse: var(--color-rose-300);--chart-10: var(--color-petanimo-gray-300);--chart-colors-chart-10: var(--color-petanimo-gray-300);--chart-colors-chart-10-inverse: var(--color-petanimo-gray-500);--chart-colors-chart-10-hex: var(--color-petanimo-gray-300);--chart-colors-chart-10-hex-inverse: var(--color-petanimo-gray-500);--chart-colors-labels: var(--color-petanimo-gray-400);--chart-colors-xaxis-labels: var(--color-petanimo-gray-400);--chart-colors-yaxis-labels: var(--color-petanimo-gray-400);--chart-colors-grid-border: var(--border);--chart-colors-bar-ranges: var(--surface);--map-colors-default: var(--surface);--map-colors-default-inverse: var(--surface-2);--map-colors-border: var(--border-line-3);--map-colors-border-inverse: var(--border-line-4)}
/*# sourceMappingURL=/cdn/shop/t/31/assets/preline-theme.css.map */