.page-pattern-demo{--pp-blue:#075de8;--pp-navy:#10233c;--pp-green:#16805f;--pp-red:#c5374f;--pp-amber:#d58a08;--pp-ink:var(--text,#10233c);--pp-muted:var(--text-muted,#66758a);--pp-line:var(--border,#d7e0ec);--pp-surface:var(--surface,#fff);--pp-soft:var(--surface-subtle,#f4f7fb);width:100%;color:var(--pp-ink);font-size:9px}.page-pattern-demo *{box-sizing:border-box}.page-pattern-demo button,.page-pattern-demo input,.page-pattern-demo select,.page-pattern-demo textarea{font:inherit}.page-pattern-demo button{cursor:pointer}.page-pattern-demo button:focus-visible,.page-pattern-demo input:focus-visible,.page-pattern-demo select:focus-visible,.page-pattern-demo textarea:focus-visible,.page-pattern-demo a:focus-visible{outline:2px solid var(--pp-blue);outline-offset:2px}.page-pattern-demo button:not(.quiet){border:0;border-radius:4px;background:var(--pp-blue);color:#fff;padding:5px 7px;font-weight:800}.page-pattern-demo button.quiet{border:1px solid var(--pp-line);border-radius:4px;background:transparent;color:var(--pp-ink);padding:5px 7px}.page-pattern-demo input,.page-pattern-demo select,.page-pattern-demo textarea{min-width:0;width:100%;border:1px solid var(--pp-line);border-radius:4px;background:var(--pp-surface);color:inherit;padding:5px}.page-pattern-demo label{display:grid;gap:3px;font-weight:700}.page-pattern-demo p{margin:0;line-height:1.4}.page-pattern-demo a{color:var(--pp-blue);text-underline-offset:2px}.pp-top{display:grid;grid-template-columns:auto 1fr 12px 12px;align-items:center;gap:6px;min-height:25px;border-bottom:1px solid var(--pp-line);padding:5px 7px}.pp-top>b{font-size:8px;letter-spacing:.08em}.pp-top>span{height:3px;border-radius:9px;background:var(--pp-line)}.pp-top>i{display:block;width:10px;height:10px;border:1px solid var(--pp-line);border-radius:50%}.pp-page,.pp-marketing,.pp-feature,.pp-about,.pp-docs,.pp-help,.pp-master-detail,.pp-inbox,.pp-settings,.pp-workspace,.pp-product,.pp-checkout,.pp-auth,.pp-wizard,.pp-invite,.pp-policy,.pp-cookies,.pp-statement,.pp-status-page{overflow:hidden;border:1px solid var(--pp-line);border-radius:7px;background:var(--pp-surface)}.pp-page>main{display:grid;gap:7px;padding:8px}.pp-page-head{display:flex;align-items:start;justify-content:space-between;gap:6px}.pp-page-head>div{display:grid}.pp-page-head small,.page-pattern-demo main>small,.page-pattern-demo section>small{color:var(--pp-blue);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pp-page-head strong{font:700 13px Georgia,serif}.pp-status{display:block;color:var(--pp-muted);font-size:7px}.pp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pp-cards article{display:grid;align-content:start;gap:3px;min-width:0;border:1px solid var(--pp-line);border-radius:5px;background:var(--pp-surface);padding:6px}.pp-cards article>i{display:grid;width:18px;height:18px;place-items:center;border-radius:4px;background:#e9f1ff;color:var(--pp-blue);font-style:normal}.pp-cards article>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-cards article>span{height:3px;border-radius:4px;background:var(--pp-line)}.pp-cards article>span:last-child{width:68%}.pp-rows{display:grid;border:1px solid var(--pp-line);border-radius:5px}.pp-rows>div{display:grid;grid-template-columns:20px minmax(0,1fr) 28px auto;align-items:center;gap:5px;border-bottom:1px solid var(--pp-line);padding:5px}.pp-rows>div:last-child{border:0}.pp-rows i{color:var(--pp-muted);font-style:normal}.pp-rows span{height:3px;border-radius:4px;background:var(--pp-line)}.pp-rows em{color:var(--pp-green);font-size:7px;font-style:normal}.pp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:5px}.pp-toolbar>div{display:flex;align-items:center;gap:3px;border:1px solid var(--pp-line);border-radius:4px;padding-inline-start:5px}.pp-toolbar>div input{border:0}.pp-toolbar>button{background:transparent!important;color:var(--pp-blue)!important;border:1px solid var(--pp-line)!important}
.pp-marketing .pp-hero{display:grid;justify-items:start;gap:5px;padding:12px 9px;background:radial-gradient(circle at 85% 15%,rgba(7,93,232,.18),transparent 38%)}.pp-hero h3,.pp-campaign h3,.pp-feature h3,.pp-about h3,.pp-help h3{max-width:190px;margin:0;font:700 17px/1.05 Georgia,serif}.pp-hero p{color:var(--pp-muted)}.pp-hero button{margin-inline-end:3px}.pp-logo-row{display:flex;justify-content:space-around;border-top:1px solid var(--pp-line);padding:6px;color:var(--pp-muted);font-size:7px;font-weight:900;letter-spacing:.12em}.pp-campaign{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;border-radius:7px;background:linear-gradient(135deg,#092553,#075de8);padding:9px;color:#fff}.pp-campaign-copy{display:grid;align-content:center;gap:5px}.pp-campaign-copy p{color:#dce8ff}.pp-campaign form{display:grid;gap:5px;border-radius:6px;background:#fff;color:var(--pp-navy);padding:8px}.pp-feature>section{display:grid;grid-template-columns:1fr .9fr;gap:8px;align-items:center;padding:10px}.pp-feature section>div:first-child{display:grid;justify-items:start;gap:4px}.pp-flow{display:flex;align-items:center;justify-content:center;gap:3px}.pp-flow i{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--pp-line);border-radius:50%;background:var(--pp-soft);font-size:7px;font-style:normal}.pp-flow b{color:var(--pp-blue)}.pp-pricing{display:grid;gap:7px}.pp-pricing>.pp-top{border:1px solid var(--pp-line);border-radius:7px}.pp-pricing>header{display:flex;align-items:center;justify-content:space-between}.pp-pricing h3{margin:0;font:700 14px Georgia,serif}.pp-pricing header p{color:var(--pp-muted)}.pp-pricing header button{background:var(--pp-soft);color:var(--pp-blue);border:1px solid var(--pp-line)}.pp-price-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pp-price-cards article{display:grid;gap:3px;border:1px solid var(--pp-line);border-radius:6px;padding:8px}.pp-price-cards article.featured{border:2px solid var(--pp-blue)}.pp-price-cards strong{font-size:14px}.pp-price-cards small{color:var(--pp-muted)}.pp-compare{display:grid;border:1px solid var(--pp-line);border-radius:5px}.pp-compare>div{display:grid;grid-template-columns:1.3fr repeat(2,.7fr);border-bottom:1px solid var(--pp-line);padding:5px}.pp-compare>div:last-child{border:0}.pp-compare>div:first-child{background:var(--pp-soft)}.pp-compare>div>*:not(:first-child){text-align:center}.pp-about>section{display:grid;gap:8px;padding:11px;background:linear-gradient(135deg,var(--pp-surface),var(--pp-soft))}.pp-story{display:grid;grid-template-columns:34px 1fr;gap:4px 8px}.pp-story i{color:var(--pp-blue);font-style:normal;font-weight:900}.pp-contact-grid .pp-cards{grid-template-columns:repeat(3,1fr)}.pp-contact footer{display:flex;justify-content:space-between;border-top:1px solid var(--pp-line);padding-top:6px;color:var(--pp-muted)}.pp-feature-story{display:grid;grid-template-columns:60px 1fr;gap:7px;align-items:center}.pp-feature-story>i{height:48px;border-radius:5px;background:linear-gradient(145deg,#075de8,#75aaff)}.pp-feature-story>div{display:grid;gap:3px}.pp-feature-story small{color:var(--pp-blue)}.pp-feature-story span{color:var(--pp-muted)}.pp-article main{display:grid;gap:5px;padding:9px 14px}.pp-article h3{max-width:190px;margin:0;font:700 17px/1.08 Georgia,serif}.pp-article .byline{color:var(--pp-muted);font-size:7px}.pp-prose{display:grid;gap:4px}.pp-prose span{display:block;height:3px;border-radius:4px;background:var(--pp-line)}.pp-prose span:nth-child(2){width:80%}.pp-prose h4{margin:4px 0 0}.pp-docs>div{display:grid;grid-template-columns:74px 1fr}.pp-docs nav{display:grid;align-content:start;gap:2px;border-right:1px solid var(--pp-line);background:var(--pp-soft);padding:7px}.pp-docs nav b{font-size:7px}.pp-docs nav button{border:0;background:transparent!important;color:var(--pp-muted)!important;padding:3px;text-align:left}.pp-docs nav button.active{color:var(--pp-blue)!important}.pp-docs article{display:grid;gap:5px;padding:8px}.pp-docs article h3{margin:0;font:700 14px Georgia,serif}.pp-docs pre{overflow:auto;margin:0;border-radius:4px;background:#112239;color:#d8e9ff;padding:6px;font-size:7px}.pp-docs article>div{display:flex;justify-content:space-between}.pp-help>section{display:grid;justify-items:center;gap:6px;background:#0c326d;color:#fff;padding:12px}.pp-help [role=search]{display:grid;grid-template-columns:17px 1fr;width:90%;align-items:center;border-radius:5px;background:#fff;color:var(--pp-navy);padding-left:5px}.pp-help [role=search] input{border:0}.pp-help>.pp-cards{padding:8px}
.pp-home-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:6px}.pp-home-grid>section,.pp-home-grid>aside{display:grid;align-content:start;gap:5px}.pp-home-grid aside{border:1px solid var(--pp-line);border-radius:5px;padding:6px}.pp-home-grid aside button{width:100%;background:var(--pp-soft);color:var(--pp-blue)}.pp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pp-metrics>span{display:grid;gap:2px;border:1px solid var(--pp-line);border-radius:5px;padding:6px}.pp-metrics small{color:var(--pp-muted);font-size:6px}.pp-metrics b{font-size:13px}.pp-metrics em{color:var(--pp-green);font-size:7px;font-style:normal}.pp-chart{display:flex;height:50px;align-items:end;gap:3px;border-bottom:1px solid var(--pp-line);padding-inline:4px}.pp-chart i{display:block;flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(#72a6ff,var(--pp-blue))}.pp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pp-summary>span{display:grid;border-radius:4px;background:var(--pp-soft);padding:5px}.pp-summary small{color:var(--pp-muted);font-size:6px}.pp-detail-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:7px}.pp-detail-grid section{display:grid;gap:5px}.pp-detail-grid h4{margin:0}.pp-detail-grid aside{display:grid;align-content:start;gap:4px;border-left:1px solid var(--pp-line);padding-left:7px}.pp-detail-grid aside p{border-bottom:1px solid var(--pp-line);padding-bottom:4px;color:var(--pp-muted)}.pp-master-detail>main{display:grid;grid-template-columns:45% 55%;min-height:120px}.pp-master-detail main>section{display:grid;align-content:start;border-right:1px solid var(--pp-line);padding:6px}.pp-master-detail main>section>div{display:flex;border:1px solid var(--pp-line);border-radius:4px;padding-left:4px}.pp-master-detail main>section input{border:0}.pp-master-detail main>section>button{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:5px;border:0;border-radius:4px;background:transparent;color:inherit;padding:5px;text-align:left}.pp-master-detail main>section>button.active{background:#eaf2ff;color:var(--pp-blue)}.pp-master-detail main>section>button i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--pp-blue);color:#fff;font-style:normal}.pp-master-detail main>section>button span{display:grid}.pp-master-detail main>section small{color:var(--pp-muted);font-size:7px}.pp-master-detail article{display:grid;align-content:start;gap:5px;padding:9px}.pp-master-detail article h3{margin:0;font:700 14px Georgia,serif}.pp-master-detail article>p{color:var(--pp-muted)}.pp-master-detail dl{display:grid;gap:3px}.pp-master-detail dl>div{display:flex;justify-content:space-between}.pp-master-detail dt{color:var(--pp-muted)}.pp-master-detail dd{margin:0;font-weight:700}.pp-record-form form,.pp-profile form{display:grid;gap:6px}.pp-record-form fieldset{display:flex;gap:8px;border:1px solid var(--pp-line);border-radius:5px}.pp-record-form fieldset label{display:flex}.pp-record-form footer{display:flex;gap:5px}.pp-settings main{display:grid;grid-template-columns:72px 1fr}.pp-settings nav{display:grid;align-content:start;gap:2px;border-right:1px solid var(--pp-line);background:var(--pp-soft);padding:7px}.pp-settings nav button{border:0;background:transparent!important;color:var(--pp-muted)!important;padding:4px;text-align:left}.pp-settings nav button.active{color:var(--pp-blue)!important}.pp-settings form{display:grid;gap:6px;padding:8px}.pp-settings h3{margin:0;font:700 14px Georgia,serif}.pp-profile{display:grid;grid-template-columns:60px 1fr;gap:8px}.pp-profile aside{display:grid;align-content:start;justify-items:center;gap:5px}.pp-profile aside i{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:#dce9ff;color:var(--pp-blue);font-style:normal;font-weight:900}.pp-activity .pp-toolbar{justify-content:flex-start}.pp-activity .pp-toolbar>*{max-width:95px}.pp-inbox main{display:grid;grid-template-columns:56px 85px 1fr;min-height:126px}.pp-inbox nav,.pp-inbox section{display:grid;align-content:start;border-right:1px solid var(--pp-line);padding:6px}.pp-inbox nav button,.pp-inbox section button{border:0;background:transparent!important;color:inherit!important;padding:4px;text-align:left}.pp-inbox nav span{border-radius:9px;background:var(--pp-blue);color:#fff;padding:1px 4px}.pp-inbox section button{display:grid;border-bottom:1px solid var(--pp-line)}.pp-inbox section button.active{background:#eaf2ff!important;color:var(--pp-blue)!important}.pp-inbox section small{color:var(--pp-muted);font-size:7px}.pp-inbox article{display:grid;align-content:start;justify-items:start;gap:5px;padding:8px}.pp-inbox article h3{margin:0}.pp-calendar-tools{display:flex;align-items:center;gap:3px}.pp-calendar-tools>div{display:flex;margin-left:auto;gap:3px}.pp-calendar-tools button{padding:4px 6px}.pp-calendar{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--pp-line);border-radius:5px}.pp-calendar header{display:contents}.pp-calendar header b{background:var(--pp-soft);padding:4px;text-align:center}.pp-calendar section{display:grid;align-content:start;gap:3px;min-height:48px;border-right:1px solid var(--pp-line);padding:4px}.pp-calendar section:last-child{border:0}.pp-calendar section>span{color:var(--pp-muted)}.pp-calendar section>i{border-radius:3px;background:#eaf2ff;color:var(--pp-blue);padding:3px;font-size:7px;font-style:normal}.pp-calendar.is-agenda{display:grid;grid-template-columns:1fr}.pp-calendar.is-agenda header{display:none}.pp-calendar.is-agenda section{display:grid;grid-template-columns:28px 1fr;min-height:0;border:0;border-bottom:1px solid var(--pp-line)}.pp-workbar{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--pp-line);padding:5px}.pp-workbar span{margin-left:auto;color:var(--pp-green)}.pp-workspace main{display:grid;grid-template-columns:24px 1fr 72px;min-height:112px}.pp-workspace main>nav{display:grid;align-content:start;gap:3px;border-right:1px solid var(--pp-line);padding:4px}.pp-workspace main>nav button{padding:4px}.pp-workspace main>section{display:grid;place-items:center;background:repeating-linear-gradient(0deg,var(--pp-soft),var(--pp-soft) 1px,transparent 1px,transparent 12px)}.pp-workspace main>section>div{display:grid;gap:4px;border:1px solid var(--pp-blue);background:var(--pp-surface);padding:10px;text-align:center}.pp-workspace main>aside{display:grid;align-content:start;gap:5px;border-left:1px solid var(--pp-line);padding:6px}.pp-workspace main.inspector-hidden{grid-template-columns:24px 1fr}.pp-workspace main.inspector-hidden aside{display:none}
.pp-catalog-layout{display:grid;grid-template-columns:60px 1fr;gap:6px}.pp-catalog-layout aside{display:grid;align-content:start;gap:5px;border-right:1px solid var(--pp-line)}.pp-catalog-layout aside label{display:flex;align-items:center;font-weight:400}.pp-catalog-layout aside input{width:auto}.pp-catalog-layout .pp-cards{grid-template-columns:repeat(2,1fr)}.pp-product main{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.pp-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.pp-gallery>i{display:grid;grid-column:1/-1;height:70px;place-items:center;border-radius:5px;background:linear-gradient(145deg,#dfeaff,#aecbff);color:var(--pp-blue);font-size:16px;font-style:normal}.pp-gallery>span{height:18px;border:1px solid var(--pp-line);border-radius:3px;background:var(--pp-soft)}.pp-product main>section{display:grid;align-content:start;justify-items:start;gap:5px}.pp-product h3{margin:0;font:700 14px Georgia,serif}.pp-product main>section>strong{font-size:13px}.pp-product label{width:100%}.pp-cart{display:grid;grid-template-columns:1.4fr .7fr;gap:7px}.pp-cart article{display:grid;grid-template-columns:38px 1fr auto;gap:6px}.pp-cart article>i{border-radius:5px;background:linear-gradient(145deg,#dfeaff,#aecbff)}.pp-cart article>div{display:grid;gap:3px}.pp-cart article>div>div{display:flex;align-items:center;gap:5px}.pp-cart article button{padding:2px 5px}.pp-cart article small{color:var(--pp-muted)}.pp-cart aside{display:grid;align-content:start;gap:5px;border:1px solid var(--pp-line);border-radius:5px;padding:6px}.pp-cart aside>div{display:flex;justify-content:space-between}.pp-checkout>ol,.pp-wizard>ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:7px;list-style:none}.pp-checkout>ol li,.pp-wizard>ol li{border-bottom:2px solid var(--pp-line);padding:3px;color:var(--pp-muted);font-size:7px}.pp-checkout>ol li.done,.pp-wizard>ol li.done{border-color:var(--pp-green);color:var(--pp-green)}.pp-checkout>ol li.current,.pp-wizard>ol li.current{border-color:var(--pp-blue);color:var(--pp-blue)}.pp-checkout>main{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;padding:8px}.pp-checkout form{display:grid;gap:5px}.pp-checkout h3{margin:0;font:700 14px Georgia,serif}.pp-checkout aside{display:grid;align-content:start;gap:5px;border-left:1px solid var(--pp-line);padding-left:7px}.pp-order{display:grid;grid-template-columns:1fr 55px;gap:7px}.pp-order>section{display:grid;gap:4px}.pp-order>aside{display:grid;align-content:start;gap:4px;border-left:1px solid var(--pp-line);padding-left:7px}.pp-order-progress{display:flex;align-items:center}.pp-order-progress i{display:grid;width:16px;height:16px;place-items:center;border:1px solid var(--pp-line);border-radius:50%;font-style:normal}.pp-order-progress i.done{border-color:var(--pp-green);background:var(--pp-green);color:#fff}.pp-order-progress span{height:2px;flex:1;background:var(--pp-green)}.pp-booking{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.pp-booking>section,.pp-booking>aside{display:grid;align-content:start;gap:6px}.pp-days,.pp-times{display:flex;gap:3px}.pp-days button,.pp-times button{border:1px solid var(--pp-line)!important;background:var(--pp-surface)!important;color:var(--pp-ink)!important;padding:4px!important}.pp-days button.active,.pp-times button.active{border-color:var(--pp-blue)!important;background:#eaf2ff!important;color:var(--pp-blue)!important}.pp-booking aside{border-left:1px solid var(--pp-line);padding-left:7px}.pp-billing{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pp-billing section{display:grid;align-content:start;gap:5px;border:1px solid var(--pp-line);border-radius:5px;padding:7px}.pp-billing h3{margin:0;font:700 14px Georgia,serif}.pp-billing progress{width:100%;accent-color:var(--pp-blue)}
.pp-auth>form{display:grid;width:75%;gap:6px;margin:0 auto;padding:12px}.pp-auth h3,.pp-wizard h3,.pp-invite h3,.pp-policy h3,.pp-cookies h3,.pp-statement h3,.pp-status-page h3{margin:0;font:700 16px Georgia,serif}.pp-auth form>p{color:var(--pp-muted)}.pp-auth label>div{display:grid;grid-template-columns:1fr auto}.pp-auth label>div input{border-radius:4px 0 0 4px}.pp-auth label>div button{border-radius:0 4px 4px 0}.pp-signup form{padding-block:8px}.pp-signup .check{display:flex;align-items:start;font-weight:400}.pp-signup .check input{width:auto}.pp-code{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.pp-code input{text-align:center}.pp-onboarding{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px}.pp-onboarding>section{display:grid;align-content:start;gap:5px}.pp-onboarding progress{width:100%;accent-color:var(--pp-blue)}.pp-onboarding>div{display:grid;border:1px solid var(--pp-line);border-radius:5px}.pp-onboarding>div label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;border-bottom:1px solid var(--pp-line);padding:5px}.pp-onboarding>div label:last-child{border:0}.pp-onboarding>div input{width:auto}.pp-onboarding>div span{display:grid}.pp-onboarding>div small{color:var(--pp-muted);font-size:7px}.pp-onboarding>.pp-status{grid-column:1/-1}.pp-wizard>main{display:grid;gap:6px;padding:10px 16px}.pp-wizard main>label{display:flex;border:1px solid var(--pp-line);border-radius:4px;padding:5px}.pp-wizard main>label input{width:auto}.pp-wizard footer{display:flex;justify-content:space-between}.pp-invite main{display:grid;justify-items:center;gap:6px;padding:12px;text-align:center}.pp-invite main>i{display:grid;width:37px;height:37px;place-items:center;border-radius:7px;background:#eaf2ff;color:var(--pp-blue);font-style:normal;font-weight:900}.pp-invite main>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;border:1px solid var(--pp-line);border-radius:5px;padding:6px;text-align:left}.pp-invite main>div span{color:var(--pp-muted)}
.pp-policy main{display:grid;grid-template-columns:70px 1fr;gap:9px;padding:9px}.pp-policy aside{display:grid;align-content:start;gap:5px;border-right:1px solid var(--pp-line)}.pp-policy article{display:grid;gap:4px}.pp-policy article>.lead{border-left:3px solid var(--pp-blue);background:var(--pp-soft);padding:5px}.pp-policy article h4{margin:3px 0}.pp-policy article>span{height:3px;border-radius:4px;background:var(--pp-line)}.pp-policy article>span:nth-of-type(2){width:75%}.pp-cookies>main,.pp-statement>main,.pp-status-page>main{display:grid;gap:7px;padding:10px 15px}.pp-cookies main>section{display:grid;border:1px solid var(--pp-line);border-radius:5px}.pp-cookies section label{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--pp-line);padding:6px}.pp-cookies section label:last-child{border:0}.pp-cookies label>span{display:grid}.pp-cookies label small{color:var(--pp-muted);font-size:7px}.pp-cookies label input{width:auto}.pp-conformance{display:flex;align-items:center;gap:7px;border-left:3px solid var(--pp-amber);background:var(--pp-soft);padding:7px}.pp-conformance>i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--pp-amber);color:#fff;font-style:normal;font-weight:900}.pp-conformance>div{display:grid}.pp-statement h4{margin:2px 0}.pp-statement main>small:last-child{color:var(--pp-muted);text-transform:none}.pp-operational{display:flex;align-items:center;gap:7px;border-radius:5px;background:#e7f6ef;color:#125f48;padding:7px}.pp-operational>i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--pp-green);color:#fff;font-style:normal}.pp-operational>div{display:grid}.pp-status-page main>section{display:grid;border:1px solid var(--pp-line);border-radius:5px}.pp-status-page main>section>div{display:grid;grid-template-columns:1fr auto 8px;align-items:center;gap:5px;border-bottom:1px solid var(--pp-line);padding:5px}.pp-status-page main>section>div:last-child{border:0}.pp-status-page main>section span{color:var(--pp-green)}.pp-status-page main>section i{width:7px;height:7px;border-radius:50%;background:var(--pp-green)}.pp-status-page footer{display:grid;gap:4px}.pp-status-page footer>div{display:flex;gap:2px}.pp-status-page footer i{display:block;height:13px;flex:1;border-radius:2px;background:var(--pp-green)}.pp-status-page footer i.notice{background:var(--pp-amber)}
.concept-card-preview .page-pattern-demo{min-width:0;font-size:8px}.concept-card-preview .pp-page-head strong{font-size:11px}.concept-card-preview .pp-cards{grid-template-columns:repeat(2,1fr)}.concept-card-preview .pp-cards article:nth-child(n+5){display:none}.concept-card-preview .pp-contact-grid .pp-cards{grid-template-columns:repeat(3,1fr)}.concept-card-preview .pp-campaign{grid-template-columns:1fr}.concept-card-preview .pp-campaign-copy p{display:none}.concept-card-preview .pp-feature>section{grid-template-columns:1fr}.concept-card-preview .pp-flow{justify-content:start}.concept-card-preview .pp-flow i{width:30px;height:30px}.concept-card-preview .pp-home-grid,.concept-card-preview .pp-detail-grid,.concept-card-preview .pp-cart,.concept-card-preview .pp-booking,.concept-card-preview .pp-billing,.concept-card-preview .pp-checkout>main{grid-template-columns:1fr}.concept-card-preview .pp-home-grid aside,.concept-card-preview .pp-detail-grid aside,.concept-card-preview .pp-booking aside,.concept-card-preview .pp-checkout aside{display:none}.concept-card-preview .pp-metrics{grid-template-columns:1fr 1fr}.concept-card-preview .pp-metrics span:last-child{display:none}.concept-card-preview .pp-master-detail>main{grid-template-columns:1fr}.concept-card-preview .pp-master-detail article{display:none}.concept-card-preview .pp-inbox main{grid-template-columns:48px 1fr}.concept-card-preview .pp-inbox article{display:none}.concept-card-preview .pp-workspace main{grid-template-columns:22px 1fr}.concept-card-preview .pp-workspace aside{display:none}.concept-card-preview .pp-catalog-layout{grid-template-columns:1fr}.concept-card-preview .pp-catalog-layout aside{display:none}.concept-card-preview .pp-product main{grid-template-columns:1fr}.concept-card-preview .pp-product main>section p,.concept-card-preview .pp-product main>section label{display:none}.concept-card-preview .pp-order{grid-template-columns:1fr}.concept-card-preview .pp-order aside{display:none}.concept-card-preview .pp-onboarding{grid-template-columns:1fr}.concept-card-preview .pp-onboarding>section p{display:none}.concept-card-preview .pp-onboarding>.pp-status{grid-column:1}.concept-card-preview .pp-auth>form{width:100%;padding:8px}.concept-card-preview .pp-policy main{grid-template-columns:1fr}.concept-card-preview .pp-policy aside{display:none}
@media(max-width:480px){.page-pattern-demo{font-size:10px}.pp-campaign,.pp-feature>section,.pp-home-grid,.pp-detail-grid,.pp-cart,.pp-booking,.pp-billing,.pp-checkout>main,.pp-onboarding{grid-template-columns:1fr}.pp-home-grid aside,.pp-detail-grid aside,.pp-booking aside,.pp-checkout aside{border:0;border-top:1px solid var(--pp-line);padding:6px 0 0}.pp-master-detail>main{grid-template-columns:1fr}.pp-master-detail article{display:none}.pp-inbox main{grid-template-columns:62px 1fr}.pp-inbox article{display:none}.pp-settings main{grid-template-columns:1fr}.pp-settings nav{display:flex;overflow-x:auto;border:0;border-bottom:1px solid var(--pp-line)}.pp-workspace main{grid-template-columns:24px 1fr}.pp-workspace aside{display:none}.pp-catalog-layout{grid-template-columns:1fr}.pp-catalog-layout aside{border:0;border-bottom:1px solid var(--pp-line);padding-bottom:6px}.pp-product main{grid-template-columns:1fr}.pp-order{grid-template-columns:1fr}.pp-order aside{border:0;border-top:1px solid var(--pp-line);padding:6px 0 0}.pp-onboarding>.pp-status{grid-column:1}.pp-policy main{grid-template-columns:1fr}.pp-policy aside{display:none}.pp-auth>form{width:100%}}
.pp-collection [data-page-collection].is-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:0}.pp-collection [data-page-collection].is-grid>div{grid-template-columns:1fr;justify-items:start;border:1px solid var(--pp-line);border-radius:5px}.pp-collection [data-page-collection].is-grid>div>span{width:100%}
@media(prefers-reduced-motion:reduce){.page-pattern-demo *,.page-pattern-demo *::before,.page-pattern-demo *::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.page-pattern-demo button,.pp-cards article,.pp-rows,.pp-operational,.pp-conformance{border:1px solid ButtonText}.page-pattern-demo button:focus-visible{outline-color:Highlight}}