update to Tabler v1.5.1

This commit is contained in:
JACS 2026-09-12 23:29:45 -05:00
parent 58bd5490e2
commit 0e6063f421
426 changed files with 57276 additions and 16205 deletions

View file

@ -10,378 +10,240 @@
* @param {Color} $color - The base color to be made transparent.
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
* @return {Color} - The resulting color with the specified transparency.
*
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
* the same result in every color space.
*/
:root,
:host {
/** Direction multiplier for physical transforms (1 = LTR, -1 = RTL) */
--tblr-dir: 1;
/** Fonts */
--tblr-font-monospace: Geist Mono, Monaco, Consolas, Liberation Mono, Courier New, monospace;
--tblr-font-sans-serif: Geist, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
--tblr-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
--tblr-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
--tblr-font-serif: Georgia, Times New Roman, times, serif;
--tblr-font-comic: Comic Sans MS, Comic Sans, Chalkboard SE, Comic Neue, sans-serif, cursive;
/** Gray colors */
--tblr-gray-50: #f9fafb;
--tblr-gray-100: #f3f4f6;
--tblr-gray-200: #e5e7eb;
--tblr-gray-300: #d1d5db;
--tblr-gray-400: #9ca3af;
--tblr-gray-500: #6b7280;
--tblr-gray-600: #4b5563;
--tblr-gray-700: #374151;
--tblr-gray-800: #1f2937;
--tblr-gray-900: #111827;
--tblr-gray-950: #030712;
--tblr-white: #ffffff;
--tblr-black: #000000;
--tblr-dark: #1f2937;
--tblr-light: #f9fafb;
--tblr-gray-50: oklch(98.46% 0.0017 247.84deg);
--tblr-gray-100: oklch(96.7% 0.0029 264.54deg);
--tblr-gray-200: oklch(92.76% 0.0058 264.53deg);
--tblr-gray-300: oklch(87.17% 0.0093 258.34deg);
--tblr-gray-400: oklch(71.37% 0.0192 261.32deg);
--tblr-gray-500: oklch(55.1% 0.0234 264.36deg);
--tblr-gray-600: oklch(44.61% 0.0263 256.8deg);
--tblr-gray-700: oklch(37.29% 0.0306 259.73deg);
--tblr-gray-800: oklch(27.81% 0.0296 256.85deg);
--tblr-gray-900: oklch(21.01% 0.0318 264.66deg);
--tblr-gray-950: oklch(12.96% 0.0274 261.69deg);
--tblr-white: #fff;
--tblr-white-lt: color-mix(in oklab, var(--tblr-white) 10%, transparent);
--tblr-black: #000;
--tblr-black-lt: color-mix(in oklab, var(--tblr-black) 10%, transparent);
--tblr-gray-lt: color-mix(in oklab, var(--tblr-gray) 10%, transparent);
--tblr-gray-dark-lt: color-mix(in oklab, var(--tblr-gray-dark) 10%, transparent);
--tblr-dark: oklch(27.81% 0.0296 256.85deg);
--tblr-light: oklch(98.46% 0.0017 247.84deg);
/** Brand colors */
--tblr-brand: #066fd1;
--tblr-brand: oklch(54.6% 0.1724 254.2deg);
/** Theme colors */
--tblr-primary: #066fd1;
--tblr-primary-rgb: 6, 111, 209;
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
--tblr-primary-fg: var(--tblr-light);
--tblr-primary-darken: rgb(5.4, 99.9, 188.1);
--tblr-primary-darken: color-mix(in oklab, var(--tblr-primary), transparent 20%);
--tblr-primary-lt: rgb(230.1, 240.6, 250.4);
--tblr-primary-lt: color-mix(in oklab, var(--tblr-primary) 10%, transparent);
--tblr-primary-200: color-mix(in oklab, var(--tblr-primary) 20%, transparent);
--tblr-primary-lt-rgb: 230.1, 240.6, 250.4;
--tblr-secondary: #6b7280;
--tblr-secondary-rgb: 107, 114, 128;
--tblr-secondary: oklch(55.1% 0.0234 264.36deg);
--tblr-secondary-fg: var(--tblr-light);
--tblr-secondary-darken: rgb(96.3, 102.6, 115.2);
--tblr-secondary-darken: color-mix(in oklab, var(--tblr-secondary), transparent 20%);
--tblr-secondary-lt: rgb(240.2, 240.9, 242.3);
--tblr-secondary-lt: color-mix(in oklab, var(--tblr-secondary) 10%, transparent);
--tblr-secondary-200: color-mix(in oklab, var(--tblr-secondary) 20%, transparent);
--tblr-secondary-lt-rgb: 240.2, 240.9, 242.3;
--tblr-success: #2fb344;
--tblr-success-rgb: 47, 179, 68;
--tblr-success: oklch(67.38% 0.1885 145.43deg);
--tblr-success-fg: var(--tblr-light);
--tblr-success-darken: rgb(42.3, 161.1, 61.2);
--tblr-success-darken: color-mix(in oklab, var(--tblr-success), transparent 20%);
--tblr-success-lt: rgb(234.2, 247.4, 236.3);
--tblr-success-lt: color-mix(in oklab, var(--tblr-success) 10%, transparent);
--tblr-success-200: color-mix(in oklab, var(--tblr-success) 20%, transparent);
--tblr-success-lt-rgb: 234.2, 247.4, 236.3;
--tblr-info: #4299e1;
--tblr-info-rgb: 66, 153, 225;
--tblr-info: oklch(66.26% 0.1358 246.81deg);
--tblr-info-fg: var(--tblr-light);
--tblr-info-darken: rgb(59.4, 137.7, 202.5);
--tblr-info-darken: color-mix(in oklab, var(--tblr-info), transparent 20%);
--tblr-info-lt: rgb(236.1, 244.8, 252);
--tblr-info-lt: color-mix(in oklab, var(--tblr-info) 10%, transparent);
--tblr-info-200: color-mix(in oklab, var(--tblr-info) 20%, transparent);
--tblr-info-lt-rgb: 236.1, 244.8, 252;
--tblr-warning: #f59f00;
--tblr-warning-rgb: 245, 159, 0;
--tblr-warning: oklch(77.02% 0.1658 71.02deg);
--tblr-warning-fg: var(--tblr-light);
--tblr-warning-darken: rgb(220.5, 143.1, 0);
--tblr-warning-darken: color-mix(in oklab, var(--tblr-warning), transparent 20%);
--tblr-warning-lt: rgb(254, 245.4, 229.5);
--tblr-warning-lt: color-mix(in oklab, var(--tblr-warning) 10%, transparent);
--tblr-warning-200: color-mix(in oklab, var(--tblr-warning) 20%, transparent);
--tblr-warning-lt-rgb: 254, 245.4, 229.5;
--tblr-danger: #d63939;
--tblr-danger-rgb: 214, 57, 57;
--tblr-danger: oklch(58.29% 0.1941 25.59deg);
--tblr-danger-fg: var(--tblr-light);
--tblr-danger-darken: rgb(192.6, 51.3, 51.3);
--tblr-danger-darken: color-mix(in oklab, var(--tblr-danger), transparent 20%);
--tblr-danger-lt: rgb(250.9, 235.2, 235.2);
--tblr-danger-lt: color-mix(in oklab, var(--tblr-danger) 10%, transparent);
--tblr-danger-200: color-mix(in oklab, var(--tblr-danger) 20%, transparent);
--tblr-danger-lt-rgb: 250.9, 235.2, 235.2;
--tblr-light: #f9fafb;
--tblr-light-rgb: 249, 250, 251;
--tblr-light: oklch(98.46% 0.0017 247.84deg);
--tblr-light-fg: var(--tblr-dark);
--tblr-light-darken: rgb(224.1, 225, 225.9);
--tblr-light-darken: color-mix(in oklab, var(--tblr-light), transparent 20%);
--tblr-light-lt: rgb(254.4, 254.5, 254.6);
--tblr-light-lt: color-mix(in oklab, var(--tblr-light) 10%, transparent);
--tblr-light-200: color-mix(in oklab, var(--tblr-light) 20%, transparent);
--tblr-light-lt-rgb: 254.4, 254.5, 254.6;
--tblr-dark: #1f2937;
--tblr-dark-rgb: 31, 41, 55;
--tblr-dark: oklch(27.81% 0.0296 256.85deg);
--tblr-dark-fg: var(--tblr-light);
--tblr-dark-darken: rgb(27.9, 36.9, 49.5);
--tblr-dark-darken: color-mix(in oklab, var(--tblr-dark), transparent 20%);
--tblr-dark-lt: rgb(232.6, 233.6, 235);
--tblr-dark-lt: color-mix(in oklab, var(--tblr-dark) 10%, transparent);
--tblr-dark-200: color-mix(in oklab, var(--tblr-dark) 20%, transparent);
--tblr-dark-lt-rgb: 232.6, 233.6, 235;
--tblr-muted: #6b7280;
--tblr-muted-rgb: 107, 114, 128;
--tblr-muted: oklch(55.1% 0.0234 264.36deg);
--tblr-muted-fg: var(--tblr-light);
--tblr-muted-darken: rgb(96.3, 102.6, 115.2);
--tblr-muted-darken: color-mix(in oklab, var(--tblr-muted), transparent 20%);
--tblr-muted-lt: rgb(240.2, 240.9, 242.3);
--tblr-muted-lt: color-mix(in oklab, var(--tblr-muted) 10%, transparent);
--tblr-muted-200: color-mix(in oklab, var(--tblr-muted) 20%, transparent);
--tblr-muted-lt-rgb: 240.2, 240.9, 242.3;
--tblr-blue: #066fd1;
--tblr-blue-rgb: 6, 111, 209;
--tblr-blue: oklch(54.6% 0.1724 254.2deg);
--tblr-blue-fg: var(--tblr-light);
--tblr-blue-darken: rgb(5.4, 99.9, 188.1);
--tblr-blue-darken: color-mix(in oklab, var(--tblr-blue), transparent 20%);
--tblr-blue-lt: rgb(230.1, 240.6, 250.4);
--tblr-blue-lt: color-mix(in oklab, var(--tblr-blue) 10%, transparent);
--tblr-blue-200: color-mix(in oklab, var(--tblr-blue) 20%, transparent);
--tblr-blue-lt-rgb: 230.1, 240.6, 250.4;
--tblr-azure: #4299e1;
--tblr-azure-rgb: 66, 153, 225;
--tblr-azure: oklch(66.26% 0.1358 246.81deg);
--tblr-azure-fg: var(--tblr-light);
--tblr-azure-darken: rgb(59.4, 137.7, 202.5);
--tblr-azure-darken: color-mix(in oklab, var(--tblr-azure), transparent 20%);
--tblr-azure-lt: rgb(236.1, 244.8, 252);
--tblr-azure-lt: color-mix(in oklab, var(--tblr-azure) 10%, transparent);
--tblr-azure-200: color-mix(in oklab, var(--tblr-azure) 20%, transparent);
--tblr-azure-lt-rgb: 236.1, 244.8, 252;
--tblr-indigo: #4263eb;
--tblr-indigo-rgb: 66, 99, 235;
--tblr-indigo: oklch(55.66% 0.2082 268.35deg);
--tblr-indigo-fg: var(--tblr-light);
--tblr-indigo-darken: rgb(59.4, 89.1, 211.5);
--tblr-indigo-darken: color-mix(in oklab, var(--tblr-indigo), transparent 20%);
--tblr-indigo-lt: rgb(236.1, 239.4, 253);
--tblr-indigo-lt: color-mix(in oklab, var(--tblr-indigo) 10%, transparent);
--tblr-indigo-200: color-mix(in oklab, var(--tblr-indigo) 20%, transparent);
--tblr-indigo-lt-rgb: 236.1, 239.4, 253;
--tblr-purple: #ae3ec9;
--tblr-purple-rgb: 174, 62, 201;
--tblr-purple: oklch(57.83% 0.2186 319.15deg);
--tblr-purple-fg: var(--tblr-light);
--tblr-purple-darken: rgb(156.6, 55.8, 180.9);
--tblr-purple-darken: color-mix(in oklab, var(--tblr-purple), transparent 20%);
--tblr-purple-lt: rgb(246.9, 235.7, 249.6);
--tblr-purple-lt: color-mix(in oklab, var(--tblr-purple) 10%, transparent);
--tblr-purple-200: color-mix(in oklab, var(--tblr-purple) 20%, transparent);
--tblr-purple-lt-rgb: 246.9, 235.7, 249.6;
--tblr-pink: #d6336c;
--tblr-pink-rgb: 214, 51, 108;
--tblr-pink: oklch(58.81% 0.201 5.25deg);
--tblr-pink-fg: var(--tblr-light);
--tblr-pink-darken: rgb(192.6, 45.9, 97.2);
--tblr-pink-darken: color-mix(in oklab, var(--tblr-pink), transparent 20%);
--tblr-pink-lt: rgb(250.9, 234.6, 240.3);
--tblr-pink-lt: color-mix(in oklab, var(--tblr-pink) 10%, transparent);
--tblr-pink-200: color-mix(in oklab, var(--tblr-pink) 20%, transparent);
--tblr-pink-lt-rgb: 250.9, 234.6, 240.3;
--tblr-red: #d63939;
--tblr-red-rgb: 214, 57, 57;
--tblr-red: oklch(58.29% 0.1941 25.59deg);
--tblr-red-fg: var(--tblr-light);
--tblr-red-darken: rgb(192.6, 51.3, 51.3);
--tblr-red-darken: color-mix(in oklab, var(--tblr-red), transparent 20%);
--tblr-red-lt: rgb(250.9, 235.2, 235.2);
--tblr-red-lt: color-mix(in oklab, var(--tblr-red) 10%, transparent);
--tblr-red-200: color-mix(in oklab, var(--tblr-red) 20%, transparent);
--tblr-red-lt-rgb: 250.9, 235.2, 235.2;
--tblr-orange: #f76707;
--tblr-orange-rgb: 247, 103, 7;
--tblr-orange: oklch(68.51% 0.1954 44.57deg);
--tblr-orange-fg: var(--tblr-light);
--tblr-orange-darken: rgb(222.3, 92.7, 6.3);
--tblr-orange-darken: color-mix(in oklab, var(--tblr-orange), transparent 20%);
--tblr-orange-lt: rgb(254.2, 239.8, 230.2);
--tblr-orange-lt: color-mix(in oklab, var(--tblr-orange) 10%, transparent);
--tblr-orange-200: color-mix(in oklab, var(--tblr-orange) 20%, transparent);
--tblr-orange-lt-rgb: 254.2, 239.8, 230.2;
--tblr-yellow: #f59f00;
--tblr-yellow-rgb: 245, 159, 0;
--tblr-yellow: oklch(77.02% 0.1658 71.02deg);
--tblr-yellow-fg: var(--tblr-light);
--tblr-yellow-darken: rgb(220.5, 143.1, 0);
--tblr-yellow-darken: color-mix(in oklab, var(--tblr-yellow), transparent 20%);
--tblr-yellow-lt: rgb(254, 245.4, 229.5);
--tblr-yellow-lt: color-mix(in oklab, var(--tblr-yellow) 10%, transparent);
--tblr-yellow-200: color-mix(in oklab, var(--tblr-yellow) 20%, transparent);
--tblr-yellow-lt-rgb: 254, 245.4, 229.5;
--tblr-lime: #74b816;
--tblr-lime-rgb: 116, 184, 22;
--tblr-lime: oklch(70.99% 0.1897 131.53deg);
--tblr-lime-fg: var(--tblr-light);
--tblr-lime-darken: rgb(104.4, 165.6, 19.8);
--tblr-lime-darken: color-mix(in oklab, var(--tblr-lime), transparent 20%);
--tblr-lime-lt: rgb(241.1, 247.9, 231.7);
--tblr-lime-lt: color-mix(in oklab, var(--tblr-lime) 10%, transparent);
--tblr-lime-200: color-mix(in oklab, var(--tblr-lime) 20%, transparent);
--tblr-lime-lt-rgb: 241.1, 247.9, 231.7;
--tblr-green: #2fb344;
--tblr-green-rgb: 47, 179, 68;
--tblr-green: oklch(67.38% 0.1885 145.43deg);
--tblr-green-fg: var(--tblr-light);
--tblr-green-darken: rgb(42.3, 161.1, 61.2);
--tblr-green-darken: color-mix(in oklab, var(--tblr-green), transparent 20%);
--tblr-green-lt: rgb(234.2, 247.4, 236.3);
--tblr-green-lt: color-mix(in oklab, var(--tblr-green) 10%, transparent);
--tblr-green-200: color-mix(in oklab, var(--tblr-green) 20%, transparent);
--tblr-green-lt-rgb: 234.2, 247.4, 236.3;
--tblr-teal: #0ca678;
--tblr-teal-rgb: 12, 166, 120;
--tblr-teal: oklch(64.32% 0.1338 164.7deg);
--tblr-teal-fg: var(--tblr-light);
--tblr-teal-darken: rgb(10.8, 149.4, 108);
--tblr-teal-darken: color-mix(in oklab, var(--tblr-teal), transparent 20%);
--tblr-teal-lt: rgb(230.7, 246.1, 241.5);
--tblr-teal-lt: color-mix(in oklab, var(--tblr-teal) 10%, transparent);
--tblr-teal-200: color-mix(in oklab, var(--tblr-teal) 20%, transparent);
--tblr-teal-lt-rgb: 230.7, 246.1, 241.5;
--tblr-cyan: #17a2b8;
--tblr-cyan-rgb: 23, 162, 184;
--tblr-cyan: oklch(65.52% 0.1105 212.17deg);
--tblr-cyan-fg: var(--tblr-light);
--tblr-cyan-darken: rgb(20.7, 145.8, 165.6);
--tblr-cyan-darken: color-mix(in oklab, var(--tblr-cyan), transparent 20%);
--tblr-cyan-lt: rgb(231.8, 245.7, 247.9);
--tblr-cyan-lt: color-mix(in oklab, var(--tblr-cyan) 10%, transparent);
--tblr-cyan-200: color-mix(in oklab, var(--tblr-cyan) 20%, transparent);
--tblr-cyan-lt-rgb: 231.8, 245.7, 247.9;
--tblr-x: #000000;
--tblr-x-rgb: 0, 0, 0;
--tblr-x: #000;
--tblr-x-fg: var(--tblr-light);
--tblr-x-darken: black;
--tblr-x-darken: color-mix(in oklab, var(--tblr-x), transparent 20%);
--tblr-x-lt: rgb(229.5, 229.5, 229.5);
--tblr-x-lt: color-mix(in oklab, var(--tblr-x) 10%, transparent);
--tblr-x-200: color-mix(in oklab, var(--tblr-x) 20%, transparent);
--tblr-x-lt-rgb: 229.5, 229.5, 229.5;
--tblr-facebook: #1877f2;
--tblr-facebook-rgb: 24, 119, 242;
--tblr-facebook: #0866ff;
--tblr-facebook-fg: var(--tblr-light);
--tblr-facebook-darken: rgb(21.6, 107.1, 217.8);
--tblr-facebook-darken: color-mix(in oklab, var(--tblr-facebook), transparent 20%);
--tblr-facebook-lt: rgb(231.9, 241.4, 253.7);
--tblr-facebook-lt: color-mix(in oklab, var(--tblr-facebook) 10%, transparent);
--tblr-facebook-200: color-mix(in oklab, var(--tblr-facebook) 20%, transparent);
--tblr-facebook-lt-rgb: 231.9, 241.4, 253.7;
--tblr-twitter: #1da1f2;
--tblr-twitter-rgb: 29, 161, 242;
--tblr-twitter-fg: var(--tblr-light);
--tblr-twitter-darken: rgb(26.1, 144.9, 217.8);
--tblr-twitter-darken: color-mix(in oklab, var(--tblr-twitter), transparent 20%);
--tblr-twitter-lt: rgb(232.4, 245.6, 253.7);
--tblr-twitter-lt: color-mix(in oklab, var(--tblr-twitter) 10%, transparent);
--tblr-twitter-200: color-mix(in oklab, var(--tblr-twitter) 20%, transparent);
--tblr-twitter-lt-rgb: 232.4, 245.6, 253.7;
--tblr-linkedin: #0a66c2;
--tblr-linkedin-rgb: 10, 102, 194;
--tblr-linkedin-fg: var(--tblr-light);
--tblr-linkedin-darken: rgb(9, 91.8, 174.6);
--tblr-linkedin-darken: color-mix(in oklab, var(--tblr-linkedin), transparent 20%);
--tblr-linkedin-lt: rgb(230.5, 239.7, 248.9);
--tblr-linkedin-lt: color-mix(in oklab, var(--tblr-linkedin) 10%, transparent);
--tblr-linkedin-200: color-mix(in oklab, var(--tblr-linkedin) 20%, transparent);
--tblr-linkedin-lt-rgb: 230.5, 239.7, 248.9;
--tblr-google: #dc4e41;
--tblr-google-rgb: 220, 78, 65;
--tblr-google: #4285f4;
--tblr-google-fg: var(--tblr-light);
--tblr-google-darken: rgb(198, 70.2, 58.5);
--tblr-google-darken: color-mix(in oklab, var(--tblr-google), transparent 20%);
--tblr-google-lt: rgb(251.5, 237.3, 236);
--tblr-google-lt: color-mix(in oklab, var(--tblr-google) 10%, transparent);
--tblr-google-200: color-mix(in oklab, var(--tblr-google) 20%, transparent);
--tblr-google-lt-rgb: 251.5, 237.3, 236;
--tblr-youtube: #ff0000;
--tblr-youtube-rgb: 255, 0, 0;
--tblr-youtube: #f00;
--tblr-youtube-fg: var(--tblr-light);
--tblr-youtube-darken: rgb(229.5, 0, 0);
--tblr-youtube-darken: color-mix(in oklab, var(--tblr-youtube), transparent 20%);
--tblr-youtube-lt: rgb(255, 229.5, 229.5);
--tblr-youtube-lt: color-mix(in oklab, var(--tblr-youtube) 10%, transparent);
--tblr-youtube-200: color-mix(in oklab, var(--tblr-youtube) 20%, transparent);
--tblr-youtube-lt-rgb: 255, 229.5, 229.5;
--tblr-vimeo: #1ab7ea;
--tblr-vimeo-rgb: 26, 183, 234;
--tblr-vimeo-fg: var(--tblr-light);
--tblr-vimeo-darken: rgb(23.4, 164.7, 210.6);
--tblr-vimeo-darken: color-mix(in oklab, var(--tblr-vimeo), transparent 20%);
--tblr-vimeo-lt: rgb(232.1, 247.8, 252.9);
--tblr-vimeo-lt: color-mix(in oklab, var(--tblr-vimeo) 10%, transparent);
--tblr-vimeo-200: color-mix(in oklab, var(--tblr-vimeo) 20%, transparent);
--tblr-vimeo-lt-rgb: 232.1, 247.8, 252.9;
--tblr-dribbble: #ea4c89;
--tblr-dribbble-rgb: 234, 76, 137;
--tblr-dribbble-fg: var(--tblr-light);
--tblr-dribbble-darken: rgb(210.6, 68.4, 123.3);
--tblr-dribbble-darken: color-mix(in oklab, var(--tblr-dribbble), transparent 20%);
--tblr-dribbble-lt: rgb(252.9, 237.1, 243.2);
--tblr-dribbble-lt: color-mix(in oklab, var(--tblr-dribbble) 10%, transparent);
--tblr-dribbble-200: color-mix(in oklab, var(--tblr-dribbble) 20%, transparent);
--tblr-dribbble-lt-rgb: 252.9, 237.1, 243.2;
--tblr-github: #181717;
--tblr-github-rgb: 24, 23, 23;
--tblr-github-fg: var(--tblr-light);
--tblr-github-darken: rgb(21.6, 20.7, 20.7);
--tblr-github-darken: color-mix(in oklab, var(--tblr-github), transparent 20%);
--tblr-github-lt: rgb(231.9, 231.8, 231.8);
--tblr-github-lt: color-mix(in oklab, var(--tblr-github) 10%, transparent);
--tblr-github-200: color-mix(in oklab, var(--tblr-github) 20%, transparent);
--tblr-github-lt-rgb: 231.9, 231.8, 231.8;
--tblr-instagram: #e4405f;
--tblr-instagram-rgb: 228, 64, 95;
--tblr-instagram: #ff0069;
--tblr-instagram-fg: var(--tblr-light);
--tblr-instagram-darken: rgb(205.2, 57.6, 85.5);
--tblr-instagram-darken: color-mix(in oklab, var(--tblr-instagram), transparent 20%);
--tblr-instagram-lt: rgb(252.3, 235.9, 239);
--tblr-instagram-lt: color-mix(in oklab, var(--tblr-instagram) 10%, transparent);
--tblr-instagram-200: color-mix(in oklab, var(--tblr-instagram) 20%, transparent);
--tblr-instagram-lt-rgb: 252.3, 235.9, 239;
--tblr-pinterest: #bd081c;
--tblr-pinterest-rgb: 189, 8, 28;
--tblr-pinterest-fg: var(--tblr-light);
--tblr-pinterest-darken: rgb(170.1, 7.2, 25.2);
--tblr-pinterest-darken: color-mix(in oklab, var(--tblr-pinterest), transparent 20%);
--tblr-pinterest-lt: rgb(248.4, 230.3, 232.3);
--tblr-pinterest-lt: color-mix(in oklab, var(--tblr-pinterest) 10%, transparent);
--tblr-pinterest-200: color-mix(in oklab, var(--tblr-pinterest) 20%, transparent);
--tblr-pinterest-lt-rgb: 248.4, 230.3, 232.3;
--tblr-vk: #6383a8;
--tblr-vk-rgb: 99, 131, 168;
--tblr-vk: #07f;
--tblr-vk-fg: var(--tblr-light);
--tblr-vk-darken: rgb(89.1, 117.9, 151.2);
--tblr-vk-darken: color-mix(in oklab, var(--tblr-vk), transparent 20%);
--tblr-vk-lt: rgb(239.4, 242.6, 246.3);
--tblr-vk-lt: color-mix(in oklab, var(--tblr-vk) 10%, transparent);
--tblr-vk-200: color-mix(in oklab, var(--tblr-vk) 20%, transparent);
--tblr-vk-lt-rgb: 239.4, 242.6, 246.3;
--tblr-rss: #ffa500;
--tblr-rss-rgb: 255, 165, 0;
--tblr-rss-fg: var(--tblr-dark);
--tblr-rss-darken: rgb(229.5, 148.5, 0);
--tblr-rss-darken: color-mix(in oklab, var(--tblr-rss), transparent 20%);
--tblr-rss-lt: rgb(255, 246, 229.5);
--tblr-rss-lt: color-mix(in oklab, var(--tblr-rss) 10%, transparent);
--tblr-rss-200: color-mix(in oklab, var(--tblr-rss) 20%, transparent);
--tblr-rss-lt-rgb: 255, 246, 229.5;
--tblr-flickr: #0063dc;
--tblr-flickr-rgb: 0, 99, 220;
--tblr-flickr-fg: var(--tblr-light);
--tblr-flickr-darken: rgb(0, 89.1, 198);
--tblr-flickr-darken: color-mix(in oklab, var(--tblr-flickr), transparent 20%);
--tblr-flickr-lt: rgb(229.5, 239.4, 251.5);
--tblr-flickr-lt: color-mix(in oklab, var(--tblr-flickr) 10%, transparent);
--tblr-flickr-200: color-mix(in oklab, var(--tblr-flickr) 20%, transparent);
--tblr-flickr-lt-rgb: 229.5, 239.4, 251.5;
--tblr-bitbucket: #0052cc;
--tblr-bitbucket-rgb: 0, 82, 204;
--tblr-bitbucket-fg: var(--tblr-light);
--tblr-bitbucket-darken: rgb(0, 73.8, 183.6);
--tblr-bitbucket-darken: color-mix(in oklab, var(--tblr-bitbucket), transparent 20%);
--tblr-bitbucket-lt: rgb(229.5, 237.7, 249.9);
--tblr-bitbucket-lt: color-mix(in oklab, var(--tblr-bitbucket) 10%, transparent);
--tblr-bitbucket-200: color-mix(in oklab, var(--tblr-bitbucket) 20%, transparent);
--tblr-bitbucket-lt-rgb: 229.5, 237.7, 249.9;
--tblr-tabler: #066fd1;
--tblr-tabler-rgb: 6, 111, 209;
--tblr-tabler-fg: var(--tblr-light);
--tblr-tabler-darken: rgb(5.4, 99.9, 188.1);
--tblr-tabler-darken: color-mix(in oklab, var(--tblr-tabler), transparent 20%);
--tblr-tabler-lt: rgb(230.1, 240.6, 250.4);
--tblr-tabler-lt: color-mix(in oklab, var(--tblr-tabler) 10%, transparent);
--tblr-tabler-200: color-mix(in oklab, var(--tblr-tabler) 20%, transparent);
--tblr-tabler-lt-rgb: 230.1, 240.6, 250.4;
/** Gray colors */
--tblr-gray-50-fg: var(--tblr-body-color);
--tblr-gray-100-fg: var(--tblr-body-color);
--tblr-gray-200-fg: var(--tblr-body-color);
--tblr-gray-300-fg: var(--tblr-body-color);
--tblr-gray-400-fg: var(--tblr-white);
--tblr-gray-500-fg: var(--tblr-white);
--tblr-gray-600-fg: var(--tblr-white);
--tblr-gray-700-fg: var(--tblr-white);
--tblr-gray-800-fg: var(--tblr-white);
--tblr-gray-900-fg: var(--tblr-white);
--tblr-gray-950-fg: var(--tblr-white);
--tblr-gray-50-fg: var(--tblr-gray-50);
--tblr-gray-100-fg: var(--tblr-gray-100);
--tblr-gray-200-fg: var(--tblr-gray-200);
--tblr-gray-300-fg: var(--tblr-gray-300);
--tblr-gray-400-fg: var(--tblr-gray-400);
--tblr-gray-500-fg: var(--tblr-gray-500);
--tblr-gray-600-fg: var(--tblr-gray-600);
--tblr-gray-700-fg: var(--tblr-gray-700);
--tblr-gray-800-fg: var(--tblr-gray-800);
--tblr-gray-900-fg: var(--tblr-gray-900);
--tblr-gray-950-fg: var(--tblr-gray-950);
/** Spacers */
--tblr-spacer-0: 0;
--tblr-spacer-1: 0.25rem;
@ -414,20 +276,21 @@
--tblr-line-height-lg: 1.7142857143;
--tblr-line-height-xl: 2;
/** Shadows */
--tblr-shadow: 0px 2px 4px -1px rgba(18, 18, 23, 0.06), 0px 4px 6px -1px rgba(18, 18, 23, 0.08);
--tblr-shadow-xs: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
--tblr-shadow-sm: 0 1px 3px 0 rgba(18, 18, 23, 0.1), 0 1px 2px 0 rgba(18, 18, 23, 0.06);
--tblr-shadow-md: 0px 2px 4px -1px rgba(18, 18, 23, 0.06), 0px 4px 6px -1px rgba(18, 18, 23, 0.08);
--tblr-shadow-lg: 0px 4px 6px -2px rgba(18, 18, 23, 0.05), 0px 10px 15px -3px rgba(18, 18, 23, 0.08);
--tblr-shadow-xl: 0px 10px 10px -5px rgba(18, 18, 23, 0.04), 0px 20px 25px -5px rgba(18, 18, 23, 0.1);
--tblr-shadow-2xl: 0px 25px 50px -12px rgba(18, 18, 23, 0.25);
--tblr-shadow-overlay: 0px 2px 4px 0px rgba(18, 18, 23, 0.04), 0px 5px 8px 0px rgba(18, 18, 23, 0.04), 0px 10px 18px 0px rgba(18, 18, 23, 0.03), 0px 24px 48px 0px rgba(18, 18, 23, 0.03), 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
--tblr-shadow-border: 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
--tblr-shadow-color: light-dark(rgba(18, 18, 23, 0.4), #000);
--tblr-shadow: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-shadow-xs: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
--tblr-shadow-sm: 0 1px 3px 0 color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent);
--tblr-shadow-md: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-shadow-lg: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-shadow-xl: 0px 10px 10px -5px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 20px 25px -5px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
--tblr-shadow-2xl: 0px 25px 50px -12px color-mix(in oklab, var(--tblr-shadow-color) 62.5%, transparent);
--tblr-shadow-overlay: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
--tblr-shadow-border: 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
--tblr-shadow-transparent: 0 0 0 0 transparent;
--tblr-shadow-input: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
--tblr-shadow-card: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
--tblr-shadow-card-hover: 0px 4px 6px -2px rgba(18, 18, 23, 0.05), 0px 10px 15px -3px rgba(18, 18, 23, 0.08);
--tblr-shadow-dropdown: 0px 2px 4px 0px rgba(18, 18, 23, 0.04), 0px 5px 8px 0px rgba(18, 18, 23, 0.04), 0px 10px 18px 0px rgba(18, 18, 23, 0.03), 0px 24px 48px 0px rgba(18, 18, 23, 0.03), 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
--tblr-shadow-input: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
--tblr-shadow-card: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
--tblr-shadow-card-hover: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-shadow-dropdown: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
/** Border radiuses */
--tblr-border-radius-scale: 1;
--tblr-border-radius-0: calc(0 * var(--tblr-border-radius-scale, 1));
@ -440,10 +303,18 @@
/** Backdrops */
--tblr-backdrop-opacity: 0.32;
--tblr-backdrop-bg: var(--tblr-bg-surface-dark);
--tblr-backdrop-bg-dark: color-mix(in srgb, var(--tblr-color-dark), transparent var(--tblr-backdrop-opacity));
--tblr-backdrop-bg-light: color-mix(in srgb, var(--tblr-color-light), transparent var(--tblr-backdrop-opacity));
--tblr-backdrop-bg-dark: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
--tblr-backdrop-bg-light: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
--tblr-backdrop-blur: 4px;
--tblr-backdrop-filter: blur(var(--tblr-backdrop-blur));
}
[dir=ltr] {
--tblr-dir: 1;
}
[dir=rtl] {
--tblr-dir: -1;
}
/*# sourceMappingURL=tabler-props.css.map */