:root{--color-primary-gray-1:#000c2a;--color-primary-gray-6:#a9b3ca;--primary-neutral-100:#000c79;--primary-neutral-200:#40499b;--primary-neutral-300:#696fb0;--primary-neutral-400:#d9dbeb;--primary-neutral-500:#f9fafe;--primary-gray-100:#000c2a;--primary-gray-200:#081b4b;--primary-gray-250:#11192e;--primary-gray-300:#24335a;--primary-gray-400:#4d5b7c;--primary-gray-500:#8a96b5;--primary-gray-600:#a9b3ca;--primary-gray-700:#d6dcea;--primary-gray-800:#e3e8f4;--primary-gray-900:#eff2fb;--primary-gray-1000:#f9fafe;--primary-gray-100-10:rgba(0,12,42,0.1);--primary-gray-250-10:rgba(17,25,46,0.1);--primary-gray-1000-20:rgba(249,250,254,0.2);--primary-white:#ffffff;--primary-black:#000000;--primary-murky:#181510;--primary-silt:#c5cdcd;--primary-cyan:#45cac1;--primary-terracota:#d74623;--primary-blue-50:#000c79;--primary-blue-100:#1433d6;--primary-blue-200:#0069ff;--primary-blue-250:#0092ff;--primary-blue-300:#c6e3ff;--primary-purple-100:#300091;--primary-purple-200:#6414ee;--primary-purple-300:#a8a4ee;--primary-green-100:#006650;--primary-green-200:#00c483;--primary-green-300:#8ce4da;--primary-teal-100:#006375;--primary-teal-200:#00afce;--primary-teal-300:#b1e4f1;--primary-fuchsia-100:#8917a6;--primary-fuchsia-200:#ca64dd;--primary-fuchsia-300:#ebbfeb;--deep-50:#001515;--deep-100:#031f1e;--deep-200:#0a2b2a;--deep-300:#143836;--deep-400:#1f4644;--deep-500:#335855;--deep-600:#4d716e;--deep-700:#6f908c;--deep-800:#9db5b2;--deep-900:#c9d6d4;--deep-950:#e5eceb;--deep-1000:#f4f5f5;--deep-00:#000a0a;--deep-deep-50-80:rgba(0,21,21,0.8);--deep-deep-1000-10:rgba(244,245,245,0.1);--deep-deep-1000-20:rgba(244,245,245,0.2);--scale-50:#f1f2f2;--scale-100:#dde0e0;--scale-200:#bcc2c2;--scale-300:#9ba3a4;--scale-400:#818a8b;--scale-500:#6e7f80;--scale-600:#586667;--scale-700:#424d4e;--scale-800:#2c3334;--scale-900:#161a1a;--wave-50:#eef4f8;--wave-100:#d6e3ec;--wave-200:#a8c2d2;--wave-300:#7aa1b9;--wave-400:#5c8daa;--wave-500:#477fa5;--wave-600:#3a6986;--wave-700:#2d5269;--wave-800:#1f3b4c;--wave-900:#112430;--cerulean-50:#e8f1fc;--cerulean-100:#c6ddf8;--cerulean-200:#8dbaf1;--cerulean-300:#5497ea;--cerulean-400:#2e85e0;--cerulean-500:#1e7adb;--cerulean-600:#1862b0;--cerulean-700:#124984;--cerulean-800:#0c3158;--cerulean-900:#06182c;--foam-50:#ecf9fb;--foam-100:#c9eef2;--foam-200:#b0d2d7;--foam-300:#8bdce5;--foam-400:#2e9aa8;--foam-500:#237f8c;--foam-600:#196571;--foam-700:#104b55;--foam-800:#08333a;--foam-900:#041a1f;--terminal-50:#fafbf3;--terminal-100:#f0f2dd;--terminal-200:#dde0ba;--terminal-300:#c6ca96;--terminal-400:#adb272;--terminal-500:#939954;--terminal-600:#777c40;--terminal-700:#5a5e2f;--terminal-800:#3d401f;--terminal-900:#1f2010;--algae-50:#f2f4e6;--algae-100:#e1e6c2;--algae-200:#c3ce85;--algae-300:#a6b559;--algae-400:#94a54b;--algae-500:#879b42;--algae-600:#6c7e35;--algae-700:#525f28;--algae-800:#38401b;--algae-900:#1d210e;--kelp-50:#e9f2ea;--kelp-100:#c8decb;--kelp-200:#8fbc95;--kelp-300:#5a9c63;--kelp-400:#428a4c;--kelp-500:#397a41;--kelp-600:#2e6234;--kelp-700:#224a27;--kelp-800:#17321b;--kelp-900:#0b190d;--tentacle-50:#fbf5e8;--tentacle-100:#f6e7c0;--tentacle-200:#ecce82;--tentacle-300:#e2b658;--tentacle-400:#deab4f;--tentacle-500:#daa549;--tentacle-600:#b0843a;--tentacle-700:#84632c;--tentacle-800:#58421d;--tentacle-900:#2c210f;--coral-50:#f8ebe7;--coral-100:#ecc9c0;--coral-200:#d8907e;--coral-300:#be6450;--coral-400:#b2543e;--coral-500:#a54a34;--coral-600:#843a29;--coral-700:#632c1f;--coral-800:#421d14;--coral-900:#210f0a;--violet-50:#f6f0f4;--violet-100:#ead9e4;--violet-200:#d5b3c9;--violet-300:#b17ea4;--violet-400:#94668a;--violet-500:#785070;--violet-600:#5f3f58;--violet-700:#472e41;--violet-800:#2f1e2b;--violet-900:#170f15;--category-vivid-sky-92:#0acfea;--category-vivid-sky-100:#0be1ff;--category-vivid-sky-200:#75eeff;--category-vivid-sky-300:#b5f6ff;--category-vivid-sky-400:#f4feff;--category-sea-sky-92:#00e0b8;--category-sea-sky-100:#00f4c8;--category-sea-sky-200:#75ffe6;--category-sea-sky-300:#b5fff1;--category-sea-sky-400:#f4fffd;--category-guppie-green-92:#0aea7e;--category-guppie-green-100:#0bff8a;--category-guppie-green-200:#75ffbd;--category-guppie-green-300:#b5ffdb;--category-guppie-green-400:#f4fffa;--category-kiwi-92:#76c244;--category-kiwi-100:#80d34a;--category-kiwi-200:#b1e490;--category-kiwi-300:#d5f0c3;--category-kiwi-400:#f9fdf6;--category-bitter-lemon-100:#d4df00;--category-bitter-lemon-200:#f3ff0b;--category-bitter-lemon-300:#fbffb5;--category-bitter-lemon-400:#fefff4;--category-metallic-yellow-92:#eab90a;--category-metallic-yellow-100:#ffc90b;--category-metallic-yellow-200:#ffe175;--category-metallic-yellow-300:#ffefb5;--category-metallic-yellow-400:#fffdf4;--category-spray-tan-92:#ea9444;--category-spray-tan-100:#ffa14a;--category-spray-tan-200:#ffb775;--category-spray-tan-300:#ffd8b5;--category-spray-tan-400:#fff9f4;--category-tulip-100:#ff928a;--category-tulip-200:#ffbab5;--category-tulip-300:#ffe1df;--category-tulip-400:#fff5f4;--category-pink-elephant-92:#ea92d7;--category-pink-elephant-100:#ff9fea;--category-pink-elephant-200:#ffb5ef;--category-pink-elephant-300:#ffcaf3;--category-pink-elephant-400:#fff4fd;--category-lavender-92:#d57feb;--category-lavender-100:#e88aff;--category-lavender-200:#f0b5ff;--category-lavender-300:#f9dfff;--category-lavender-400:#fdf4ff;--category-lilac-92:#ac9ae3;--category-lilac-100:#bba7f7;--category-lilac-200:#d9cefb;--category-lilac-300:#e8e2fc;--category-lilac-400:#f7f5fe;--category-jordy-blue-92:#7f9dea;--category-jordy-blue-100:#8aabff;--category-jordy-blue-200:#cad9ff;--category-jordy-blue-300:#dfe8ff;--category-jordy-blue-400:#f4f7ff;--category-lake-92:#44afea;--category-lake-100:#4abeff;--category-lake-200:#9fddff;--category-lake-300:#caecff;--category-lake-400:#f4fbff;--category-mustard-100:#ffe50b;--category-mustard-200:#fff075;--category-mustard-300:#fff7b5;--category-mustard-400:#fffef4;--expanded-honeydew-100:#ffc001;--expanded-pear-100:#d7e200;--expanded-lime-100:#80d34a;--expanded-green-apple-92:#00c57d;--expanded-green-apple-100:#00d688;--expanded-dragonfruit-100:#b458fc;--expanded-raspberry-100:#ff4c6c;--expanded-orange-100:#ff720e;--shadows-dark-blue-20:rgba(0,12,42,0.2);--shadows-dark-blue-24:rgba(0,12,42,0.24);--shadows-dark-blue-28:rgba(0,12,42,0.28);--shadows-dark-blue-32:rgba(0,12,42,0.32);--shadows-white-90:rgba(255,255,255,0.9);--syntax-navy:#11192e;--syntax-ice:#f7f8fb;--syntax-slate:#29334d;--syntax-keyword-light:#0f2fda;--syntax-keyword-dark:#9fe7ff;--syntax-function-light:#7300b9;--syntax-function-dark:#ffaf8c;--syntax-variable-light:#00573a;--syntax-variable-dark:#b1e4a4;--syntax-number-light:#00507d;--family-heading:"Plus Jakarta Sans";--family-body:Inter;--family-code:"JetBrains Mono";--weight-extra-bold:ExtraBold;--weight-bold:Bold;--weight-semibold:SemiBold;--weight-medium:Medium;--weight-regular:Regular;--size-12:12px;--size-14:14px;--size-16:16px;--size-18:18px;--size-20:20px;--size-24:24px;--size-28:28px;--size-36:36px;--size-40:40px;--size-48:48px;--size-inner-377:377px;--size-inner-640:640px;--size-inner-864:864px;--size-inner-1088:1088px;--line-height-18:18px;--line-height-20:20px;--line-height-24:24px;--line-height-26:26px;--line-height-28:28px;--line-height-32:32px;--line-height-36:36px;--line-height-48:48px;--line-height-56:56px;--letter-spacing-0:0px;--letter-spacing-1:-1px;--radii-0:0px;--radii-2:2px;--radii-4:4px;--radii-6:6px;--radii-8:8px;--radii-12:12px;--radii-16:16px;--radii-24:24px;--radii-40:40px;--radii-64:64px;--radii-999:999px;--breakpoints-425:425;--breakpoints-604:604;--breakpoints-768:768;--breakpoints-1024:1024;--breakpoints-1280:1280;--breakpoints-1440:1440;--breakpoints-desktop:Desktop;--breakpoints-tablet:Tablet;--breakpoints-mobile:Mobile;--effects-blur-6:6;--effects-blur-12:12;--effects-drop-shadow-blur-24:24;--layout-spacing-size-0:0px;--layout-spacing-size-0p25:2px;--layout-spacing-size-0p5:4px;--layout-spacing-size-0p75:6px;--layout-spacing-size-1:8px;--layout-spacing-size-1p5:12px;--layout-spacing-size-2:16px;--layout-spacing-size-2p5:20px;--layout-spacing-size-3:24px;--layout-spacing-size-4:32px;--layout-spacing-size-5:40px;--layout-spacing-size-6:48px;--layout-spacing-size-7:56px;--layout-spacing-size-8:64px;--layout-spacing-size-9:72px;--layout-spacing-size-10:80px;--layout-spacing-size-11:88px;--layout-spacing-size-12:96px;--layout-spacing-size-13:104px;--layout-spacing-size-14:112px;--layout-spacing-size-15:120px;--layout-spacing-size-16:128px;--layout-spacing-size-22:176px;--layout-spacing-lg-gap:200px;--blur-6:6;--blur-12:12;--drop-shadow-blur-20:20;--drop-shadow-blur-24:24;--drop-shadow-blur-32:32;--drop-shadow-blur-40:40;--drop-shadow-blur-48:48;--background-gradient-radial-glow-stop-1:light-dark(rgba(177,228,241,0.3),var(--foam-100));--background-gradient-radial-glow-stop-2:light-dark(rgba(0,175,206,0.15),rgba(63,181,194,0.8));--background-gradient-radial-glow-stop-3:light-dark(rgba(177,228,144,0.08),rgba(173,178,114,0.45));--background-gradient-radial-glow-stop-4:light-dark(rgba(0,99,117,0.03),rgba(8,51,58,0.1));--background-gradient-radial-glow-stop-5:light-dark(rgba(249,250,254,0),rgba(0,21,21,0));--background-gray-bg-color-accent:var(--primary-gray-1000);--background-blue-background-blue-dark:var(--primary-blue-100);--background-green-apple-background-green-dark:var(--primary-green-100);--background-green-apple-background-green-light:var(--primary-green-300);--background-teal-background-teal-dark:var(--primary-teal-100);--background-teal-background-teal-light:var(--primary-teal-300);--background-default:light-dark(var(--primary-white),var(--deep-50));--background-accent:light-dark(var(--primary-gray-1000),var(--background-default));--background-card:light-dark(var(--primary-gray-1000),var(--deep-100));--background-card-emphasized:light-dark(var(--primary-gray-1000),var(--foam-700));--background-accent-bold:light-dark(var(--primary-blue-200),var(--deep-200));--background-inverse:light-dark(var(--primary-gray-200),var(--deep-1000));--background-brand:light-dark(var(--primary-blue-200),var(--foam-200));--background-expanded-blue-bold:light-dark(var(--primary-blue-100),var(--cerulean-500));--background-expanded-purple-bold:light-dark(var(--primary-purple-100),var(--violet-500));--background-expanded-green-bold:light-dark(var(--primary-green-100),var(--algae-500));--background-expanded-teal-bold:light-dark(var(--primary-teal-100),var(--foam-500));--background-expanded-fuchsia-bold:light-dark(var(--primary-fuchsia-100),var(--coral-400));--background-expanded-jordy-bold:light-dark(var(--category-jordy-blue-100),var(--wave-500));--background-expanded-jordy-subtle:light-dark(var(--category-jordy-blue-300),var(--wave-100));--background-expanded-lilac-bold:light-dark(var(--category-lilac-100),var(--violet-500));--background-expanded-lilac-subtle:light-dark(var(--category-lilac-300),var(--violet-100));--background-expanded-myellow-bold:light-dark(var(--category-metallic-yellow-100),var(--tentacle-500));--background-expanded-myellow-subtle:light-dark(var(--category-metallic-yellow-300),var(--tentacle-100));--background-expanded-lake-bold:light-dark(var(--category-lake-100),var(--cerulean-500));--background-expanded-lake-subtle:light-dark(var(--category-lake-300),var(--cerulean-100));--background-expanded-vivid-subtle:light-dark(var(--category-vivid-sky-300),var(--foam-100));--background-expanded-vivid-subtler:light-dark(var(--category-vivid-sky-400),var(--foam-50));--background-gradient-blue-200-100:light-dark(var(--primary-blue-200),var(--primary-blue-100));--background-gradient-blue-100-200:light-dark(var(--primary-blue-100),var(--primary-blue-200));--background-gradient-neutral-100:var(--primary-neutral-100);--background-gradient-white-gray-100:light-dark(var(--primary-white),var(--primary-gray-100));--background-gradient-pink-elephant-100:var(--category-pink-elephant-100);--background-gradient-vivid-100:var(--category-vivid-sky-100);--button-primary-default:light-dark(var(--primary-blue-200),var(--foam-200));--button-primary-hover:light-dark(var(--primary-blue-100),var(--foam-300));--button-primary-text:light-dark(var(--primary-gray-1000),var(--deep-50));--button-secondary-default:light-dark(var(--primary-gray-700),var(--deep-300));--button-secondary-hover:light-dark(var(--primary-blue-100),var(--deep-400));--button-tertiary-default:light-dark(var(--primary-gray-100),var(--deep-200));--button-quaternary-default:light-dark(var(--primary-blue-100),var(--foam-700));--button-quaternary-hover:light-dark(var(--primary-neutral-100),var(--foam-600));--button-white-text:light-dark(var(--primary-gray-100),var(--deep-50));--button-white-default:light-dark(var(--primary-white),var(--deep-1000));--button-white-hover:light-dark(var(--primary-blue-100),var(--foam-200));--button-ghost-default:light-dark(var(--primary-gray-100),var(--deep-1000));--button-ghost-hover:light-dark(var(--primary-blue-100),var(--foam-200));--button-hero-default:light-dark(var(--primary-white),var(--deep-1000));--button-hero-hover:light-dark(var(--primary-white),var(--deep-950));--button-hero-text:light-dark(var(--primary-gray-100),var(--deep-50));--button-hero-ghost-text-hover:light-dark(var(--primary-gray-100),var(--deep-50));--button-hero-ghost-text:light-dark(var(--primary-white),var(--deep-1000));--button-hero-ghost-border:light-dark(var(--primary-white),var(--deep-1000));--button-hero-ghost-hover:light-dark(var(--primary-white),var(--deep-1000));--button-disabled-default:light-dark(var(--primary-gray-800),var(--deep-300));--button-copy-default:light-dark(var(--primary-gray-300),var(--deep-700));--button-copy-hover:light-dark(var(--primary-gray-200),var(--deep-800));--button-copy-copied:light-dark(var(--primary-gray-200),var(--algae-400));--button-custom-default:light-dark(var(--primary-gray-100),var(--deep-950));--button-custom-hover:light-dark(var(--primary-gray-300),var(--deep-900));--button-circle-dark:light-dark(var(--primary-gray-400),var(--deep-800));--button-circle-dark-hover:light-dark(var(--primary-gray-100),var(--deep-950));--button-complete-default:light-dark(var(--primary-gray-800),var(--deep-200));--button-complete-default-text:light-dark(var(--primary-gray-400),var(--deep-700));--button-complete-hover:light-dark(var(--primary-gray-100),var(--deep-1000));--button-complete-hover-bg:light-dark(var(--category-metallic-yellow-200),var(--tentacle-300));--button-complete-active:light-dark(var(--category-metallic-yellow-100),var(--tentacle-500));--button-code-default:light-dark(var(--primary-neutral-300),var(--foam-700));--button-code-hover:light-dark(var(--primary-neutral-200),var(--foam-800));--button-input-default:light-dark(var(--primary-gray-400),var(--deep-700));--button-input-hover:light-dark(var(--primary-gray-100),var(--deep-1000));--button-input-hover-bg:light-dark(var(--primary-gray-800),var(--deep-200));--button-input-disabled:light-dark(var(--primary-gray-600),var(--deep-500));--button-upvote-active:var(--expanded-raspberry-100);--border-transparent:light-dark(var(--primary-gray-250-10),var(--deep-deep-1000-10));--border-subtle:light-dark(var(--primary-gray-700),var(--deep-300));--border-mid:light-dark(var(--primary-gray-600),var(--deep-400));--border-bold:light-dark(var(--primary-gray-400),var(--deep-500));--border-bolder:light-dark(var(--primary-gray-100),var(--deep-600));--border-brand:light-dark(var(--primary-blue-200),var(--foam-200));--border-prominent:light-dark(var(--primary-white),var(--deep-700));--border-inverse:light-dark(var(--primary-gray-1000),var(--deep-950));--code-block-header-bg:light-dark(var(--primary-gray-900),var(--primary-gray-300));--code-block-background-default:light-dark(var(--syntax-ice),var(--syntax-navy));--code-block-background-secondary:light-dark(var(--category-lake-400),var(--category-lake-100));--code-block-background-tertiary:light-dark(var(--category-spray-tan-400),var(--category-spray-tan-100));--code-block-background-quaternary:light-dark(var(--category-kiwi-400),var(--category-kiwi-100));--code-block-background-quinary:light-dark(var(--category-pink-elephant-400),var(--category-pink-elephant-100));--code-block-text:light-dark(var(--syntax-navy),var(--syntax-ice));--code-block-highlight:light-dark(var(--primary-gray-800),var(--syntax-slate));--code-block-selector:light-dark(var(--syntax-keyword-light),var(--syntax-keyword-dark));--code-block-function:light-dark(var(--syntax-function-light),var(--syntax-function-dark));--code-block-variable:light-dark(var(--syntax-variable-light),var(--syntax-variable-dark));--code-block-number:light-dark(var(--syntax-number-light),var(--category-vivid-sky-100));--tags-category-custom-default:light-dark(var(--primary-gray-100),var(--deep-300));--tags-category-custom-hover:light-dark(var(--primary-gray-300),var(--deep-400));--tags-category-guppie-green-default:light-dark(var(--category-guppie-green-100),var(--kelp-500));--tags-category-guppie-green-hover:light-dark(var(--category-guppie-green-92),var(--kelp-400));--tags-category-green-apple-default:light-dark(var(--expanded-green-apple-100),var(--algae-500));--tags-category-green-apple-hover:light-dark(var(--expanded-green-apple-92),var(--algae-400));--tags-category-jordy-blue-default:light-dark(var(--category-jordy-blue-100),var(--wave-500));--tags-category-jordy-blue-hover:light-dark(var(--category-jordy-blue-92),var(--wave-400));--tags-category-kiwi-default:light-dark(var(--category-kiwi-100),var(--terminal-300));--tags-category-kiwi-hover:light-dark(var(--category-kiwi-92),var(--terminal-400));--tags-category-lake-default:light-dark(var(--category-lake-100),var(--cerulean-500));--tags-category-lake-hover:light-dark(var(--category-lake-92),var(--cerulean-400));--tags-category-lavender-default:light-dark(var(--category-lavender-100),var(--violet-300));--tags-category-lavender-hover:light-dark(var(--category-lavender-92),var(--violet-400));--tags-category-lilac-default:light-dark(var(--category-lilac-100),var(--violet-200));--tags-category-lilac-hover:light-dark(var(--category-lilac-92),var(--violet-300));--tags-category-metallic-yellow-default:light-dark(var(--category-metallic-yellow-100),var(--tentacle-500));--tags-category-metallic-yellow-hover:light-dark(var(--category-metallic-yellow-92),var(--tentacle-400));--tags-category-pink-elephant-default:light-dark(var(--category-pink-elephant-100),var(--coral-300));--tags-category-pink-elephant-hover:light-dark(var(--category-pink-elephant-92),var(--coral-400));--tags-category-spray-tan-default:light-dark(var(--category-spray-tan-100),var(--tentacle-300));--tags-category-spray-tan-hover:light-dark(var(--category-spray-tan-92),var(--tentacle-400));--tags-category-sea-sky-default:light-dark(var(--category-sea-sky-100),var(--foam-200));--tags-category-sea-sky-hover:light-dark(var(--category-sea-sky-92),var(--foam-400));--tags-category-vivid-sky-default:light-dark(var(--category-vivid-sky-100),var(--foam-200));--tags-category-vivid-sky-hover:light-dark(var(--category-vivid-sky-92),var(--foam-300));--tags-primary:light-dark(var(--primary-gray-800),var(--deep-300));--tags-ghost:light-dark(var(--primary-white),var(--deep-200));--tags-hover:light-dark(var(--primary-blue-200),var(--foam-200));--tags-product-blue:light-dark(var(--primary-blue-300),var(--cerulean-300));--tags-product-light-gray:light-dark(var(--primary-gray-800),var(--deep-200));--tags-product-dark-gray:light-dark(var(--primary-gray-100),var(--deep-800));--tags-product-green:light-dark(var(--primary-green-300),var(--algae-300));--tags-product-teal:light-dark(var(--primary-teal-300),var(--foam-200));--tags-product-purple:light-dark(var(--primary-purple-300),var(--violet-300));--tags-product-fuchsia:light-dark(var(--primary-fuchsia-300),var(--coral-300));--tags-resource-articles-icon:light-dark(var(--primary-blue-100),var(--deep-50));--tags-resource-articles-background:light-dark(var(--category-vivid-sky-300),var(--foam-200));--tags-resource-blog-icon:light-dark(var(--primary-green-100),var(--deep-50));--tags-resource-blog-background:light-dark(var(--category-kiwi-300),var(--terminal-300));--tags-resource-csstricks-icon:light-dark(var(--expanded-raspberry-100),var(--deep-50));--tags-resource-csstricks-background:light-dark(var(--category-tulip-300),var(--coral-300));--tags-resource-guides-icon:light-dark(var(--primary-green-100),var(--deep-50));--tags-resource-guides-background:light-dark(var(--category-guppie-green-300),var(--kelp-300));--tags-resource-pdocs-icon:light-dark(var(--primary-purple-200),var(--deep-50));--tags-resource-pdocs-background:light-dark(var(--category-lilac-300),var(--violet-300));--tags-resource-podcast-icon:light-dark(var(--primary-teal-100),var(--deep-50));--tags-resource-podcast-background:light-dark(var(--category-metallic-yellow-300),var(--tentacle-300));--tags-resource-reports-icon:light-dark(var(--primary-purple-100),var(--deep-50));--tags-resource-reports-background:light-dark(var(--category-spray-tan-300),var(--tentacle-200));--tags-resource-tutorials-icon:light-dark(var(--primary-blue-200),var(--deep-50));--tags-resource-tutorials-background:light-dark(var(--category-sea-sky-300),var(--foam-200));--tags-resource-videos-icon:light-dark(var(--primary-fuchsia-100),var(--deep-50));--tags-resource-videos-background:light-dark(var(--category-pink-elephant-300),var(--coral-300));--tags-resource-neutral:light-dark(var(--deep-950),var(--deep-deep-50-80));--tags-c-site-author:light-dark(var(--category-vivid-sky-300),var(--foam-200));--tags-c-site-editor:light-dark(var(--category-kiwi-300),var(--terminal-300));--tags-c-site-translator:light-dark(var(--category-lavender-300),var(--violet-300));--community-comment-hover:light-dark(var(--category-metallic-yellow-100),var(--foam-500));--dropdown-cell-default:light-dark(var(--primary-white),var(--deep-100));--dropdown-cell-hover:light-dark(var(--primary-gray-900),var(--deep-200));--dropdown-cell-active:light-dark(var(--primary-blue-200),var(--foam-400));--icon-brand:light-dark(var(--primary-blue-200),var(--foam-200));--icon-notifications-bg-color-subscription:light-dark(var(--category-pink-elephant-300),var(--coral-300));--icon-notifications-bg-color-spam:light-dark(var(--category-lavender-300),var(--violet-300));--icon-notifications-bg-color-tutorials:light-dark(var(--category-lake-300),var(--cerulean-300));--icon-notifications-bg-color-mentions:light-dark(var(--primary-gray-800),var(--deep-800));--icon-notifications-bg-color-tools:light-dark(var(--category-metallic-yellow-300),var(--tentacle-300));--icon-notifications-bg-color-comments:light-dark(var(--category-spray-tan-300),var(--tentacle-200));--icon-notifications-bg-color-answer:light-dark(var(--category-guppie-green-300),var(--kelp-300));--icon-notifications-bg-color-question:light-dark(var(--category-sea-sky-300),var(--foam-200));--icon-layer-lines:light-dark(var(--scale-400),var(--scale-200));--icon-layer-core-inactive:light-dark(var(--deep-700),var(--primary-cyan));--icon-layer-core-active:var(--primary-terracota);--icon-resource-core:light-dark(var(--tentacle-600),var(--tentacle-500));--icon-submarine-core:light-dark(var(--algae-600),var(--algae-300));--icon-product-core:light-dark(var(--foam-400),var(--foam-300));--input-field:light-dark(var(--primary-gray-1000),var(--deep-100));--input-error:light-dark(var(--category-tulip-400),var(--coral-900));--input-disabled:light-dark(var(--primary-gray-900),var(--deep-200));--layer-01:light-dark(var(--primary-gray-1000),var(--deep-300));--layer-02-jordy-light:light-dark(var(--category-jordy-blue-300),var(--wave-400));--layer-02-lilac-light:light-dark(var(--category-lilac-300),var(--violet-400));--layer-02-lake-light:light-dark(var(--category-lake-300),var(--cerulean-400));--links-author-default:light-dark(var(--primary-blue-200),var(--foam-200));--links-author-hover:light-dark(var(--primary-blue-100),var(--foam-300));--links-header-default:light-dark(var(--primary-white),var(--deep-1000));--links-header-hover:light-dark(var(--primary-gray-800),var(--foam-100));--logo-do-blue:light-dark(var(--primary-blue-200),var(--deep-1000));--logo-do-white:light-dark(var(--primary-white),var(--deep-1000));--logo-do-black:light-dark(var(--primary-black),var(--deep-50));--pagination-dot-default:light-dark(var(--primary-gray-700),var(--deep-500));--pagination-dot-loading:light-dark(var(--primary-blue-200),var(--foam-200));--pagination-dot-active:light-dark(var(--primary-blue-100),var(--foam-200));--pagination-numbers-hover:light-dark(var(--primary-gray-700),var(--deep-500));--navigation-primary-default:light-dark(var(--primary-blue-200),var(--foam-200));--navigation-primary-hover:light-dark(var(--primary-blue-100),var(--foam-300));--navigation-www-nav-card-hover:light-dark(var(--primary-gray-900),var(--deep-300));--navigation-community-nav-notification-icon:light-dark(var(--primary-gray-400),var(--deep-700));--navigation-community-nav-avatar-icon-hover:light-dark(var(--primary-gray-100-10),var(--deep-deep-50-80));--navigation-community-dropdown-link-hover:light-dark(var(--primary-gray-900),var(--deep-300));--navigation-community-dropdown-link-active:light-dark(var(--primary-gray-800),var(--deep-200));--navigation-community-dropdown-notification-counter:light-dark(var(--primary-blue-300),var(--foam-700));--navigation-scrollbar-thumb:light-dark(var(--primary-gray-800),var(--deep-400));--navigation-side-nav-hover:light-dark(var(--primary-blue-200),var(--foam-200));--navigation-side-nav-active:light-dark(var(--primary-blue-200),var(--foam-200));--navigation-tophat-background:light-dark(var(--primary-blue-100),var(--foam-700));--navigation-whisper-strip-background:var(--deep-50);--notifications-confirmation:light-dark(var(--category-guppie-green-400),var(--algae-50));--support-success:light-dark(var(--primary-green-200),var(--algae-500));--support-warning:light-dark(var(--category-metallic-yellow-100),var(--tentacle-500));--support-error:light-dark(var(--expanded-raspberry-100),var(--coral-500));--switch-toggle-track:light-dark(var(--primary-gray-500),var(--deep-400));--switch-toggle-track-disabled:light-dark(var(--primary-gray-800),var(--deep-300));--switch-toggle-track-active:light-dark(var(--primary-blue-200),var(--foam-200));--switch-toggle-track-active-disabled:light-dark(var(--primary-blue-300),var(--foam-700));--switch-toggle-thumb:light-dark(var(--primary-gray-1000),var(--deep-1000));--switch-toggle-thumb-active:light-dark(var(--primary-gray-1000),var(--deep-1000));--switch-toggle-text-label:light-dark(var(--primary-blue-200),var(--foam-200));--switch-toggle-text-label-disabled:light-dark(var(--primary-gray-400),var(--deep-600));--tabs-container:light-dark(var(--primary-gray-700),var(--deep-100));--tabs-hover:light-dark(var(--primary-gray-800),var(--deep-200));--tabs-loading-hover:light-dark(var(--primary-blue-200),var(--foam-200));--tabs-selected:light-dark(var(--primary-blue-100),var(--foam-200));--tabs-loading-hover-bg:light-dark(var(--primary-gray-900),var(--deep-400));--tabs-loading-loading-bg:light-dark(var(--primary-gray-800),var(--deep-400));--tabs-loading-expanded:light-dark(var(--primary-gray-900),var(--deep-300));--tabs-terminal-default:light-dark(var(--primary-neutral-200),var(--foam-700));--tabs-terminal-active:light-dark(var(--primary-neutral-100),var(--foam-800));--tabs-terminal-border:light-dark(var(--primary-neutral-300),var(--foam-600));--tabs-terminal-border-active:light-dark(var(--primary-teal-100),var(--foam-700));--tabs-terminal-border-active-loading:light-dark(var(--primary-teal-200),var(--foam-500));--tabs-terminal-text-active:light-dark(var(--primary-teal-200),var(--foam-200));--selection-radio-unselected:light-dark(var(--primary-gray-1000),var(--deep-100));--selection-radio-border-unselected:light-dark(var(--primary-gray-600),var(--border-subtle));--selection-radio-selected:light-dark(var(--primary-gray-1000),var(--deep-100));--selection-radio-dot:light-dark(var(--primary-blue-200),var(--foam-200));--selection-checkbox-box-unchecked:light-dark(var(--primary-gray-1000),var(--deep-100));--selection-checkbox-box-checked:light-dark(var(--primary-blue-200),var(--foam-200));--selection-checkbox-box-border:light-dark(var(--primary-gray-600),var(--border-subtle));--selection-checkbox-check:light-dark(var(--primary-white),var(--deep-50));--table-header:light-dark(var(--primary-blue-100),var(--foam-700));--text-default:light-dark(var(--primary-gray-400),var(--deep-950));--text-primary:light-dark(var(--primary-gray-100),var(--deep-1000));--text-secondary:light-dark(var(--primary-gray-700),var(--deep-700));--text-accent:light-dark(var(--primary-blue-200),var(--foam-200));--text-on-color:light-dark(var(--primary-white),var(--deep-1000));--text-underline:light-dark(var(--primary-blue-200),var(--foam-200));--text-inverse:light-dark(var(--primary-white),var(--deep-50));--text-disabled:light-dark(var(--primary-gray-500),var(--deep-500));--text-placeholder:light-dark(var(--primary-gray-500),var(--deep-600));--text-always-white:light-dark(var(--primary-white),var(--deep-1000));--text-always-dark:light-dark(var(--primary-gray-100),var(--deep-50));--text-always-gray:light-dark(var(--primary-gray-400),var(--deep-50));--tooltip-default:light-dark(var(--primary-blue-300),var(--foam-700));--tooltip-hover:light-dark(var(--primary-blue-200),var(--foam-200));--avatar-background:light-dark(var(--primary-gray-700),var(--deep-300));--avatar-body:light-dark(var(--primary-gray-400),var(--deep-500));--button-primary-error:var(--support-error);--button-primary-success:var(--support-success);--button-upvote-hover:var(--icon-brand);--border-error:var(--support-error);--icon-default:var(--text-default);--icon-primary:var(--text-primary);--icon-on-color:var(--text-on-color);--icon-disabled:var(--text-disabled);--icon-always-dark:var(--text-always-dark);--icon-resource-lines:var(--icon-layer-lines);--icon-submarine-lines:var(--icon-layer-lines);--icon-product-lines:var(--icon-layer-lines);--input-focus:var(--background-default);--input-disabled-text:var(--text-placeholder);--pagination-numbers-default:var(--text-default);--pagination-numbers-active:var(--text-primary);--navigation-primary-label:light-dark(var(--text-on-color),var(--deep-50));--navigation-community-nav-notification-icon-hover:var(--navigation-www-nav-card-hover);--navigation-community-dropdown-notification-counter-active:var(--icon-brand);--navigation-side-nav-default:var(--text-default);--switch-toggle-text-text:light-dark(var(--text-on-color),var(--deep-50));--tabs-text-selected:light-dark(var(--text-on-color),var(--deep-50));--selection-radio-border-selected:var(--border-brand);--selection-checkbox-box-border-checked:var(--selection-checkbox-box-checked);--text-success:var(--support-success);--text-warning:var(--support-warning);--text-error:var(--support-error);--button-circle-icon:light-dark(var(--icon-on-color),var(--deep-50));--button-circle-icon-disabled:var(--icon-disabled);--button-upvote-default:var(--icon-default);--icon-green:var(--text-success);--tooltip-icon:var(--icon-primary);--tooltip-icon-hover:light-dark(var(--icon-on-color),var(--foam-800));--background-gradient-radial-glow-stop-2:light-dark(rgba(0,175,206,0.15),rgba(63,181,194,1));--background-gradient-radial-glow-stop-3:light-dark(rgba(177,228,144,0.08),rgba(173,178,114,0.75));--background-gradient-radial-glow-stop-4:light-dark(rgba(0,99,117,0.03),rgba(8,51,58,0.35));--background-promo-bold:var(--primary-blue-100);--background-promo-bold-translucent:color-mix(in srgb,var(--primary-blue-100) 94%,transparent);--capability-timeline-line-thickness:10px;--cta-text-illustration-max-width:588px;--cta-text-left-illustration-height:264px;--cta-text-left-illustration-mobile-height:150px;--cta-text-left-illustration-mobile-width:377px;--cta-text-left-illustration-width:664px;--cta-text-max-content-width:484px;--cta-text-max-height-desktop:296px;--cta-text-min-height-desktop:296px;--cta-text-min-height-mobile:470px;--dialog-backdrop-color:light-dark(rgb(255 255 255/50%),rgb(0 0 0/50%));--hero-content-body-max-width:640px;--hero-noise-mask-stop-1:black;--hero-noise-mask-stop-2:rgb(0 0 0/80%);--hero-noise-mask-stop-3:rgb(0 0 0/40%);--hero-noise-mask-stop-4:rgb(0 0 0/10%);--hero-product-bg-offset:-40px;--hero-product-grain-opacity:1;--layout-max-width-text:864px;--letter-spacing-1-5:-1.5px;--line-height-44:44px;--motion-duration-normal:250ms;--motion-easing-default:cubic-bezier(0.4,0,0.2,1);--pagination-active-pill-width:var(--layout-spacing-size-8);--pagination-pill-morph-duration:420ms;--product-hero-icon-shadow:drop-shadow(0 8px 20px rgb(255 255 255/90%));--product-hero-icon-size:100px;--section-header-width-default:377px;--section-header-width-tablet:864px;--section-sub-header-width-default:377px;--section-sub-header-width-tablet-compact:640px;--section-sub-header-width-tablet-wide:864px;--select-menu-max-height:300px;--size-32:32px;--size-64:64px;--size-inner-144:144px;--size-inner-208:208px;--slot-card-border-width:1px;--slot-based-card-cta-media-flex-basis:42%;--spot-illustration-size-default:80px;--spot-illustration-size-large:120px;--spot-illustration-size-small:48px;--tab-feature-panel-media-max-width:416px;--tab-feature-panel-text-flex-basis:400px;--text-link-underline-thickness:1.5px;--toggle-track-height:24px;--toggle-track-width:44px;--tooltip-offset-arrow:13px;--tooltip-offset-sm:20px;--video-section-max-width:864px;--font-size-xl6-size:28px;--font-size-xl5-size:36px;--font-size-xl4-size:28px;--font-size-xl3-size:24px;--line-height-xl6-line-height:36px;--line-height-xl4-line-height:36px;--line-height-xl3-line-height:32px;--fontsize-heading-xl2-size:24px;--fontsize-heading-xl2-line-height:32px;--fontsize-heading-xl2-letter-spacing:0px;--layout-spacing-size-4:24px;--layout-spacing-size-6:40px;--layout-spacing-size-7:40px;--layout-spacing-size-8:40px;--layout-spacing-size-9:48px;--layout-spacing-size-10:64px;--layout-spacing-size-11:64px;--layout-spacing-size-12:72px;--layout-spacing-size-13:72px;--layout-spacing-size-14:72px;--layout-spacing-size-15:80px;--layout-spacing-size-16:80px;--layout-spacing-size-22:24px;--layout-spacing-lg-gap:128px;--spacing-0:0px;--spacing-2:2px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-40:40px}@media (min-width:768px){:root{--font-size-xl6-size:48px;--font-size-xl5-size:40px;--font-size-xl4-size:36px;--font-size-xl3-size:28px;--line-height-xl6-line-height:56px;--line-height-xl4-line-height:48px;--line-height-xl3-line-height:36px;--fontsize-heading-xl2-size:24px;--fontsize-heading-xl2-line-height:32px;--fontsize-heading-xl2-letter-spacing:0px;--layout-spacing-size-4:32px;--layout-spacing-size-6:48px;--layout-spacing-size-7:56px;--layout-spacing-size-8:64px;--layout-spacing-size-9:72px;--layout-spacing-size-10:80px;--layout-spacing-size-11:88px;--layout-spacing-size-12:96px;--layout-spacing-size-13:104px;--layout-spacing-size-14:112px;--layout-spacing-size-15:120px;--layout-spacing-size-16:128px;--layout-spacing-size-22:176px;--layout-spacing-lg-gap:200px;--spacing-0:0px;--spacing-2:2px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-40:40px}}



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}