.pf-landing.peerfolio-app{display:flex;flex-direction:column;font-size:16px;line-height:1.5}.pf-landing ::-moz-selection{background:rgba(var(--accent-a),.28)}.pf-landing ::selection{background:rgba(var(--accent-a),.28)}.pf-label-plain{font:500 10.5px/16px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg2)}.pf-landing .pf-tick:before{content:"";display:inline-block;width:2px;height:9px;margin-right:9px;background:var(--pf-accent);opacity:.9;vertical-align:-1px}.pf-btn{display:inline-flex;height:44px;align-items:center;justify-content:center;gap:8px;padding:0 20px;border-radius:var(--r-s);border:1px solid var(--line);background:transparent;color:var(--fg);font-size:14px;line-height:20px;font-weight:500;transition:background-color .16s ease,border-color .16s ease}.pf-btn:hover{background:var(--raise)}.pf-cta{height:44px;padding-inline:20px;font-size:14px;min-height:44px!important}.pf-hbtn{height:40px;min-height:40px!important}.pf-header{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top);background:var(--bg);border-bottom:1px solid color-mix(in srgb,var(--hair) 40%,transparent)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pf-header{background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25)}}.pf-logo{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;filter:brightness(0)}.dark .pf-logo{filter:brightness(0) invert(1)}.pf-wordmark{font:500 21px/1 var(--serif);letter-spacing:-.01em;color:var(--fg)}.pf-grid{background-image:linear-gradient(to right,var(--hair2) 1px,transparent 1px),linear-gradient(to bottom,var(--hair2) 1px,transparent 1px);background-size:56px 56px;background-position:top;opacity:.55;-webkit-mask-image:radial-gradient(ellipse 80% 62% at 50% 40%,#000 15%,transparent 100%);mask-image:radial-gradient(ellipse 80% 62% at 50% 40%,#000 15%,transparent 100%)}.pf-cell{background:var(--pf-accent);opacity:0;animation:pf-cell 9s ease-in-out infinite}@keyframes pf-cell{0%,to{opacity:0}50%{opacity:var(--peak,.1)}}.pf-pill{display:inline-flex;align-items:center;gap:9px;padding:5px 12px;min-height:28px;text-align:left;border:1px solid var(--hair);border-radius:999px;background:var(--panel);font:500 10.5px/16px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg2);max-width:100%}.pf-pill i{width:6px;height:6px;border-radius:50%;background:var(--pf-accent);flex:none}.pf-h1{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;line-height:1.06;font-size:clamp(2.4rem,6vw,4.25rem);text-wrap:balance;color:var(--fg)}.pf-h1 .pf-accent,.pf-h1 em{font-style:italic;color:var(--pf-accent)}.pf-h2{font-family:var(--serif);font-weight:400;letter-spacing:-.022em;line-height:1.12;font-size:clamp(1.75rem,3.4vw,2.5rem);text-wrap:balance;color:var(--fg)}.pf-sub{color:var(--fg2);text-wrap:pretty}.pf-muted{color:var(--fg3)}.pf-frame{position:relative}.pf-bubble{max-width:17rem;padding:11px 16px;border:1px solid var(--hair);border-radius:var(--r);background:var(--panel);font-size:14px;line-height:20px;color:var(--fg);box-shadow:0 14px 28px -16px rgba(0,0,0,.45)}.pf-bubble p:first-child{font:500 10px/14px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg3)}.pf-rule{border-top:1px solid var(--hair)}.pf-step-num{font:500 10.5px/16px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg2)}.pf-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--hair);border-radius:var(--r-s);background:var(--raise);color:var(--pf-accent)}.pf-ticker{border-block:1px solid var(--hair)}.pf-landing .pf-steps>li+li{border-left:1px solid var(--hair)}@media (max-width:639px){.pf-landing .pf-steps>li+li{border-left:0;border-top:1px solid var(--hair)}}@media (prefers-reduced-motion:reduce){.pf-cell{animation:none;opacity:.04}}.pf-h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.2;font-size:clamp(1.4rem,2.4vw,1.75rem);color:var(--fg);text-wrap:balance}.pf-tab{display:flex;align-items:baseline;gap:14px;padding:10px 0 10px 16px;color:var(--fg3);transition:color .16s ease,border-color .16s ease}.pf-tab:hover,.pf-tab[data-active]{color:var(--fg)}.pf-tab-title{font-size:17px;line-height:24px;font-weight:500}.pf-tab:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.pf-landing-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:pf-landing-draw 1.3s cubic-bezier(.22,1,.36,1) backwards}.pf-area{animation:pf-fade .9s ease-out .9s backwards}.pf-lbl-end{animation:pf-fade .8s ease-out .7s backwards}@keyframes pf-landing-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.pf-landing-line{stroke-dasharray:none;stroke-dashoffset:0}@keyframes pf-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pf-area,.pf-landing-draw,.pf-lbl-end{animation:none}}.pf-sample{font:500 10px/14px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3)}.pf-soon{display:inline-flex;align-items:center;gap:8px;padding:4px 11px;border:1px dashed var(--line);border-radius:999px;font-size:12px;line-height:18px;color:var(--fg2)}.pf-landing{--bg:#f3f5f8;--panel:#fbfcfd}.dark .pf-landing{--bg:#08090b;--panel:#0e1114;--raise:#151a1e;--hair:#20262c;--hair2:#171c20}.pf-hero:before{content:"";position:absolute;inset:-10% -10% 0;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 22% 18%,rgba(96,128,170,.14),transparent 70%),radial-gradient(45% 40% at 78% 8%,rgba(130,150,185,.09),transparent 72%),radial-gradient(70% 50% at 60% 70%,rgba(120,140,170,.06),transparent 75%)}.dark .pf-hero:before{background:none}.pf-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.dark .pf-hero:after{opacity:.03;mix-blend-mode:screen;filter:invert(1)}.pf-lift{border-color:var(--hair);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(24,36,56,.05),0 18px 36px -22px rgba(24,36,56,.22)}.dark .pf-lift{background:#0e1114;border-color:#232a30;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 40px -24px rgba(0,0,0,.7)}.pf-stack{display:grid}.pf-pane{grid-area:1/1;min-width:0;transition:opacity .38s ease,transform .38s ease,visibility 0s linear .38s}.pf-pane[data-on=false]{opacity:0;transform:translateY(-10px) scale(.985);visibility:hidden;pointer-events:none}.pf-pane[data-on=true]{transition-delay:0s}.pf-rail-fill,.pf-rail-line{position:absolute;left:0;top:0;bottom:0;width:2px}.pf-rail-line{background:var(--hair)}.pf-rail-fill{background:var(--pf-accent);transform-origin:top;transition:transform .35s ease}[data-on=false] .pf-pop,[data-on=false] .pf-rise{opacity:0}[data-on=true] .pf-rise{animation:pf-rise .62s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--d, 0) * 70ms + 90ms)}[data-on=true] .pf-pop{animation:pf-pop .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--d, 0) * 90ms + .25s)}.pf-card-in[data-on=true]{animation:pf-card .8s cubic-bezier(.22,1,.36,1) backwards}.pf-card-in[data-on=false]:not(.pf-pane){opacity:0}@keyframes pf-rise{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes pf-pop{0%{opacity:0;transform:scale(.82)}}@keyframes pf-card{0%{opacity:0;filter:blur(5px);transform:perspective(900px) translate3d(26px,22px,0) rotateX(7deg) rotateY(-3deg) scale(.96)}to{opacity:1;filter:blur(0);transform:none}}@media (prefers-reduced-motion:reduce){.pf-pane{transition:none}.pf-card-in[data-on=true],[data-on=true] .pf-pop,[data-on=true] .pf-rise{animation:none}.pf-rail-fill{transition:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}.pf-live{grid-area:1/1;min-width:0;will-change:opacity,transform}.pf-window{padding:10px;border:1px solid var(--hair);border-radius:22px;background:color-mix(in srgb,var(--raise) 55%,transparent);box-shadow:0 30px 60px -40px rgba(0,0,0,.5)}.dark .pf-window{background:#0b0d10;border-color:#1d2328}.pf-window-bar{display:none;align-items:center;gap:9px;padding:4px 8px 12px}.pf-side{flex-direction:column;gap:2px;padding-top:4px}.pf-side span{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--r-s);font-size:13px;color:var(--fg3)}.pf-side span[data-on]{background:rgba(var(--accent-a),.12);color:var(--fg)}.pf-side span[data-on] svg{color:var(--pf-accent)}@media (min-width:1024px){.pf-window{padding:14px}.pf-window-bar{display:flex}}.pf-landing main>:not(.pf-hero){background-image:radial-gradient(rgba(24,36,56,.07) 1px,transparent 1.2px);background-size:24px 24px}.dark .pf-landing main>:not(.pf-hero){background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1.2px)}.pf-msg{animation:pf-msg-in .42s cubic-bezier(.22,1,.36,1) backwards}@keyframes pf-msg-in{0%{opacity:0;transform:translateY(6px)}}.pf-typing{display:flex;gap:4px;height:20px;align-items:center}.pf-typing i{width:5px;height:5px;border-radius:50%;background:var(--fg3);animation:pf-dot 1s ease-in-out infinite}.pf-typing i:nth-child(2){animation-delay:.15s}.pf-typing i:nth-child(3){animation-delay:.3s}@keyframes pf-dot{0%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.pf-msg,.pf-typing i{animation:none}}.pf-hue{background:radial-gradient(closest-side,rgba(var(--accent-a),.11),transparent);animation:pf-hue 34s ease-in-out infinite alternate;will-change:transform}.pf-hue-b{background:radial-gradient(closest-side,rgba(var(--accent-a),.07),transparent);animation-duration:46s;animation-delay:-12s}.pf-landing:not(.dark) .pf-hue,:root:not(.dark) .pf-hue{opacity:.8}.dark .pf-hue{opacity:.25}@keyframes pf-hue{0%{transform:translate3d(-6%,-3%,0) scale(1)}to{transform:translate3d(9%,6%,0) scale(1.08)}}@media (prefers-reduced-motion:reduce){.pf-hue{animation:none}}.pf-bubble{position:relative}.pf-bubble:after{content:"";position:absolute;bottom:-6px;width:11px;height:11px;background:var(--panel);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);border-bottom-right-radius:3px;transform:rotate(45deg) skew(8deg,8deg)}.pf-bubble[data-side=left]:after{left:20px}.pf-bubble[data-side=right]:after{right:20px;transform:rotate(45deg) skew(-8deg,-8deg)}.dark .pf-landing.peerfolio-app{--bg:#07090b;background:var(--bg)}.dark .pf-hero:after{opacity:.012}.dark .pf-grid{opacity:.3}.dark .pf-landing .pf-window{background:linear-gradient(145deg,rgba(152,184,231,.065),rgba(7,9,11,.92) 48%);border-color:#29313b;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 28px 70px -40px #000}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pf-landing .pf-window{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media (max-width:639px){.pf-hero-copy{padding:30px 20px 24px}.pf-hero-copy .pf-h1{font-size:clamp(2rem,9vw,2.6rem)}.pf-hero-copy .pf-sub{font-size:15px;line-height:24px}.pf-hero-preview{padding-inline:12px;padding-bottom:40px}.pf-landing .pf-window{padding:6px;border-radius:16px}.pf-hero-preview .pf-ph{gap:8px;flex-wrap:nowrap}.pf-hero-preview .pf-ph .pf-label em,.pf-hero-preview .pf-ph-end:not(.pf-sample){display:none}.pf-hero-preview .pf-ph-end{font-size:9px}}.pf-demo-layout{display:grid;gap:16px;grid-template-columns:132px minmax(0,1fr)}.pf-demo-page{min-width:0}.pf-preview-nav{display:flex;flex-direction:column;gap:3px}.pf-preview-nav button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:var(--r-s);font-size:13px;color:var(--fg2);text-align:left}.pf-preview-nav button[aria-selected=true]{background:rgba(var(--accent-a),.12);color:var(--fg)}.pf-preview-nav button[aria-selected=true] svg{color:var(--pf-accent)}.pf-demo-page:focus-visible,.pf-preview-nav button:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.pf-header{background:color-mix(in srgb,var(--bg) 42%,transparent);border-bottom-color:transparent}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pf-header{background:color-mix(in srgb,var(--bg) 42%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media (max-width:1023px){.pf-demo-layout{grid-template-columns:minmax(0,1fr);gap:12px}.pf-preview-nav{flex-direction:row;overflow-x:auto;padding:2px;scrollbar-width:thin}.pf-preview-nav button{flex:0 0 auto;justify-content:center;gap:6px;padding:0 12px}.pf-preview-nav button svg{display:none}}@media (max-width:639px){.pf-hero-copy{padding:36px 20px 28px}.pf-hero-copy .pf-h1{font-size:clamp(1.6rem,6.8vw,2rem);line-height:1.15}.pf-hero-copy .pf-pill{font-size:9px;letter-spacing:.025em;padding:5px 10px;margin-bottom:18px}.pf-hero-copy .pf-sub{max-width:34ch;margin-top:20px}.pf-hero-copy .reveal.flex{align-items:center;margin-top:26px}.pf-hero-copy .pf-btn,.pf-hero-copy .pf-cta{min-width:190px;width:auto}.pf-hero-copy .pf-muted{margin-top:18px;line-height:18px}}.pf-demo-layout{align-items:start}.pf-demo-page .pf-panel{min-height:0}.pf-preview-portfolio-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);align-items:start}.pf-preview-portfolio-body>ul{border-top:0;border-left:1px solid var(--hair);margin-top:18px}.pf-preview-fantasy{align-items:start}.pf-preview-fantasy .min-h-\[130px\]{min-height:0}.pf-hero-more{display:none}@media (max-width:639px){.pf-hero-copy{padding:32px 24px 24px}.pf-hero-copy .pf-h1{font-size:clamp(2rem,9.8vw,2.65rem);line-height:1.06}.pf-hero-copy .pf-pill{font-size:9px;line-height:15px;letter-spacing:.09em;text-align:left;width:100%;padding:6px 12px;margin-bottom:16px}.pf-hero-copy .pf-sub{margin-top:18px;font-size:15px;line-height:24px;max-width:35ch}.pf-hero-copy .reveal.flex{align-items:stretch;margin-top:22px}.pf-hero-copy .pf-cta{width:100%;min-height:44px}.pf-hero-copy .pf-muted{margin-top:14px;padding:6px 16px;border:1px solid var(--hair);border-radius:999px;background:color-mix(in srgb,var(--panel) 65%,transparent)}.pf-landing .pf-mobile-bubble{display:block;position:relative;top:auto;left:auto;width:-moz-fit-content;width:fit-content;margin:0 0 20px 14px}.pf-mobile-bubble .pf-bubble{min-width:0!important;max-width:230px;padding:9px 14px;font-size:12px;line-height:18px}.pf-mobile-bubble .pf-bubble.min-h-\[62px\]{min-height:54px}.pf-preview-portfolio-body{display:block}.pf-preview-portfolio-body>ul{margin-top:0;border-left:0;border-top:1px solid var(--hair)}.pf-hero-standings[data-expanded=false]>li:nth-child(n+4){display:none}.pf-hero-standings>li{padding-block:10px}.pf-hero-more{display:block;min-height:44px;width:100%;border-top:1px solid var(--hair);color:var(--pf-accent);font-size:12px}.pf-hero-more:focus-visible{outline:2px solid var(--pf-accent);outline-offset:-3px}.pf-demo-page .pf-race-lines{min-height:210px!important;height:210px;flex:none}.pf-hero-copy .pf-h1>span{font-size:.88em}.pf-hero-copy .pf-sub{margin-top:22px}.pf-hero-copy .reveal.flex{margin-top:26px}.pf-hero-copy a.pf-btn{display:none}.pf-landing .pf-mobile-bubble{margin-left:40px}}.pf-preview-news-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:16px;align-items:start}.pf-preview-news-bottom>*{align-self:start}.pf-preview-earnings-list{height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-top:1px solid var(--hair);background:linear-gradient(var(--panel,var(--bg)) 30%,transparent) top /100% 24px no-repeat local,linear-gradient(transparent,var(--panel,var(--bg)) 70%) bottom /100% 24px no-repeat local,linear-gradient(rgba(0,0,0,.14),transparent) top /100% 10px no-repeat scroll,linear-gradient(transparent,rgba(0,0,0,.14)) bottom /100% 10px no-repeat scroll}.pf-preview-earnings-list:focus-visible{outline:2px solid var(--pf-accent);outline-offset:-2px}.pf-preview-earnings-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border-radius:var(--r-s);border:1px solid var(--hair);color:var(--fg2);font-size:10px}.pf-preview-earnings-day b{font-size:14px;font-weight:500}.pf-preview-earnings-day[aria-pressed=true]{background:rgba(var(--accent-a),.12);border-color:var(--pf-accent);color:var(--fg)}.pf-preview-earnings-day:hover{background:var(--raise)}.pf-preview-earnings-day:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}@media (max-width:767px){.pf-preview-news-bottom{grid-template-columns:minmax(0,1fr)}}@media (max-width:639px){.pf-hero-copy .pf-muted,.pf-hero-copy .pf-pill{display:none}.pf-hero-copy .reveal.flex{align-items:center}.pf-hero-copy .pf-cta{width:auto;max-width:100%;min-width:0;padding-inline:24px;height:44px;font-size:14px}}.pf-landing-reveal{transform-origin:0 0;animation:pf-landing-reveal 1.3s cubic-bezier(.22,1,.36,1) both}@keyframes pf-landing-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.pf-landing-reveal{animation:none}}@media (min-width:1024px) and (max-height:820px){[data-tour-mode=pinned] .pf-tour-stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto;align-content:center;-moz-column-gap:32px;column-gap:32px;row-gap:12px;padding-top:12px;padding-bottom:12px}[data-tour-mode=pinned] .pf-tour-heading{grid-column:1;grid-row:1}[data-tour-mode=pinned] .pf-tour-heading .pf-h2{font-size:28px;line-height:1.1;margin-top:8px}[data-tour-mode=pinned] .pf-tour-grid{display:contents}[data-tour-mode=pinned] .pf-tour-copy{grid-column:1;grid-row:2;min-width:0}[data-tour-mode=pinned] .pf-tour-preview{grid-column:2;grid-row:1/span 2;min-height:0;align-self:center}[data-tour-mode=pinned] .pf-tour-foot{grid-column:1/-1;grid-row:3;margin-top:0;font-size:12px}[data-tour-mode=pinned] .pf-tour-tabs{flex-direction:row}[data-tour-mode=pinned] .pf-tour-tabs .pf-tab{flex:1;justify-content:center;min-height:40px;padding:6px 4px;font-size:12px}[data-tour-mode=pinned] .pf-tour-tabs .pf-tab-title{font-size:12px}[data-tour-mode=pinned] .pf-tour-tabs .pf-rail-fill,[data-tour-mode=pinned] .pf-tour-tabs .pf-rail-line,[data-tour-mode=pinned] .pf-tour-tabs .pf-step-num{display:none}[data-tour-mode=pinned] .pf-tour-description{margin-top:12px}[data-tour-mode=pinned] .pf-tour-description .pf-h3{font-size:24px;line-height:1.2}[data-tour-mode=pinned] .pf-tour-description .pf-sub{font-size:13px;line-height:20px}[data-tour-mode=pinned] .pf-tour-description ul{margin-top:12px}[data-tour-mode=pinned] .pf-tour-description .pf-soon{margin-top:12px;font-size:11px}[data-tour-mode=pinned] .pf-tour-preview .pf-pb{padding:12px}[data-tour-mode=pinned] .pf-tour-preview .font-display{font-size:44px;line-height:48px}[data-tour-mode=pinned] .pf-tour-preview li{padding-top:8px;padding-bottom:8px}}.pf-modes{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pf-modes li{--m:var(--pf-accent);position:relative}.pf-modes li[data-mode=real]{--m:#3fae7f}.pf-modes li[data-mode=fantasy]{--m:#c4a15b}.pf-modes li[data-mode=sports]{--m:#4a7fd4}.pf-modes button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 6px;border:1px solid color-mix(in srgb,var(--m) 40%,var(--hair));border-radius:999px;background:color-mix(in srgb,var(--m) 7%,var(--panel));font:500 12.5px/1 var(--sans,inherit);color:var(--fg2);cursor:default;transition:border-color .2s,background .2s,transform .2s}.pf-modes button:focus-visible,.pf-modes li:hover button{border-color:color-mix(in srgb,var(--m) 70%,var(--hair));background:color-mix(in srgb,var(--m) 13%,var(--panel));transform:translateY(-1px)}.pf-mode-logos{display:inline-flex;align-items:center}.pf-mode-logos>*{margin-left:-5px;border-radius:50%;box-shadow:0 0 0 1.5px var(--panel);background:var(--panel)}.pf-mode-logos>:first-child{margin-left:0}.pf-mode-logos>span{display:grid;place-items:center;width:18px;height:18px;overflow:hidden}.pf-mode-tip{position:absolute;z-index:5;top:calc(100% + 6px);left:50%;width:-moz-max-content;width:max-content;max-width:190px;padding:6px 10px;border:1px solid var(--hair);border-radius:10px;background:var(--panel);box-shadow:0 10px 24px -14px rgb(0 0 0/.35);font:400 11.5px/15px var(--sans,inherit);color:var(--fg2);text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .18s,transform .18s}.pf-modes li:focus-within .pf-mode-tip,.pf-modes li:hover .pf-mode-tip{opacity:1;transform:translate(-50%)}@media (max-width:700px){.pf-modes{gap:6px}.pf-modes button{height:28px;padding:0 10px 0 5px;font-size:12px;gap:6px}}@media (prefers-reduced-motion:reduce){.pf-mode-tip,.pf-modes button{transition:none}.pf-modes li:hover button{transform:none}}