:root{--color-black-alpha-40: rgba(0, 0, 0, 0.4);--color-blue: rgb(35, 141, 255);--color-magenta: rgb(255, 76, 234);--color-purple: rgb(195, 106, 255);--color-gray: #f8f8f8;--color-white: #fff;--color-brand: #3c790a;--space-8: 8px;--space-10: 10px;--space-15: 15px;--space-20: 20px;--space-25: 25px;--space-40: 40px;--font-baseline: 400 100%/1.5;--font-body: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;--font-code: monospace;--font-size-18: 1.125rem;--font-size-20: 1.25rem;--font-size-26: 1.625rem;--heading-size-from-medium: 5rem;--heading-size: 2.5rem;--scroll-bar: 0px;--full-width: calc(100vw - var(--scroll-bar));--t-slow: .3s;--transition: cubic-bezier(0.250, 0.460, 0.450, 0.940);--fluid-min-width: 320;--fluid-max-width: 1240;--fluid-screen: 100vw;--fluid-bp: calc(
			(var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
			(var(--fluid-max-width) - var(--fluid-min-width))
	);--f--2-min: 12.50;--f--2-max: 12.80;--step--2: calc(
			((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) *
			var(--fluid-bp)
	);--f--1-min: 15.00;--f--1-max: 16.00;--step--1: calc(
			((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) *
			var(--fluid-bp)
	);--f-0-min: 18.00;--f-0-max: 20.00;--step-0: calc(
			((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
			var(--fluid-bp)
	);--f-1-min: 21.60;--f-1-max: 25.00;--step-1: calc(
			((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
			var(--fluid-bp)
	);--f-2-min: 25.92;--f-2-max: 31.25;--step-2: calc(
			((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
			var(--fluid-bp)
	);--f-3-min: 31.10;--f-3-max: 39.06;--step-3: calc(
			((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) *
			var(--fluid-bp)
	);--f-4-min: 37.32;--f-4-max: 48.83;--step-4: calc(
			((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) *
			var(--fluid-bp)
	);--f-5-min: 44.79;--f-5-max: 61.04;--step-5: calc(
			((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) *
			var(--fluid-bp)
	);}@media screen and (min-width: 1240px){:root{--fluid-screen: calc(var(--fluid-max-width) * 1px);}}.u-visually-hidden{border:none!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}*, *:before, *:after{box-sizing:inherit}html{box-sizing:border-box;font:var(--font-baseline) var(--font-body);font-size:1rem;scroll-behavior:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}@media screen and (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{margin:0}a{color:inherit;-webkit-text-decoration:none;text-decoration:none}nav ul{list-style-type:none;margin:0;padding:0}pre{box-sizing:border-box;font:var(--font-baseline) var(--font-code);max-width:100%;white-space:pre-wrap;word-break:break-word}textarea{resize:vertical}[aria-current]{font-weight:500}.ppe-heading{align-items:center;background-image:linear-gradient(90deg, var(--color-purple), var(--color-blue));color:var(--color-white);display:flex;flex-wrap:wrap;justify-content:space-between}.ppe-heading-title-link{font-size:var(--font-size-18);font-weight:400;letter-spacing:-0.02em;margin:0;padding-left:var(--space-10);white-space:nowrap}@media (min-width: 370px){.ppe-heading-title-link{font-size:var(--font-size-20)}}@media (min-width: 870px){.ppe-heading-title-link{padding-left:var(--space-20)}}@media (min-width: 1024px){.ppe-heading-title-link{font-size:var(--font-size-26);padding:0 var(--space-25)}}.ppe-heading-menu-list{display:flex;margin:0;padding:0}.ppe-heading-menu-item{display:inline-block}.ppe-heading-menu-link{align-items:center;display:flex;overflow:hidden;padding:var(--space-8) var(--space-10);transition:background-color var(--t-slow) var(--transition), color var(--t-slow) var(--transition)}@media (min-width: 370px){.ppe-heading-menu-link{padding:var(--space-8) var(--space-15)}}@media (min-width: 870px){.ppe-heading-menu-link{padding:var(--space-20) var(--space-25)}}.ppe-heading-menu-link:hover{background-color:#fff;color:var(--color-magenta)}@media (max-width: 639px){.ppe-heading-menu-link span{display:none}}.ppe-heading-menu-link[aria-current="page"]{background-color:var(--color-black-alpha-40)}.ppe-heading-menu-link svg{display:block;fill:currentColor;height:24px;margin-right:0;width:24px}@media (min-width: 640px){.ppe-heading-menu-link svg{margin-right:var(--space-20)}}@media (min-width: 870px){.ppe-heading-menu-link svg{height:40px;width:40px}}.ppe-heading-menu-link:hover svg{fill:url(#a)}code[class*="language-"], pre[class*="language-"]{border-radius:3px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#c3cee3;background:#263238;font-size:1rem;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;hyphens:none}code[class*="language-"]::-moz-selection, pre[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection, pre[class*="language-"] ::-moz-selection{background:#363636}code[class*="language-"]::-moz-selection, pre[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection, pre[class*="language-"] ::-moz-selection{background:#363636}code[class*="language-"]::selection, pre[class*="language-"]::selection, code[class*="language-"] ::selection, pre[class*="language-"] ::selection{background:#363636}:not(pre) > code[class*="language-"]{white-space:normal;border-radius:0.2em;padding:0.1em}pre[class*="language-"]{overflow:auto;position:relative;margin:0;padding:1rem}.language-css > code, .language-sass > code, .language-scss > code{color:#fd9170}[class*="language-"] .namespace{opacity:0.7}.token.atrule{color:#c792ea}.token.attr-name{color:#ffcb6b}.token.attr-value{color:#c3e88d}.token.attribute{color:#c3e88d}.token.boolean{color:#c792ea}.token.builtin{color:#ffcb6b}.token.cdata{color:#80cbc4}.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name{color:#f2ff00}.token.color{color:#f2ff00}.token.comment{color:#546e7a}.token.constant{color:#c792ea}.token.deleted{color:#f07178}.token.doctype{color:#546e7a}.token.entity{color:#f07178}.token.function{color:#c792ea}.token.hexcode{color:#f2ff00}.token.id{color:#c792ea;font-weight:bold}.token.important{color:#c792ea;font-weight:bold}.token.inserted{color:#80cbc4}.token.keyword{color:#c792ea;font-style:italic}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#546e7a}.token.property{color:#80cbc4}.token.pseudo-class{color:#c3e88d}.token.pseudo-element{color:#c3e88d}.token.punctuation{color:#fff}.token.regex{color:#f2ff00}.token.selector{color:#f07178}.token.string{color:#c3e88d}.token.symbol{color:#c792ea}.token.tag{color:#f07178}.token.unit{color:#f07178}.token.url{color:#fd9170}.token.variable{color:#f07178}.ppe-blog .ppe-heading{background:transparent}.ppe-blog-list, .ppe-post{width:min(80ch, calc(100vw - var(--scroll-bar) - 1.25rem));margin-left:auto;margin-right:auto}.ppe-blog-list a,.ppe-post a{-webkit-text-decoration:underline;text-decoration:underline;transition:text-decoration-color 0.2s}.ppe-blog-list a:hover,.ppe-post a:hover,.ppe-blog-list a:focus,.ppe-post a:focus{text-decoration-color:transparent}.ppe-post{font-size:var(--step-0);line-height:1.5;padding-bottom:4rem}.ppe-post h1{font-size:var(--step-4);line-height:1.1}.ppe-post h2{font-size:var(--step-3);line-height:1.2}.ppe-post h3{font-size:var(--step-2);line-height:1.2}.ppe-post h4{font-size:var(--step-1);line-height:1.2}.ppe-post h1,.ppe-post h2,.ppe-post h3,.ppe-post h4{margin-top:2.5rem;margin-bottom:1rem}@media (min-width: 1024px){.ppe-post h1,.ppe-post h2,.ppe-post h3,.ppe-post h4{margin-top:4rem;margin-bottom:1.5rem}}.ppe-post > p{margin-top:1.5rem;margin-bottom:1.5rem}@media (min-width: 870px){.ppe-post > p{margin-top:1.5rem;margin-bottom:2rem}}.ppe-post > p code,.ppe-post > h1 code,.ppe-post > h2 code,.ppe-post > h3 code,.ppe-post > h4 code,.ppe-post > h5 code{background-color:rgba(222, 221, 227, 0.7);border-radius:0.3rem;color:var(--black);font-weight:600;line-height:1.7;padding:0.2rem}.ppe-blog-header{color:var(--color-white);margin-bottom:4rem;padding-top:2rem;padding-bottom:2rem;position:relative}@media (min-width: 870px){.ppe-blog-header{padding-top:2rem;padding-bottom:3rem;text-align:center}}.ppe-blog-header::before{background-image:linear-gradient(90deg, var(--color-purple), var(--color-blue));bottom:0;content:"";left:50%;position:absolute;top:calc(var(--heading-size) * -1);transform:translateX(-50%);width:var(--full-width);z-index:-1}@media (min-width: 870px){.ppe-blog-header::before{top:calc(var(--heading-size-from-medium) * -1)}}.ppe-blog-header .ppe-blog-title{margin-top:0}.ppe-post-byline{font-style:italic;font-size:var(--step--1)}.ppe-post-element:not(:last-child){margin-bottom:3rem}.ppe-post-element .ppe-post-title{font-size:var(--step-2);line-height:1.2;margin:0 0 1rem}.ppe-post-element .ppe-post-date{font-size:var(--step--1);margin-bottom:1rem}.ppe-post-element .ppe-post-excerpt{font-size:var(--step-0)}.ppe-blog-footer{display:flex;flex-direction:column;font-size:var(--step--1);justify-content:space-between;margin-top:3rem}@media (min-width: 870px){.ppe-blog-footer{flex-direction:row}}.ppe-blog-footer p{margin-top:0;text-align:center}@media (min-width: 870px){.ppe-blog-footer p{text-align:left;margin-bottom:0}}.ppe-landing-hero{background-image:linear-gradient(90deg, var(--color-purple), var(--color-blue));color:var(--color-white);overflow:auto;text-align:center}.ppe-landing-container{max-width:65rem;margin:0 auto;padding:0 1rem}.ppe-landing-title{margin:0 0 1.5rem}.ppe-hero-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:3rem;gap:3rem;padding-bottom:2rem}.ppe-hero-card{display:flex;flex-direction:column;max-height:41.5rem;text-align:left}.ppe-hero-card-title{font-weight:500}.ppe-landing-getting-started{background-color:var(--color-gray);box-shadow:0 -1px 3px 0 hsla(220, 3%, 15%, 0.03), 0 1px 2px -5px hsla(220, 3%, 15%, 0.03), 0 2px 5px -5px hsla(220, 3%, 15%, 0.05), 0 4px 12px -5px hsla(220, 3%, 15%, 0.06), 0 12px 15px -5px hsla(220, 3%, 15%, 0.08);padding:2rem 0;overflow:auto}.ppe-landing-getting-started .ppe-getting-started-title{text-align:center}.ppe-landing-section{padding:2.5rem 0;overflow:auto;width:100%}@media (min-width: 870px){.ppe-landing-section{padding:4rem 0}}.ppe-landing-section .ppe-landing-container{align-items:center;display:flex;flex-wrap:wrap}@media (min-width: 870px){.ppe-landing-section .ppe-landing-container{flex-wrap:nowrap}}.ppe-landing-section h2{margin-top:0}.ppe-landing-section img{max-width:100%;width:300px;height:auto}.ppe-landing-section img.ppe-postcss-logo{width:250px}.ppe-landing-section .ppe-section-decoration{flex-shrink:0;margin-top:2rem;text-align:center;width:100%}@media (min-width: 870px){.ppe-landing-section .ppe-section-decoration{margin-top:0;text-align:right;width:40%}}.ppe-landing-section:nth-child(odd) .ppe-landing-container{flex-direction:row-reverse}@media (min-width: 870px){.ppe-landing-section:nth-child(odd) .ppe-section-decoration{text-align:left}}.ppe-word-rotate{list-style-type:none;margin:0;padding:0;font-size:1.125rem;width:12rem;height:1em;position:relative;display:inline-block;text-align:center}.ppe-word-rotate li{height:1em;position:absolute;bottom:0;left:0;transition:transform 0.5s, opacity 0.5s, filter 0.5s;width:100%}.ppe-latest-version{font-weight:400;margin-left:auto;margin-right:auto;max-width:37em;padding:0 1em;text-align:center}.ppe-landing-content{font-weight:400;margin-top:50px;margin-bottom:20px;max-width:37em;padding:0 1em;text-align:center}.ppe-latest-version{font-size:18px;margin-bottom:30px}.ppe-landing-container a{box-shadow:0 1px 0 0 transparent;color:#0078d6;-webkit-text-decoration:none;text-decoration:none}.ppe-landing-container a:hover, .ppe-landing-container a:focus{box-shadow:0 1px 0 0}.ppe-deploys{text-align:center}.ppe-playground{background-color:#1d1f25;display:flex;width:100%}body:has(:is(.ppe-playground)){background-color:#1d1f25}.ppe-playground .editors-container{display:grid;width:100%;grid-template-rows:max-content minmax(0, 1fr);grid-template-columns:100%;grid-gap:var(--space-20);gap:var(--space-20)}@media (min-width: 1024px){.ppe-playground .editors-container{height:calc(100vh - var(--heading-size-from-medium))}}.ppe-playground .editors{display:grid;grid-gap:var(--space-20);gap:var(--space-20);grid-template-areas:"input" "output" "config";grid-template-columns:100%;width:100%}@media (min-width: 1024px){.ppe-playground .editors{grid-template-areas:"input output" "config output";grid-template-rows:minmax(0, 65%) minmax(0, 35%);grid-template-columns:calc(50% - var(--space-10)) calc(50% - var(--space-10));height:100%}}@media (min-width:1440px){.ppe-playground .editors{grid-template-rows:minmax(0, 65%) minmax(0, 35%)}}.ppe-playground #controls{background-color:#282c34;color:white;padding-left:var(--space-10);padding-right:var(--space-10)}@media (min-width: 870px){.ppe-playground #controls{padding-left:var(--space-20);padding-right:var(--space-20)}}@media (min-width: 1024px){.ppe-playground #controls{padding-left:var(--space-25);padding-right:var(--space-25)}}.ppe-playground #controls fieldset{border:none;display:inline-block;margin:7px 0;outline:none;padding:0}.ppe-playground #controls fieldset:not(:last-child){margin-right:var(--space-40)}@media (min-width: 1024px){.ppe-playground #controls fieldset:not(:last-child){margin-right:var(--space-40)}}.ppe-playground #controls input[type="number"]{width:50px}@media (min-width: 1024px){.ppe-playground #controls input[type="number"]{width:50px}}.ppe-playground #browsers{width:250px}@media (min-width: 1024px){.ppe-playground #browsers{width:240px}}.ppe-playground #input-editor{grid-area:input}.ppe-playground #config-editor{grid-area:config}.ppe-playground #output-editor{grid-area:output}.ppe-playground .cm-editor{height:100%}@media (min-width: 1024px){.ppe-playground .cm-editor{height:100%}}.ppe-features{display:grid;grid-template-areas:"aside" "list"}@media (min-width: 870px){.ppe-features{grid-template-areas:"aside list"}}.ppe-navigation{grid-area:aside;background-color:#f7f7f7;padding:0;width:300px}@media (max-width: 1023px){.ppe-navigation{width:200px}}@media (max-width: 869px){.ppe-navigation{padding:25px 0;width:auto}}@media (min-width: 870px){.ppe-navigation-sticky{position:sticky;top:25px}}.ppe-navigation-sticky-overflow{height:auto;padding:0 var(--space-10);overflow-y:auto}@media (min-width: 870px){.ppe-navigation-sticky-overflow{height:calc(100vh - var(--heading-size-from-medium));overflow-y:auto;padding:var(--space-25) var(--space-20)}}@media (min-width: 1024px){.ppe-navigation-sticky-overflow{padding:var(--space-25)}}.ppe-navigation-select{display:block;margin:10px 0 20px;width:100px}@media (min-width: 870px){.ppe-navigation-select{width:100%}}.ppe-menu-link{color:#2b2b2b;display:block;font-size:14px;font-style:normal;line-height:1.285;margin:2px 0;padding:7px 0}.ppe-menu-link:hover, .ppe-menu-link:focus, .ppe-menu-link[aria-current]{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.ppe-features-list{grid-area:list;padding:0 75px 50px}@media (max-width: 1023px){.ppe-features-list{padding-left:20px;padding-right:20px}}.ppe-sidebar-menu{box-shadow:0 -1px 0 0 #ddd;margin-top:15px;padding-top:15px}.ppe-feature{margin:0}.ppe-feature-heading{padding:50px 0 0;word-break:break-word}.ppe-feature-title{color:#3c3c3c;font-size:32px;font-weight:400;letter-spacing:-.02em;line-height:1.25;margin:0 auto 10px 0}.ppe-feature-heading-link-list{display:flex;flex-wrap:wrap}.ppe-feature-heading-link{border-radius:2px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:5px;padding:5px 10px;text-transform:uppercase}.ppe-feature-heading-link:not(:last-child){margin-right:10px}.ppe-feature-heading-stage{color:#fff}.ppe-feature-heading-stage[data-stage="0"]{background-color:#414141}.ppe-feature-heading-stage[data-stage="1"]{background-color:#ed782a;color:#000}.ppe-feature-heading-stage[data-stage="2"]{background-color:#899c1f;color:#000}.ppe-feature-heading-stage[data-stage="3"]{background-color:#3e7817}.ppe-feature-heading-stage[data-stage="4"]{background-color:#005a9c}.ppe-feature-heading-specLink, .ppe-feature-heading-pluginLink{background-color:#eee;color:#000}.ppe-feature-heading:target, .ppe-feature-heading a:not(.ppe-feature-heading-stage):hover, .ppe-feature-heading a:not(.ppe-feature-heading-stage):focus{color:#3095ff}.ppe-feature-description{font-weight:300}