.pp-swatch[data-palette=volt]{--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #D5FF2E;--concrete: #8B8B85}:root[data-palette]{--paper-text-dim: color-mix(in srgb, var(--ink) 64%, var(--chalk))}:is(:root[data-palette=highlighter],.pp-swatch[data-palette=highlighter]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #BEF202;--concrete: #8B8B85}:is(:root[data-palette=acidlemon],.pp-swatch[data-palette=acidlemon]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #F2FF3D;--concrete: #8B8B85}:is(:root[data-palette=chartreuse],.pp-swatch[data-palette=chartreuse]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #DFFF00;--concrete: #8B8B85}:is(:root[data-palette=limewedge],.pp-swatch[data-palette=limewedge]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #B6FF2E;--concrete: #8B8B85}:is(:root[data-palette=neon],.pp-swatch[data-palette=neon]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #8DFF2B;--concrete: #8B8B85}:is(:root[data-palette=toxic],.pp-swatch[data-palette=toxic]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #5CFF3A;--concrete: #8B8B85}:is(:root[data-palette=hivis],.pp-swatch[data-palette=hivis]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #CCFF00;--concrete: #8B8B85}:is(:root[data-palette=pistachio],.pp-swatch[data-palette=pistachio]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #BFE08A;--concrete: #8B8B85}:is(:root[data-palette=chalky],.pp-swatch[data-palette=chalky]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #E0F08A;--concrete: #8B8B85}:is(:root[data-palette=matcha],.pp-swatch[data-palette=matcha]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #A9C97A;--concrete: #8B8B85}:is(:root[data-palette=moss],.pp-swatch[data-palette=moss]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #A7C72B;--concrete: #8B8B85}:is(:root[data-palette=fern],.pp-swatch[data-palette=fern]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #7FB82A;--concrete: #8B8B85}:is(:root[data-palette=mintlime],.pp-swatch[data-palette=mintlime]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #B4FFA0;--concrete: #8B8B85}:is(:root[data-palette=spearmint],.pp-swatch[data-palette=spearmint]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #7DFFB0;--concrete: #8B8B85}:is(:root[data-palette=voltglow],.pp-swatch[data-palette=voltglow]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #D5FF2E;--concrete: #8B8B85}:is(:root[data-palette=acidglow],.pp-swatch[data-palette=acidglow]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #E8FF4A;--concrete: #8B8B85}:is(:root[data-palette=radioactive],.pp-swatch[data-palette=radioactive]){--ink: #0A0A0A;--chalk: #F3F1EA;--volt: #7DFF3C;--concrete: #8B8B85}:is(:root[data-palette=olive],.pp-swatch[data-palette=olive]){--ink: #0C0D07;--chalk: #F2F1E4;--volt: #D5FF2E;--concrete: #8C8D7C}:is(:root[data-palette=espresso],.pp-swatch[data-palette=espresso]){--ink: #100B08;--chalk: #F6EEE2;--volt: #D5FF2E;--concrete: #928779}:is(:root[data-palette=midnight],.pp-swatch[data-palette=midnight]){--ink: #070918;--chalk: #EEF0FA;--volt: #D5FF2E;--concrete: #8A8FAD}:is(:root[data-palette=amber],.pp-swatch[data-palette=amber]){--ink: #0C0A07;--chalk: #F6EFE3;--volt: #FFB21A;--concrete: #9A9080}:is(:root[data-palette=red],.pp-swatch[data-palette=red]){--ink: #0B0808;--chalk: #F6F0EC;--volt: #FF3B2F;--concrete: #968C88}:is(:root[data-palette=chrome],.pp-swatch[data-palette=chrome]){--ink: #08090B;--chalk: #EEF1F4;--volt: #CDD4DC;--concrete: #8C95A0}:is(:root[data-palette=uv],.pp-swatch[data-palette=uv]){--ink: #0A0612;--chalk: #F1ECFB;--volt: #A56BFF;--concrete: #9188A6}:is(:root[data-palette=paper],.pp-swatch[data-palette=paper]){--ink: #F2EFE6;--chalk: #131211;--volt: #B8341A;--concrete: #5F5B52}:root[data-palette=paper]{--zd-ink: #0B0A09;--zd-chalk: #F2EFE6;--zd-volt: #FF6A3D;--zd-concrete: #8E8A82;--zl-ink: #131211;--zl-chalk: #FAF8F2;--zl-volt: #FF8A5C;--zl-concrete: #5F5B52}:is(:root[data-palette=tangerine],.pp-swatch[data-palette=tangerine]){--ink: #0E0805;--chalk: #F7EBDD;--volt: #FF7A1A;--concrete: #9B8C7E}:is(:root[data-palette=hotpink],.pp-swatch[data-palette=hotpink]){--ink: #0F070B;--chalk: #F9EDF2;--volt: #FF3D8F;--concrete: #9C8890}:is(:root[data-palette=magenta],.pp-swatch[data-palette=magenta]){--ink: #0D0612;--chalk: #F6ECF8;--volt: #E83DE0;--concrete: #9B8CA3}:is(:root[data-palette=wine],.pp-swatch[data-palette=wine]){--ink: #1D0710;--chalk: #F7E8E3;--volt: #FF7390;--concrete: #A88F94}:is(:root[data-palette=terracotta],.pp-swatch[data-palette=terracotta]){--ink: #130C08;--chalk: #F4E7DB;--volt: #E5784F;--concrete: #A08F82}:is(:root[data-palette=cobalt],.pp-swatch[data-palette=cobalt]){--ink: #1722C8;--chalk: #F4F5FF;--volt: #D5FF2E;--concrete: #B3BBFF}:is(:root[data-palette=electric],.pp-swatch[data-palette=electric]){--ink: #050911;--chalk: #EAF1FF;--volt: #3D8BFF;--concrete: #8B97B0}:is(:root[data-palette=teal],.pp-swatch[data-palette=teal]){--ink: #03100F;--chalk: #E8FBF8;--volt: #19E3D0;--concrete: #86A39F}:is(:root[data-palette=ice],.pp-swatch[data-palette=ice]){--ink: #060B12;--chalk: #EEF5FB;--volt: #A9D6FF;--concrete: #8A9CAF}:is(:root[data-palette=mint],.pp-swatch[data-palette=mint]){--ink: #05100B;--chalk: #EAF8F0;--volt: #5BF2B0;--concrete: #87A596}:is(:root[data-palette=racing],.pp-swatch[data-palette=racing]){--ink: #0A2118;--chalk: #F1EBD8;--volt: #F5A33B;--concrete: #93AA9E}:is(:root[data-palette=gold],.pp-swatch[data-palette=gold]){--ink: #0C0A05;--chalk: #F4ECD8;--volt: #DDB55E;--concrete: #9D937C}:is(:root[data-palette=copper],.pp-swatch[data-palette=copper]){--ink: #07110F;--chalk: #EFE8DD;--volt: #E5895C;--concrete: #8FA29D}:is(:root[data-palette=tolex],.pp-swatch[data-palette=tolex]){--ink: #0B0A08;--chalk: #F4EFE3;--volt: #E9D9A8;--concrete: #968F80}:is(:root[data-palette=ibiza],.pp-swatch[data-palette=ibiza]){--ink: #17070F;--chalk: #FFE9E1;--volt: #FF8A3D;--concrete: #A58A92;--volt-2: #FF5FA2}:is(:root[data-palette=club],.pp-swatch[data-palette=club]){--ink: #070A24;--chalk: #EAECFF;--volt: #FF3DDC;--concrete: #8F95C8;--volt-2: #7C8CFF}:is(:root[data-palette=wood],.pp-swatch[data-palette=wood]){--ink: #1F120A;--chalk: #F4E6D2;--volt: #E7B070;--concrete: #A4917C}:is(:root[data-palette=newsprint],.pp-swatch[data-palette=newsprint]){--ink: #F0EDE4;--chalk: #101114;--volt: #2431D1;--concrete: #5A5C63}:root[data-palette=newsprint]{--zd-ink: #080A12;--zd-chalk: #F0EDE4;--zd-volt: #7F8DFF;--zd-concrete: #8C90A8;--zl-ink: #101114;--zl-chalk: #F9F7F1;--zl-volt: #9AA6FF;--zl-concrete: #5A5C63}:is(:root[data-palette=linen],.pp-swatch[data-palette=linen]){--ink: #EEEADD;--chalk: #0F1410;--volt: #1E6B47;--concrete: #565C55}:root[data-palette=linen]{--zd-ink: #07100B;--zd-chalk: #EEEADD;--zd-volt: #5EE0A0;--zd-concrete: #86998E;--zl-ink: #0F1410;--zl-chalk: #F7F5EC;--zl-volt: #8FE3B4;--zl-concrete: #565C55}:is(:root[data-palette=riso],.pp-swatch[data-palette=riso]){--ink: #F6EEEA;--chalk: #1A1114;--volt: #B8124F;--concrete: #66575C}:root[data-palette=riso]{--zd-ink: #120A0E;--zd-chalk: #F6EEEA;--zd-volt: #FF6FB1;--zd-concrete: #A08C95;--zl-ink: #1A1114;--zl-chalk: #FBF6F3;--zl-volt: #FF9CC6;--zl-concrete: #66575C}:root[data-palette=cobalt] .paper{--ink: #0D1458;--chalk: #F4F5FF;--volt: #D5FF2E;--concrete: #5A62A8}:root[data-palette=cobalt] .paper{--text-hi: color-mix(in srgb, var(--chalk) 97%, var(--ink));--text-md: color-mix(in srgb, var(--chalk) 87%, var(--ink));--text-lo: color-mix(in srgb, var(--chalk) 79%, var(--ink));--text-dim: color-mix(in srgb, var(--chalk) 68%, var(--ink));--paper-text: color-mix(in srgb, var(--ink) 89%, var(--chalk));--paper-text-md: color-mix(in srgb, var(--ink) 82%, var(--chalk));--paper-text-lo: color-mix(in srgb, var(--ink) 68%, var(--chalk));--paper-text-dim: color-mix(in srgb, var(--ink) 64%, var(--chalk));--ink-raised: color-mix(in srgb, var(--ink) 98%, var(--chalk));--ink-raised-2: color-mix(in srgb, var(--ink) 90%, var(--chalk));--line: color-mix(in srgb, var(--chalk) 16%, transparent);--line-ink-soft: color-mix(in srgb, var(--ink) 14%, transparent)}:is(:root[data-palette=paper],:root[data-palette=newsprint],:root[data-palette=linen],:root[data-palette=riso]) .paper{--ink: var(--zl-ink);--chalk: var(--zl-chalk);--volt: var(--zl-volt);--concrete: var(--zl-concrete)}:is(:root[data-palette=paper],:root[data-palette=newsprint],:root[data-palette=linen],:root[data-palette=riso]) :is(.hero,.crew,footer,.who){--ink: var(--zd-ink);--chalk: var(--zd-chalk);--volt: var(--zd-volt);--concrete: var(--zd-concrete);color:var(--chalk)}:is(:root[data-palette=paper],:root[data-palette=newsprint],:root[data-palette=linen],:root[data-palette=riso]) :is(.paper,.hero,.crew,footer,.who){--text-hi: color-mix(in srgb, var(--chalk) 97%, var(--ink));--text-md: color-mix(in srgb, var(--chalk) 87%, var(--ink));--text-lo: color-mix(in srgb, var(--chalk) 79%, var(--ink));--text-dim: color-mix(in srgb, var(--chalk) 68%, var(--ink));--paper-text: color-mix(in srgb, var(--ink) 89%, var(--chalk));--paper-text-md: color-mix(in srgb, var(--ink) 82%, var(--chalk));--paper-text-lo: color-mix(in srgb, var(--ink) 68%, var(--chalk));--paper-text-dim: color-mix(in srgb, var(--ink) 64%, var(--chalk));--ink-raised: color-mix(in srgb, var(--ink) 98%, var(--chalk));--ink-raised-2: color-mix(in srgb, var(--ink) 90%, var(--chalk));--line: color-mix(in srgb, var(--chalk) 16%, transparent);--line-ink-soft: color-mix(in srgb, var(--ink) 14%, transparent)}:is(:root[data-palette=paper],:root[data-palette=newsprint],:root[data-palette=linen],:root[data-palette=riso]) :is(.hero,footer){background:var(--ink)}.pp-cta-sw[data-cta=white]{--cta: #FFFFFF;--cta-ink: #000000}:is(:root[data-cta=green],.pp-cta-sw[data-cta=green]){--cta: var(--volt);--cta-ink: #0A0A0A}:is(:root[data-cta=pink],.pp-cta-sw[data-cta=pink]){--cta: #FF2E93;--cta-ink: #0A0A0A}:is(:root[data-cta=violet],.pp-cta-sw[data-cta=violet]){--cta: #A06BFF;--cta-ink: #0A0A0A}:is(:root[data-cta=cobalt],.pp-cta-sw[data-cta=cobalt]){--cta: #2F57FF;--cta-ink: #FFFFFF}:is(:root[data-cta=orange],.pp-cta-sw[data-cta=orange]){--cta: #FF6A1A;--cta-ink: #0A0A0A}:is(:root[data-cta=amber],.pp-cta-sw[data-cta=amber]){--cta: #FFB21A;--cta-ink: #0A0A0A}:is(:root[data-cta=red],.pp-cta-sw[data-cta=red]){--cta: #FF3B2F;--cta-ink: #0A0A0A}:is(:root[data-cta=cyan],.pp-cta-sw[data-cta=cyan]){--cta: #19E3D0;--cta-ink: #0A0A0A}:is(:root[data-palette=paper],:root[data-palette=newsprint],:root[data-palette=linen],:root[data-palette=riso])[data-cta=green] :is(.paper,.hero,.crew,footer,.who){--cta: var(--volt)}:root[data-palette=chrome] .btn:not(.ghost),:root[data-palette=chrome] .kick::before{background:linear-gradient(115deg,color-mix(in srgb,var(--volt) 76%,var(--black)) 0%,color-mix(in srgb,var(--volt) 38%,var(--white)) 30%,var(--volt) 52%,color-mix(in srgb,var(--volt) 34%,var(--white)) 74%,color-mix(in srgb,var(--volt) 80%,var(--black)) 100%)}:root[data-palette=gold] .btn:not(.ghost),:root[data-palette=gold] .kick::before{background:linear-gradient(115deg,color-mix(in srgb,var(--volt) 78%,var(--black)) 0%,color-mix(in srgb,var(--volt) 38%,var(--white)) 30%,var(--volt) 52%,color-mix(in srgb,var(--volt) 34%,var(--white)) 74%,color-mix(in srgb,var(--volt) 82%,var(--black)) 100%)}:root[data-palette=copper] .btn:not(.ghost),:root[data-palette=copper] .kick::before{background:linear-gradient(115deg,color-mix(in srgb,var(--volt) 84%,var(--black)) 0%,color-mix(in srgb,var(--volt) 38%,var(--white)) 30%,var(--volt) 52%,color-mix(in srgb,var(--volt) 34%,var(--white)) 74%,color-mix(in srgb,var(--volt) 88%,var(--black)) 100%)}:is(:root[data-palette=chrome],:root[data-palette=gold],:root[data-palette=copper],:root[data-palette=ibiza],:root[data-palette=club]) .paper .kick::before{background:var(--ink)}:root[data-palette=chrome] .letter .body b{box-shadow:inset 0 -.42em 0 color-mix(in srgb,var(--volt) 62%,var(--ink))}:root[data-palette=ibiza] .btn:not(.ghost),:root[data-palette=ibiza] .kick::before{background:linear-gradient(100deg,var(--volt-2),var(--volt))}:root[data-palette=club] .btn:not(.ghost),:root[data-palette=club] .kick::before{background:linear-gradient(100deg,var(--volt-2),var(--volt))}:is(:root[data-palette=uv],:root[data-palette=magenta],:root[data-palette=hotpink],:root[data-palette=club],:root[data-palette=voltglow],:root[data-palette=acidglow]) .btn:not(.ghost){box-shadow:0 0 34px -6px color-mix(in srgb,var(--volt) 70%,transparent)}:is(:root[data-palette=uv],:root[data-palette=magenta],:root[data-palette=hotpink],:root[data-palette=club],:root[data-palette=voltglow],:root[data-palette=acidglow]) :is(.hero h1 .v,.cta-sec h2 .v){text-shadow:0 0 40px color-mix(in srgb,var(--volt) 42%,transparent)}:is(:root[data-palette=radioactive]) .btn:not(.ghost){box-shadow:0 0 46px -2px color-mix(in srgb,var(--volt) 88%,transparent),0 0 12px color-mix(in srgb,var(--volt) 45%,transparent)}:is(:root[data-palette=radioactive]) :is(.hero h1 .v,.cta-sec h2 .v){text-shadow:0 0 56px color-mix(in srgb,var(--volt) 70%,transparent),0 0 14px color-mix(in srgb,var(--volt) 40%,transparent)}@media(prefers-reduced-motion:no-preference){:root[data-palette=red] .strip span i{animation:pp-rec 1.8s steps(1,end) infinite}}@keyframes pp-rec{0%,62%{opacity:1}62.01%,100%{opacity:.22}}:root.pp-fade *,:root.pp-fade *::before,:root.pp-fade *::after{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease,fill .45s ease,stroke .45s ease!important}@media(prefers-reduced-motion:reduce){:root.pp-fade *,:root.pp-fade *::before,:root.pp-fade *::after{transition:none!important}}.pp{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9999;width:max-content;max-width:calc(100vw - 20px);max-height:calc(100vh - 36px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px 12px 14px 18px;border-radius:24px;background:color-mix(in srgb,var(--black) 88%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 10px 40px -8px color-mix(in srgb,var(--black) 80%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--white) 14%,transparent);color:var(--white);font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.pp-top{display:flex;align-items:center;gap:14px}.pp-label{opacity:.72;white-space:nowrap}.pp-name{flex:1;min-width:13.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-name.is-hover{opacity:.8}.pp-hide{all:unset;box-sizing:border-box;cursor:pointer;width:24px;height:24px;border-radius:50%;text-align:center;font:500 15px/24px var(--mono);opacity:.72;transition:opacity .2s,background-color .2s}.pp-hide:hover{opacity:1;background:color-mix(in srgb,var(--white) 14%,transparent)}.pp-hide:focus-visible,.pp-more:focus-visible{outline:2px solid var(--white);outline-offset:2px}.pp-group{display:flex;flex-direction:column;gap:7px}.pp-gl{font-size:10px;opacity:.55}.pp-list{display:grid;grid-template-columns:repeat(11,auto);gap:4px 6px;justify-content:start}.pp-group[data-group=other] .pp-list{grid-template-columns:repeat(13,auto)}.pp-group[hidden]{display:none}.pp-group[data-group=other] .pp-gl{display:none}.pp-more{all:unset;box-sizing:border-box;cursor:pointer;align-self:flex-start;opacity:.8;padding:2px 0;transition:opacity .2s}.pp-more:hover{opacity:1}.pp-more::after{content:" +"}.pp-more[aria-expanded=true]::after{content:" –"}.pp-btn{all:unset;box-sizing:border-box;cursor:pointer;border-radius:50%;padding:3px;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s,transform .2s}.pp-btn:hover{transform:translateY(-2px) scale(1.12)}.pp-btn:focus-visible{outline:2px solid var(--white);outline-offset:2px}.pp-btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--white)}.pp-swatch{position:relative;display:block;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chalk) 38%,transparent)}.pp-swatch::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--volt)}.pp.is-min{padding:6px;border-radius:99px;gap:0}.pp.is-min>:not(.pp-top),.pp.is-min :is(.pp-label,.pp-name){display:none}.pp-cta-list{display:flex;flex-wrap:wrap;gap:6px}.pp-cta-sw{display:block;width:34px;height:20px;border-radius:99px;background:var(--cta);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 30%,transparent)}.pp-cta-btn{all:unset;box-sizing:border-box;cursor:pointer;border-radius:99px;padding:3px;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s,transform .2s}.pp-cta-btn:hover{transform:translateY(-2px)}.pp-cta-btn:focus-visible{outline:2px solid var(--white);outline-offset:2px}.pp-cta-btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--white)}.pp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:980px){.pp-list,.pp-group[data-group=other] .pp-list{grid-template-columns:repeat(9,auto)}}@media(max-width:620px){.pp{bottom:10px;padding:10px 10px 12px 14px}.pp-name{min-width:0}}
