.ph{color:var(--ds-text);container:product-hub/inline-size;display:flex;flex-direction:column;gap:14px;--ph-ease:cubic-bezier(.22,.61,.36,1)}.ph-head{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}.ph-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.ph-head h1{font-size:30px;font-weight:800;letter-spacing:-.022em;line-height:1.1;margin:0}@media(min-width:640px){.ph-head h1{font-size:34px}}.ph-worth{align-items:flex-end;display:flex;gap:28px;min-height:58px;min-width:0}.ph-worth-text{display:flex;flex:none;flex-direction:column;gap:2px}.ph-worth-cap{align-items:center;color:var(--ds-muted-text);display:flex;font-size:13px;font-weight:600;gap:2px}.ph-eye{background:transparent;border:0;border-radius:999px;color:var(--ui-text-dimmed);cursor:pointer;display:inline-grid;height:24px;padding:0;place-items:center;position:relative;width:24px}.ph-eye:hover{color:var(--ds-text)}.ph-eye .iconify,.ph-eye svg{height:15px;width:15px}.ph-worth-amount{font-size:30px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0;white-space:nowrap}.ph-worth-dots{align-items:center;display:flex;gap:8px;height:34.5px;margin:0}.ph-worth-dots>span:not(.sr-only){background:var(--ds-text);border-radius:999px;height:8px;width:8px}.ph-worth-delta{color:var(--ds-muted-text);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;margin:0;white-space:nowrap}.ph-worth-delta b{font-weight:600}.ph-worth-delta .is-up{color:var(--ds-success)}.ph-worth-delta .is-down{color:var(--ds-error)}.ph-worth-skeleton{background:var(--sys-fill);border-radius:10px;height:58px;width:180px}.ph-spark{cursor:crosshair;flex:0 1 220px;height:56px;margin-bottom:4px;min-width:64px;position:relative;touch-action:pan-y}.ph-spark svg{display:block;height:100%;overflow:visible;width:100%}.ph-spark-line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;vector-effect:non-scaling-stroke}.ph-spark-dot{background:var(--color-primary);border:2px solid var(--ds-background);border-radius:999px;height:9px;margin:-4.5px 0 0 -4.5px;width:9px}.ph-spark-dot,.ph-spark-tip{pointer-events:none;position:absolute}.ph-spark-tip{background:var(--ds-text);border-radius:7px;bottom:calc(100% + 6px);color:var(--ds-background);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;padding:3px 8px;transform:translate(-50%);white-space:nowrap}@container product-hub (max-width: 639px){.ph-worth{gap:16px}.ph-spark{height:48px}}.ph-bar{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:var(--sys-material);margin-inline:calc(var(--app-shell-padding-x)*-1);padding:10px var(--app-shell-padding-x);position:sticky;top:var(--app-top-nav-height);z-index:20}.ph-bar:after{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(var(--sys-material),transparent);content:"";height:18px;inset-inline:0;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);opacity:0;pointer-events:none;position:absolute;top:100%;transition:opacity .2s var(--ph-ease)}.ph-bar.is-stuck:after{opacity:1}.app-navbar:after{transition:opacity .2s var(--ph-ease)}html.ph-toolbar-stuck .app-navbar:after{opacity:0}.ph-bar-in{align-items:center;display:flex;gap:12px}.ph-bar-in>nav{flex:1;min-width:0}.ph-tools{align-items:center;flex:none}.ph-caps,.ph-tools{display:flex;gap:8px}.ph-caps{overflow-x:auto;overscroll-behavior-x:contain;position:relative;scrollbar-width:none}.ph-caps::-webkit-scrollbar{display:none}@property --ph-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --ph-fade-end{syntax:"<length>";inherits:false;initial-value:0}.ph-caps{--ph-fade-start:0px;--ph-fade-end:0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--ph-fade-start),#000 calc(100% - var(--ph-fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--ph-fade-start),#000 calc(100% - var(--ph-fade-end)),transparent 100%);transition:--ph-fade-start .2s var(--ph-ease),--ph-fade-end .2s var(--ph-ease)}.ph-caps.can-scroll-start{--ph-fade-start:32px}.ph-caps.can-scroll-end{--ph-fade-end:32px}.ph-caps a{align-items:center;background:var(--sys-fill);border-radius:999px;color:var(--ds-text);display:inline-flex;flex:none;font-size:14px;font-weight:600;gap:6px;height:34px;padding:0 16px;text-decoration:none;white-space:nowrap}.ph-caps a:hover{background:var(--sys-fill-strong)}.ph-caps a[aria-current]{color:var(--ds-background)}.ph-caps:not(.has-indicator) a[aria-current]{background:var(--ds-text)}.ph-caps a>span{position:relative;z-index:2}.ph-caps-indicator{background:var(--ds-text);border-radius:999px;height:34px;left:0;pointer-events:none;position:absolute;top:0;width:0;will-change:transform;z-index:1}.ph-count{color:var(--ds-muted-text);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.ph-caps a[aria-current] .ph-count{color:inherit;opacity:.7}.ph-caps a.is-empty{opacity:.4}.ph-search{align-items:center;background:var(--sys-fill);border:1px solid transparent;border-radius:999px;display:flex;flex:none;height:34px;overflow:hidden;transition:width .28s var(--ph-ease),border-radius .28s var(--ph-ease),background-color .2s var(--ph-ease),border-color .2s var(--ph-ease);width:34px}.ph-search-btn{background:transparent;border:0;border-radius:999px;color:var(--ds-text);cursor:pointer;display:grid;flex:none;height:32px;padding:0;place-items:center;width:32px}.ph-search-btn .iconify,.ph-search-btn svg{height:16px;width:16px}.ph-search input{background:transparent;border:0;color:var(--ds-text);flex:1;font:inherit;font-size:15px;height:100%;min-width:0;opacity:0;outline:none;padding:0 4px 0 0;transition:opacity .2s var(--ph-ease)}.ph-search input::-moz-placeholder{color:var(--ds-muted-text)}.ph-search input::placeholder{color:var(--ds-muted-text)}.ph-search input::-webkit-search-cancel-button{display:none}.ph-search-clear{background:var(--ui-text-dimmed);border:0;border-radius:999px;color:var(--ds-surface);cursor:pointer;display:inline-grid;flex:none;height:18px;margin-right:8px;padding:0;place-items:center;position:relative;width:18px}.ph-search-clear .iconify,.ph-search-clear svg{height:11px;width:11px}.ph-bar.is-searching .ph-search{background:var(--ds-surface);border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);border-radius:10px;width:280px}.ph-bar.is-searching .ph-search-btn{color:var(--ds-muted-text)}.ph-bar.is-searching .ph-search input{opacity:1}.ph-cancel{background:none;border:0;color:var(--color-primary);cursor:pointer;display:none;flex:none;font:inherit;font-size:15px;font-weight:600;padding:0 2px}.ph-more{background:var(--sys-fill);border:0;border-radius:999px;color:var(--color-primary);cursor:pointer;display:inline-grid;flex:none;height:34px;place-items:center;position:relative;width:34px}.ph-more:hover{background:var(--sys-fill-strong)}.ph-more.is-on{background:color-mix(in srgb,var(--color-primary) 16%,transparent)}.ph-more .iconify,.ph-more svg{height:20px;width:20px}.ph-lang-slot{display:contents}.ph-lang-slot.is-head{display:none}@container product-hub (max-width: 639px){.ph-lang-slot.is-head{display:contents}.ph-lang-slot.is-bar{display:none}}.ph-lang{align-items:center;background:var(--sys-fill);border:0;border-radius:999px;color:var(--ds-text);cursor:pointer;display:inline-flex;flex:none;font-size:14px;font-weight:600;gap:6px;height:34px;padding:0 9px 0 10px;white-space:nowrap}.ph-lang:hover,.ph-lang[aria-expanded=true]{background:var(--sys-fill-strong)}.ph-lang img{border-radius:2.5px;box-shadow:0 0 0 .5px #0000001f;flex:none;height:13px;width:18px}.ph-lang .iconify{color:var(--ds-muted-text);flex:none;height:14px;width:14px}@container product-hub (max-width: 639px){.ph-search input{font-size:16px}.ph-bar.is-searching .ph-bar-in>nav,.ph-bar.is-searching .ph-more{display:none}.ph-bar.is-searching .ph-tools{flex:1}.ph-bar.is-searching .ph-search{flex:1;width:auto}.ph-bar.is-searching .ph-cancel{display:inline-flex}}.ph-status{align-items:center;color:var(--ds-muted-text);display:flex;flex-wrap:wrap;font-size:13px;gap:6px 14px;margin-top:-4px}.ph-chip{align-items:center;background:color-mix(in srgb,var(--color-primary) 14%,transparent);border:0;border-radius:999px;color:var(--color-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:600;gap:4px;height:28px;padding:0 8px 0 12px}.ph-chip .iconify,.ph-chip svg{height:14px;width:14px}.ph-xlink{align-items:center;background:none;border:0;color:var(--color-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:600;gap:2px;padding:0}.ph-xlink .iconify,.ph-xlink svg{height:14px;width:14px}.ph-hero{align-items:center;background:var(--color-ink-deep);border-radius:18px;clip-path:inset(0 round 18px);color:#fff;display:flex;gap:16px;isolation:isolate;min-height:116px;overflow:hidden;padding:14px 60px 14px 18px;position:relative}.ph-hero-bg{filter:blur(56px) saturate(2.8) brightness(1.08);height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transform:scale(1.8);width:100%;z-index:-2}.ph-hero-scrim{background:color-mix(in srgb,var(--color-ink-deep) 34%,transparent);inset:0;position:absolute;z-index:-1}.ph-hero-pack{flex:none;height:88px;-o-object-fit:contain;object-fit:contain;transform:rotate(-4deg);width:64px}.ph-hero-head{display:flex;flex-direction:column;gap:3px;min-width:0}.ph-hero-eyebrow{color:#fffc;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ph-hero-title{font-size:20px;font-weight:800;letter-spacing:-.015em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-hero-sub{color:#fffc;font-size:14px}.ph-hero-sub b{color:#fff;font-weight:700}.ph-hero-close{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border:0;border-radius:999px;color:#fff;cursor:pointer;display:grid;height:30px;margin-top:-15px;padding:0;place-items:center;position:absolute;right:14px;top:50%;width:30px;z-index:2}.ph-hero-close:hover{background:#ffffff4d}.ph-hero-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.ph-hero-close .iconify,.ph-hero-close svg{height:16px;width:16px}@container product-hub (max-width: 639px){.ph-hero{border-radius:16px;clip-path:inset(0 round 16px);gap:12px;min-height:96px;padding:12px 48px 12px 12px}.ph-hero-pack{height:72px;width:52px}.ph-hero-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;white-space:normal}.ph-hero-sub{font-size:13px}.ph-hero-close{height:28px;margin-top:-14px;right:10px;width:28px}}.ph-hero.is-poster{aspect-ratio:358/150;background:#0c0708;border-radius:16px;clip-path:inset(0 round 16px);display:block;min-height:0;padding:0}@media(min-width:640px){.ph-hero.is-poster{aspect-ratio:720/180;border-radius:18px;clip-path:inset(0 round 18px)}}@media(min-width:940px){.ph-hero.is-poster{aspect-ratio:1376/200}}.ph-hero-poster{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.ph-hero.is-poster .ph-hero-close{background:#0c07088c;height:28px;margin-top:0;right:10px;top:10px;width:28px}.ph-hero.is-poster .ph-hero-close:hover{background:#0c0708bf}@media(min-width:640px){.ph-hero.is-poster .ph-hero-close{height:30px;right:12px;top:12px;width:30px}}.ph-sections{gap:28px;margin-top:6px}.ph-sec,.ph-sections{display:flex;flex-direction:column}.ph-sec{gap:10px}.ph-sec-h{align-items:baseline;display:flex;font-size:20px;font-weight:700;gap:8px;letter-spacing:-.01em;line-height:1.2;margin:0 0 0 4px}.ph-sec-h span{color:var(--ds-muted-text);font-size:15px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:0}.ph-tiles{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}@container product-hub (min-width: 700px){.ph-tiles{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}}@container product-hub (min-width: 1100px){.ph-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.ph-tile{align-items:center;background:var(--ds-surface);border-radius:14px;color:inherit;display:flex;gap:12px;isolation:isolate;position:relative;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:92px;padding:12px 18px 12px 8px}.ph-tile:before{background:var(--sys-fill);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .16s var(--ph-ease);z-index:-1}@media(hover:hover){.ph-tile:hover:before{opacity:.55}}.ph-tile:active:before{opacity:1;transition-duration:.05s}.ph-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ph-tile-thumb{display:grid;flex:none;height:68px;place-items:center;position:relative;width:64px}.ph-tile-thumb img{filter:drop-shadow(0 2px 4px rgb(13 16 23/.22));height:60px;max-width:48px;-o-object-fit:contain;object-fit:contain;width:auto}.ph-tile-thumb.is-empty:before{background:var(--sys-fill);border-radius:12px;content:"";height:44px;position:absolute;width:44px}.ph-tile-thumb.is-empty .iconify,.ph-tile-thumb.is-empty svg{color:var(--ui-text-dimmed);height:22px;position:relative;width:22px}.ph-tile-body{display:flex;flex:1;flex-direction:column;gap:9px;min-width:0}.ph-tile-top{align-items:baseline;display:flex;gap:12px;min-width:0}.ph-tile-title{display:block;flex:1;font-size:15px;letter-spacing:-.01em;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}.ph-tile-code,.ph-tile-title{font-weight:500;white-space:nowrap}.ph-tile-code{flex:none;font-size:13px;font-variant-numeric:tabular-nums}.ph-progress{align-items:center;display:flex;gap:12px;min-width:0}.ph-progress-count{flex:none;font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.ph-progress-bar{background:var(--progress-track);border-radius:3px;display:block;flex:1;height:6px;overflow:hidden}.ph-progress-bar>span{background:var(--progress-fill);border-radius:3px;display:block;height:100%}.ph-progress-bar.is-done>span{background:var(--progress-done)}.ph-skeleton-line{background:var(--sys-fill);border-radius:6px;display:block;height:12px}.ph-empty{align-items:center;display:flex;flex-direction:column;gap:6px;padding:48px 16px;text-align:center}.ph-empty>.iconify,.ph-empty>svg{color:var(--ui-text-dimmed);height:34px;margin-bottom:6px;width:34px}.ph-empty h3{font-size:17px;font-weight:700;margin:0}.ph-empty p{color:var(--ds-muted-text);font-size:14px;margin:0}.ph-empty-actions{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center;margin-top:8px}:is(.ph-caps a,.ph-more,.ph-lang,.ph-eye,.ph-hero-close,.ph-chip,.ph-search-btn,.ph-search-clear,.ph-cancel,.ph-xlink){touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition-duration:.1s,.2s,.28s,.2s;transition-property:transform,background-color,color,opacity;transition-timing-function:ease-out,var(--ph-ease),var(--ph-ease),var(--ph-ease)}:is(.ph-caps a,.ph-more,.ph-lang,.ph-eye,.ph-hero-close,.ph-chip,.ph-search-btn,.ph-search-clear,.ph-cancel,.ph-xlink):active{transform:scale(.97)}:is(.ph-eye,.ph-more,.ph-search-clear,.ph-hero-close):after{content:"";inset:-5px;position:absolute}.ph-eye:after{inset:-10px}.ph-hero-close:after{inset:-7px}.ph-search-clear:after{inset:-8px -8px -8px -4px}:is(.ph-eye,.ph-more,.ph-lang,.ph-search-btn,.ph-search-clear,.ph-cancel,.ph-chip,.ph-xlink,.ph-caps a):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){:is(.ph-caps a,.ph-more,.ph-lang,.ph-eye,.ph-hero-close,.ph-chip,.ph-search-btn,.ph-search-clear,.ph-cancel,.ph-xlink):active{transform:none}.ph-search{transition-property:background-color,border-color}}@media(prefers-reduced-transparency:reduce){.ph-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ds-background)}.ph-bar:after{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(var(--ds-background),transparent)}.ph-hero-close{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--color-ink-deep) 55%,transparent)}}@media(prefers-contrast:more){.ph-caps a:not([aria-current]),.ph-lang,.ph-search,.ph-tile{border:1px solid var(--ds-border)}.ph-sec-h span,.ph-worth-cap,.ph-worth-delta{color:var(--ds-text)}.ph-bar:after{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ds-border);bottom:0;height:1px;-webkit-mask-image:none;mask-image:none;top:auto}}
