.pp-test{padding:8rem var(--site-margin) 6rem;background:#eef1f6;min-height:100vh}html[data-scheme=dark] .pp-test{background:#0c0f1a}.pp-test_head{text-align:center;max-width:40rem;margin:0 auto 3rem}.pp-test_grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;max-width:70rem;margin:0 auto;display:grid}.pp-test_card{background:var(--bg);color:#fff;border-radius:1.25rem;flex-direction:column;justify-content:flex-end;gap:.5rem;min-height:14rem;padding:1.25rem;display:flex}.pp-test_card span{opacity:.9;font-size:.875rem}.pp-panel{z-index:400;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:.5rem;padding-inline:1rem;display:flex;position:fixed;inset:auto 0 1rem}.pp-panel_row{pointer-events:auto;background:#14161ee0;border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.pp-panel button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem .875rem;font-size:.8125rem}.pp-panel button[aria-pressed=true]{color:#111;background:#fff}html{--p-glass-z:299}.pp-lens{pointer-events:none;box-shadow:var(--p-shadow-glass-control);display:none;position:fixed}.pp-lens[data-p-glass-size=large]{box-shadow:var(--p-shadow-alert)}html:is([data-pp=neutro],[data-pp=azul]) .pp-lens{display:block}html:is([data-pp=neutro],[data-pp=azul]){--pp-ink:#1d1d1f;--pp-base:#fff;--pp-select:#78788029;--pp-tint:transparent}html:is([data-pp=neutro],[data-pp=azul])[data-scheme=dark]{--pp-ink:#f5f5f7;--pp-base:#1a1a1a;--pp-select:#ffffff24}html[data-pp=azul]{--pp-tint:color-mix(in srgb, var(--cyan-500) 10%, transparent)}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap.is-glass{--_fg:var(--pp-ink);--_bg:var(--pp-base);--_tint-a:0%;--_ring-c:var(--pp-ink)}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_island{box-shadow:none!important;color:var(--pp-ink)!important;background:0 0!important}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_island:after,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_sweep,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_rim,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_distort,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_shadow{display:none!important}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_veu,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_island.scrolled:not(.open) .liquid-island_veu,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_island.open .liquid-island_veu{background:linear-gradient(var(--pp-tint), var(--pp-tint))!important}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_link,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_action,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_wordmark,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_menu-head,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_menu-foot,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_grid a,html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_list :is(a,button),html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_close{color:var(--pp-ink);text-shadow:none}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_toggle{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pp-ink) 14%, transparent);background-color:#0000}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_burger i{background:var(--pp-ink)}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_bolha-fundo{background:var(--pp-select);box-shadow:none}html:is([data-pp=neutro],[data-pp=azul]) .liquid-island_wrap .liquid-island_bolha-anel{display:none}.pp-settings{z-index:400;color:#fff;background:#14161eeb;border-radius:1rem;width:17rem;max-height:calc(100vh - 12rem);font-size:.8125rem;position:fixed;top:5.5rem;right:1rem;overflow:auto}.pp-settings summary{cursor:pointer;padding:.75rem 1rem;font-weight:600}.pp-settings summary small{background:#ffffff29;border-radius:999px;margin-left:.5rem;padding:.125rem .5rem;font-weight:400}.pp-settings_body{flex-direction:column;gap:.625rem;padding:0 1rem 1rem;display:flex}.pp-settings label{grid-template-columns:1fr auto;gap:.25rem .5rem;display:grid}.pp-settings label input[type=range]{grid-column:1/-1;width:100%}.pp-settings_check{align-items:center;gap:.5rem;display:flex!important}.pp-settings_actions{gap:.375rem;display:flex}.pp-settings_actions button{color:#fff;font:inherit;cursor:pointer;background:#ffffff29;border:0;border-radius:.5rem;flex:1;padding:.5rem}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap.is-glass.is-vos{--_ring-c:var(--r-ring-c);--_ring-a:var(--r-ring-a);--_sh-c:var(--r-sh-c);--_sh-a:var(--r-sh-a);--_sh-y:var(--r-sh-y);--_drop-c:var(--r-sh-c)}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_veu{background:linear-gradient(color-mix(in srgb, var(--r-tint-rest-c) calc(var(--r-tint-rest-a) * 100%), transparent), color-mix(in srgb, var(--r-tint-rest-c) calc(var(--r-tint-rest-a) * 100%), transparent)), linear-gradient(-75deg, color-mix(in srgb, var(--r-rest-c) calc(var(--r-rest-a) * 40%), transparent), color-mix(in srgb, var(--r-rest-c) calc(var(--r-rest-a) * 100%), transparent), color-mix(in srgb, var(--r-rest-c) calc(var(--r-rest-a) * 40%), transparent))!important}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.scrolled:not(.open) .liquid-island_veu{background:linear-gradient(color-mix(in srgb, var(--r-tint-scr-c) calc(var(--r-tint-scr-a) * 100%), transparent), color-mix(in srgb, var(--r-tint-scr-c) calc(var(--r-tint-scr-a) * 100%), transparent)), linear-gradient(-75deg, color-mix(in srgb, var(--r-scr-c) calc(var(--r-scr-a) * 64%), transparent), color-mix(in srgb, var(--r-scr-c) calc(var(--r-scr-a) * 100%), transparent), color-mix(in srgb, var(--r-scr-c) calc(var(--r-scr-a) * 64%), transparent))!important}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.open .liquid-island_veu{background:linear-gradient(color-mix(in srgb, var(--r-tint-open-c) calc(var(--r-tint-open-a) * 100%), transparent), color-mix(in srgb, var(--r-tint-open-c) calc(var(--r-tint-open-a) * 100%), transparent)), linear-gradient(color-mix(in srgb, var(--r-open-c) calc(var(--r-open-a) * 100%), transparent), color-mix(in srgb, var(--r-open-c) calc(var(--r-open-a) * 100%), transparent))!important}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_distort{-webkit-backdrop-filter:blur(var(--r-rest-b)) saturate(var(--r-sat)) brightness(var(--r-bright)) contrast(var(--r-contrast));backdrop-filter:blur(var(--r-rest-b)) saturate(var(--r-sat)) brightness(var(--r-bright)) contrast(var(--r-contrast))}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.scrolled .liquid-island_distort{-webkit-backdrop-filter:blur(var(--r-scr-b)) saturate(var(--r-sat)) brightness(var(--r-bright)) contrast(var(--r-contrast));backdrop-filter:blur(var(--r-scr-b)) saturate(var(--r-sat)) brightness(var(--r-bright)) contrast(var(--r-contrast))}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.open .liquid-island_distort{-webkit-backdrop-filter:blur(var(--r-open-b)) saturate(var(--r-sat)) brightness(var(--r-bright)) contrast(var(--r-contrast));backdrop-filter:blur(var(--r-open-b)) saturate(var(--r-sat)) brightness(var(--r-bright)) contrast(var(--r-contrast))}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_sweep{opacity:var(--r-sweep)}html:not([data-scheme=dark]):is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.scrolled:not(.open) .liquid-island_rim{box-shadow:inset 1.5px 1.5px 0 -.5px color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 70%)), transparent), inset -1.5px -1.5px 0 -.5px color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 38.5%)), transparent), inset 0 0 .5rem color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 24.5%)), transparent), inset 0 -.6rem .9rem -.6rem color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 35%)), transparent)!important}html:not([data-scheme=dark]):is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.scrolled:not(.open){box-shadow:inset 0 2px 2px #0000000d, inset 0 -2px 2px color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 50%)), transparent), 0 4px 2px -2px color-mix(in srgb, var(--_drop-c) var(--_drop-a), transparent), inset 0 0 1.6px 4px color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 25%)), transparent)!important}html:not([data-scheme=dark]):is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.scrolled:not(.open):after{background:conic-gradient(from var(--angle-1) at 50% 50%, var(--_ring-forte), var(--_ring-fraco) 5% 40%, var(--_ring-forte) 50%, var(--_ring-fraco) 60% 95%, var(--_ring-forte)), linear-gradient(180deg, color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 50%)), transparent), color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 50%)), transparent))!important;box-shadow:inset 0 0 0 calc(var(--_bw) / 2) color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 50%)), transparent)!important}@media (hover:hover){html:not([data-scheme=dark]):is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.scrolled:not(.open):hover{box-shadow:inset 0 2px 2px #0000000d, inset 0 -2px 2px color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 50%)), transparent), 0 2.4px .8px -1.6px color-mix(in srgb, var(--_drop-c) calc(var(--_drop-a) * 1.25), transparent), inset 0 0 .8px 1.6px color-mix(in srgb, var(--r-rim-c) min(100%, calc(var(--r-rim-a) * 50%)), transparent)!important}}html:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_bolha:after{box-shadow:inset 1px 1px 0 -.5px #fffffff2, inset -1px -1px 0 -.5px #ffffff8c, inset 0 0 .35rem #ffffff59, 0 0 0 .5px color-mix(in srgb, var(--r-bring-c) var(--r-bring-a), transparent), 0 var(--r-bsh-y) var(--r-bsh-blur) calc(var(--r-bsh-y) * -1) color-mix(in srgb, var(--r-bsh-c) var(--r-bsh-a), transparent)}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]){--pp-ink:#f5f5f7;--pp-select:#ffffff24}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap.is-glass{--_bg:#1a1a1a;--_fg:#f5f5f7}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island{box-shadow:0 0 0 .5px color-mix(in srgb, var(--r-key-c) var(--r-key-a), transparent), -1px 0 0 -.25px color-mix(in srgb, var(--r-key-c) calc(var(--r-key-a) * .4), transparent), 1px 0 0 -.25px color-mix(in srgb, var(--r-key-c) calc(var(--r-key-a) * .4), transparent), 0 .25rem .125rem -.125rem color-mix(in srgb, var(--r-sh-c) var(--r-sh-a), transparent)!important}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island.open{box-shadow:0 0 0 .5px color-mix(in srgb, var(--r-key-c) var(--r-key-a), transparent), 0 18px 48px color-mix(in srgb, var(--r-sh-c) var(--r-sh-a), transparent)!important}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_island:after{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--r-ring-c) var(--r-ring-a), transparent), inset 0 -1px 0 color-mix(in srgb, var(--r-ring-c) var(--r-ring-a), transparent), inset 0 6px 6px -6px color-mix(in srgb, var(--r-ring-c) calc(var(--r-ring-a) * .25), transparent), inset 0 -12px 10px -6px color-mix(in srgb, var(--r-ring-c) calc(var(--r-ring-a) * .3), transparent)!important;background:0 0!important;padding:0!important;inset:0!important;mask:none!important}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_rim{display:none!important}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_sweep{background-image:linear-gradient(var(--angle-2), #fff0 0, #ffffff38 40% 50%, #fff0 55%)}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_bolha-fundo{background:var(--pp-select);box-shadow:none}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_bolha-anel{display:none}html[data-scheme=dark]:is([data-pp=ref],[data-pp=refazul]) .liquid-island_wrap .liquid-island_toggle{background-color:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f}.pp-settings{display:none}html:is([data-pp=neutro],[data-pp=azul]) .pp-settings[data-for=pp],html:is([data-pp=ref],[data-pp=refazul]) .pp-settings[data-for=ref]{display:block}.pp-settings h4{letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin:.5rem 0 0;font-size:.75rem}.pp-settings input[type=color]{background:0 0;border:0;border-radius:.375rem;grid-column:1/-1;width:100%;height:1.75rem;padding:0}.pp-panel_row{flex-wrap:wrap;justify-content:center}.pp-settings input.pp-hex{color:#fff;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:.375rem;grid-column:1/-1;padding:.25rem .5rem;font-family:ui-monospace,monospace}