[data-site][data-page=product]{--feature-row-gap:2rem;--feature-step:1.75rem;--cycle-room:calc(2 * 2.75rem - .75rem + .5rem);& [data-component=breadcrumb]{top:var(--top);height:var(--logo-height);font-family:var(--font-mono);font-size:var(--mono-size);align-items:center;gap:.625rem;line-height:1.2;display:flex;position:absolute;inset-inline-start:calc(var(--page-offset) + var(--sidebar-width) + var(--gutter));inset-inline-end:calc(var(--page-offset-end) + var(--edge));@media (width<=60rem){height:2.75rem;margin:calc(var(--topbar-height) + .5rem - var(--content-top)) 0 .5rem;padding-inline-end:var(--cycle-room);position:static;&>a{align-items:center;height:100%;display:flex}&>*{flex-shrink:0}& [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}}}& [data-component=product-cycle]{top:calc(var(--banner-offset,0px) + var(--top) + var(--logo-height) / 2 - .75rem);z-index:8;display:flex;position:fixed;inset-inline-end:calc(var(--page-offset) + var(--github-right) + var(--github-size) + .5rem);& a{width:1.5rem;height:1.5rem;color:var(--text-weak);transition:color .15s ease, background-color .15s ease, transform .16s var(--ease-out);place-items:center;display:grid;&:active{transform:scale(.92)}&:focus-visible{outline:2px solid var(--link);outline-offset:0}@media (hover:hover) and (pointer:fine){&:hover{color:var(--text-strong);background:var(--bg-weaker)}}}@media (width<=60rem){width:fit-content;margin-block:-3.25rem .5rem;margin-inline:auto -.75rem;position:static;& a{width:2.75rem;height:2.75rem}}}&:has([data-component=site-menu-sheet][data-open]) [data-component=product-cycle]{visibility:hidden}& [data-slot=first-screen]{max-height:calc(100svh - var(--content-top) - 13rem);flex-direction:column;min-height:28rem;display:flex;& [data-component=product-hero]{aspect-ratio:16/10;flex:0 auto;min-height:0}@media (width<=60rem){min-height:0;max-height:none;& [data-component=product-hero]{aspect-ratio:16/9;flex:none}}}& [data-component=product-hero]{background:light-dark(#161616,#1e1e1e);place-items:center;display:grid;position:relative;overflow:hidden;& video,& img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& [data-slot=play]{inset-inline-end:.75rem;z-index:1;color:#fff;opacity:.8;background:#0009;place-items:center;width:2rem;height:2rem;padding:0;display:grid;position:absolute;bottom:.75rem;@media (hover:hover) and (pointer:fine){&:hover{opacity:1}}&:active{opacity:1}&:focus-visible{opacity:1;outline-offset:2px}}}& [data-component=product-hero][data-empty]{background:#000;box-shadow:inset 0 0 0 1px light-dark(#0000,#333)}& [data-component=product-hero][data-product=mobile]{background:#0a0a0a}& [data-component=product-hero][data-product=sdk]{container-type:inline-size;& [data-slot=code]{font-family:var(--font-mono);white-space:pre;color:#eee;margin:0;font-size:clamp(.75rem,2.2cqw,1.5rem);line-height:1.55}}& [data-slot=caption]{font-family:var(--font-mono);font-size:var(--fs-meta);color:gray}& [data-component=product-intro]{column-gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;margin-top:2rem;display:grid;& [data-slot=copy]{flex-direction:column;grid-column:1/4;gap:.75rem;display:flex}& h1{font-size:var(--fs-h1);letter-spacing:-.02em;color:var(--text-strong);font-weight:400;line-height:36px}& p{font-size:var(--hero-copy-size);line-height:var(--hero-copy-leading);color:var(--text-weak);text-wrap:pretty;--inline-link-color:currentColor}& [data-slot=action]{grid-column:4;justify-content:flex-end;display:flex}& [data-component=site-buttons]{gap:.5rem;display:inline-grid;&>[data-component=site-button]{justify-content:flex-start}}& [data-slot=menu]{transform-origin:top var(--x-end,right);inset-inline:auto 0}&[data-install=exposed]{& [data-slot=copy]{grid-column:1/3}& [data-slot=action]{grid-column:3/5;align-self:stretch;min-width:0;display:block}}@media (width<=60rem){flex-direction:column;gap:1.25rem;margin-top:1.5rem;display:flex;& [data-slot=action]{justify-content:flex-start}& [data-slot=menu]{transform-origin:top var(--x-start,left);inset-inline:0 auto}}}& [data-component=install-tabs]{border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-meta);& [data-slot=tabs]{scrollbar-width:none;border-bottom:1px solid var(--border);gap:1.25rem;padding:0 1rem;display:flex;overflow-x:auto;& button{color:var(--text-weaker);border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:.75rem 0 .6875rem;transition:color .15s;&[aria-selected=true]{color:var(--text-strong);border-bottom-color:var(--text-strong)}@media (hover:hover) and (pointer:fine){&:hover{color:var(--text-strong)}}&:active{color:var(--text-strong)}}}& [data-slot=code]{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;& code{min-width:0;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}& [data-slot=copy]{text-align:end;min-width:6ch;color:var(--text-weak);transition:color .15s ease, scale .16s var(--ease-out);flex-shrink:0;&:active{scale:.97}@media (hover:hover) and (pointer:fine){&:hover{color:var(--text-strong)}}@media (pointer:coarse){margin-block:-.75rem;padding-block:.75rem}}}& [data-component=product-features]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;&[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}gap:var(--feature-row-gap) var(--gutter);margin:4.5rem 0 0;padding:0;line-height:1.4;list-style:none;& li{flex-direction:column;gap:.625rem;display:flex}& strong{font-family:var(--font-mono);font-size:var(--title-size);-webkit-text-stroke:var(--title-stroke);color:var(--text-strong);font-weight:400}& span{color:var(--text-weak);text-wrap:pretty}@media (width<=80rem){&[data-columns="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=60rem){&,&[data-columns="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=39.9375rem){&,&[data-columns="4"]{grid-template-columns:minmax(0,1fr)}gap:var(--feature-step)}}& [data-component=showcase]+[data-component=product-features]{margin-top:var(--feature-row-gap);@media (width<=39.9375rem){margin-top:var(--feature-step)}}& [data-component=showcase]{gap:var(--feature-row-gap) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4.5rem;display:grid;& [data-slot=row]{flex-direction:column;gap:1.25rem;display:flex}& [data-slot=media]{aspect-ratio:16/10;background:#0a0a0a;position:relative;overflow:hidden;& video,& img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& [data-slot=still][data-hidden]{opacity:0}& [data-slot=placeholder]{place-items:center;display:grid;position:absolute;inset:0;& svg{width:2.5rem;height:auto}& [data-slot=code]{fill:#ffffff29}& [data-slot=inner]{fill:#ffffff0f}}}& [data-slot=copy]{flex-direction:column;gap:.625rem;display:flex}& h3{font-family:var(--font-mono);font-size:var(--title-size);-webkit-text-stroke:var(--title-stroke);color:var(--text-strong);font-weight:400;line-height:1.3}& p{color:var(--text-weak);text-wrap:pretty}&[data-media=none]{line-height:1.4;& h3{line-height:inherit}}&[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));@media (width<=80rem){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=39.9375rem){&,&[data-count="4"]{grid-template-columns:minmax(0,1fr)}row-gap:var(--feature-step)}}& [data-slot=product-changelog]{&>[data-component=changelog-timeline]{margin-top:3.5rem}&>[data-slot=more]{grid-column:2/-1;justify-self:start;margin-top:2.5rem}&>[data-component=changelog-timeline]~[data-slot=more]{grid-column:2/4;margin-top:4.5rem}}}:root[data-card-grow=grow] [data-component=product-hero],:root[data-card-grow=shrink] [data-component=product-hero]{view-transition-name:product-hero}:root[data-card-grow] [data-site] [data-component=product-hero] :is(video,img[data-poster]),:root[data-card-grow] [data-site] [data-component=product-card] [data-slot=still]:not([data-hidden]){opacity:1;animation:none}::view-transition-group(product-hero){animation-duration:var(--card-duration,.36s);animation-timing-function:var(--card-easing,cubic-bezier(.32, .72, 0, 1))}:root[data-card-grow]::view-transition-group(root){animation:none}::view-transition-group(product-hero){overflow:clip}::view-transition-old(product-hero){object-fit:cover;mix-blend-mode:normal;width:100%;height:100%}::view-transition-new(product-hero){object-fit:cover;mix-blend-mode:normal;width:100%;height:100%}::view-transition-old(product-hero){animation:var(--card-image-fade,.14s) cubic-bezier(.23, 1, .32, 1) both card-image-out}::view-transition-new(product-hero){animation:var(--card-image-fade,.14s) cubic-bezier(.23, 1, .32, 1) both card-image-in}::view-transition-old(product-hero):only-child{animation:var(--card-page-fade,.2s) cubic-bezier(.23, 1, .32, 1) var(--card-page-delay,40ms) both card-grow-out}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:var(--card-page-fade,.2s) cubic-bezier(.23, 1, .32, 1) var(--card-page-delay,40ms) both card-grow-in;mix-blend-mode:normal}@keyframes card-grow-out{to{opacity:0}}@keyframes card-grow-in{0%{opacity:0}}@keyframes card-image-out{to{filter:blur(4px)}}@keyframes card-image-in{0%{opacity:0;filter:blur(4px)}}[data-component=changelog-entry]{font-size:var(--fs-read);color:var(--text);flex-direction:column;gap:2.25rem;display:flex;& [data-slot=title]{text-box:trim-start cap alphabetic;font-family:var(--font-sans);font-size:var(--entry-title-size,var(--fs-entry));font-weight:var(--entry-title-weight,500);line-height:var(--entry-title-leading,1.2);letter-spacing:var(--entry-title-tracking,-.02em);color:var(--text-strong);text-wrap:balance;overflow-wrap:break-word}& [data-slot=copy-heading]{color:inherit;cursor:pointer;text-decoration:none;&:focus-visible,&:active{color:inherit}@media (hover:hover) and (pointer:fine){&:hover{color:inherit;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:.2em}}&:focus-visible{text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:.2em}& [data-slot=copied]:not(:empty){font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:normal;color:var(--text-weak);vertical-align:middle;margin-inline-start:.625rem;font-weight:400;display:inline-block}}& [data-slot=subhead][id]{scroll-margin-top:var(--content-top)}& [data-slot=refs]{font-family:var(--font-mono);font-size:var(--fs-meta);margin-inline-start:.5em;& a{--inline-link-color:var(--text-weak);white-space:nowrap}& a:not(:last-child):after{content:"·" / "";color:var(--text-weaker);margin-inline:.375em;text-decoration:none;display:inline-block}}[data-title=mono] & :is([data-slot=subhead],[data-slot=group-label],[data-slot=area],[data-slot=show-more],[data-slot=all-highlights]){font-family:var(--font-mono);font-size:var(--mono-size);font-weight:400;line-height:1.3}[data-title=mono] & :is([data-slot=area],[data-slot=show-more],[data-slot=all-highlights],[data-slot=group-label]){font-size:var(--fs-meta);line-height:1.55}[data-title=mono] & [data-slot=title]{font-family:var(--font-mono);letter-spacing:-.01em;font-size:1.375rem;font-weight:400;line-height:1.25;& code{font-family:inherit}}& [data-slot=title]+[data-slot=summary]{margin-top:-1.125rem}& [data-slot=summary]{color:var(--text);text-wrap:pretty}& :is([data-slot=summary],[data-slot=feature]>p,[data-slot=group] ul){max-inline-size:var(--measure)}& [data-slot=subhead],& [data-slot=group-label]{font-family:var(--font-sans);font-size:var(--fs-read);color:var(--text-strong);font-weight:500;line-height:1.4}& [data-slot=media]{flex-direction:column;margin:0;display:flex}& [data-slot=title]+[data-slot=media]{margin-top:-1.125rem}& [data-slot=media]:has([data-slot=carousel-nav])+[data-slot=summary]{margin-top:-.75rem}& [data-slot=viewport]{touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}& [data-draggable] [data-slot=viewport]{cursor:grab}& [data-dragging] [data-slot=viewport]{cursor:grabbing}& [data-slot=slides]{--gap:8px;--step:calc(100% + var(--gap));gap:var(--gap);transform:translateX(calc(var(--index) * -1 * var(--step) * var(--x-dir,1) + var(--drag,0px)));transition:transform .25s var(--ease-out);display:flex}& [data-dragging] [data-slot=slides]{transition:none}& [data-slot=slide]{aspect-ratio:16/9;background:#0a0a0a;flex:0 0 100%;position:relative;overflow:hidden;& :is(video,img){object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}}& [data-carousel=peek]{& [data-slot=slides]{--step:calc(100% - 24px)}& [data-slot=slide]:not(:only-child){flex-basis:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){& [data-slot=slides]{transition:none}}& [data-slot=carousel-nav]{align-items:center;margin-inline-start:-2px;display:flex}& [data-slot=bars]{display:flex}& [data-slot=carousel-nav] button{width:24px;height:24px;color:var(--text-weak);place-items:center;padding:0;transition:color .15s;display:grid;&:focus-visible{outline-offset:-1px}}& [data-slot=bar]{background:var(--border-strong);width:20px;height:2px;transition:background-color .15s;position:relative;overflow:hidden}& [aria-current]>[data-slot=bar]{background:var(--text-strong)}@media (hover:hover) and (pointer:fine){& [data-slot=bars] button:hover>[data-slot=bar]{background:var(--link)}}& [data-slot=bars] button:active>[data-slot=bar]{background:var(--link)}& [data-slot=count]{font-size:var(--fs-meta);font-variant-numeric:tabular-nums;color:var(--text-weak);margin-inline-start:auto}& [data-slot=arrows]{margin-inline:auto -6px;display:flex}& [data-carousel=progress] [aria-current]>[data-slot=bar]{background:var(--border-strong);&:after{content:"";background:var(--text-strong);transform-origin:var(--x-start,left);animation:4s linear forwards changelog-slide-progress;position:absolute;inset:0}}& [data-carousel=progress][data-paused] [data-slot=bar]:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){& [data-carousel=progress] [aria-current]>[data-slot=bar]:after{animation:none}}& [data-slot=feature]{flex-direction:column;gap:.5rem;display:flex;& p{text-wrap:pretty}}& [data-slot=group]{flex-direction:column;gap:.875rem;margin-top:.75rem;display:flex;&>[data-slot=group-label],&>summary [data-slot=group-label]{font-size:var(--fs-meta);color:var(--text-weak)}}& details[data-slot=group]{display:block;&>summary{cursor:pointer;width:fit-content;min-height:1.5rem;color:var(--text-weak);align-self:flex-start;align-items:center;gap:.375rem;list-style:none;display:flex;&::-webkit-details-marker{display:none}& [data-slot=count]{font-family:var(--font-mono);color:var(--text-weak)}& [data-slot=chevron]{transition:rotate .15s;rotate:-90deg}@media (hover:hover) and (pointer:fine){&:hover [data-slot=group-label],&:hover{color:var(--text-strong)}}&:active [data-slot=group-label],&:active{color:var(--text-strong)}}&[open]>summary [data-slot=chevron]{rotate:0deg}&>ul{margin-top:.875rem}@media (prefers-reduced-motion:reduce){&>summary [data-slot=chevron]{transition:none}}}& [data-slot=breaking]{flex-direction:column;gap:.5rem;display:flex;&+&{margin-top:1rem}& p{text-wrap:pretty}}& ul{flex-direction:column;gap:.5rem;display:flex}& [data-slot=group]>ul>li{text-wrap:pretty;grid-template-columns:6.5rem minmax(0,1fr);column-gap:1rem;display:grid}& [data-slot=area]{font-size:var(--fs-meta);color:var(--text-weak);grid-column:1;padding-top:.125rem;line-height:1.55}& [data-slot=text]{grid-column:2}& [data-slot=breaking] li{padding-inline-start:1rem;position:relative;&:before{content:"–";color:var(--text-weaker);position:absolute;inset-inline-start:0}}& strong{color:var(--text-strong);font-weight:500}& [data-slot=author]{--inline-link-color:var(--text-weak)}& code{font-family:var(--font-mono);background:var(--bg-weaker);color:var(--text-strong);overflow-wrap:anywhere;padding:.1em .3em;font-size:calc(.875em + 1px)}& pre{background:var(--bg-weak);padding:.75rem 1rem;overflow-x:auto;& code{white-space:pre;background:0 0;padding:0}}& [data-slot=all-highlights]{margin-top:-1.25rem}& [data-slot=show-more]{margin-inline-start:7.5rem}& :is([data-slot=show-more],[data-slot=all-highlights]){font-size:var(--fs-meta);color:var(--text-weak);align-self:flex-start;text-decoration:none;transition:color .15s;@media (hover:hover) and (pointer:fine){&:hover{color:var(--text-strong)}}&:active{color:var(--text-strong)}}& [data-slot=meta]{font-family:var(--font-mono);font-size:var(--fs-meta);flex-wrap:wrap;gap:.25rem 1rem;line-height:1.2;display:flex;& a,& [data-slot=copy-link]{color:var(--text-weak);align-items:center;gap:4px;text-decoration:none;transition:color .15s;display:inline-flex;@media (hover:hover) and (pointer:fine){&:hover{color:var(--text-strong)}}&:active{color:var(--text-strong)}}& [data-slot=external]{translate:0 -2px}}@media (width<=40rem){gap:2rem;& [data-slot=group]>ul{gap:.875rem}& [data-slot=group]>ul>li{grid-template-columns:minmax(0,1fr)}& [data-slot=area],& [data-slot=text]{grid-column:1}& [data-slot=area]{padding-top:0}& [data-slot=show-more]{margin-block:-.75rem;margin-inline-start:0;padding-block:.75rem}& [data-slot=all-highlights]{margin-block:-1.75rem -.75rem;padding-block:.75rem}& [data-slot=meta] :is(a,[data-slot=copy-link]){margin-block:-.75rem;padding-block:.75rem}& [data-slot=meta]{row-gap:calc(2.75rem - 1lh)}}}[data-component=changelog-timeline]{--marker:9px;--rail-gap:.75rem;--marker-x:0px;--rail-x:calc(var(--marker) / 2);--head-pad:0px;--sticky-top:calc(var(--content-top) + env(safe-area-inset-top,0px));grid-column:1/-1;grid-template-columns:subgrid;margin:0;padding:0;list-style:none;display:grid;position:relative;&>li{grid-column:1/-1;grid-template-columns:subgrid;scroll-margin-top:var(--sticky-top);display:grid;position:relative;&>[data-slot=anchor]{scroll-margin-top:var(--sticky-top);position:absolute;top:0}clip-path:inset(-3px -100vw 0);&:not(:last-child)>[data-component=changelog-entry]{padding-bottom:6rem}&:not(:last-of-type):after{content:"";top:0;bottom:0;background:var(--border);pointer-events:none;width:1px;position:absolute;inset-inline-start:calc(var(--rail-x) - .5px)}}& header{z-index:2;grid-column:1;align-self:start;position:relative}& header:before,& header:after{content:"";pointer-events:none;width:1px;position:absolute;inset-inline-start:calc(var(--marker-x) + var(--marker) / 2 - .5px)}& header:before{height:calc(100000px + var(--head-pad) + var(--marker) / 2);background:var(--border);top:-100000px}&>li:first-of-type header:before{width:3px;height:calc(100000px + var(--head-pad));background:var(--bg);inset-inline-start:calc(var(--marker-x) + var(--marker) / 2 - 1.5px)}&>li:first-of-type header:after{top:calc(var(--head-pad) + var(--marker) / 2);height:var(--fill,0px)}& header:after{top:calc(var(--head-pad) + var(--marker) / 2 - var(--fill-up,0px));height:calc(var(--fill-up,0px) + var(--fill,0px));background:var(--text-strong);display:none}&>li:last-of-type header:after{height:var(--fill-up,0px)}&[data-sticky] header{top:var(--sticky-top);position:sticky}& [data-slot=marker]{z-index:1;inset-inline-start:var(--marker-x);top:var(--head-pad);width:var(--marker);height:var(--marker);box-sizing:border-box;border:1px solid var(--border-strong);background:var(--bg);transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out);position:absolute;@media (prefers-reduced-motion:reduce){transition:none}}&[data-marker=active]>li[data-active] [data-slot=marker]{border-color:var(--text-strong);background:var(--text-strong)}& header{min-height:var(--marker);flex-wrap:wrap;align-items:center;gap:.375rem .625rem;padding-inline-start:calc(var(--marker) + var(--rail-gap));display:flex}& time{text-box:trim-both cap alphabetic;font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-weak);line-height:1.2;display:block;&[data-same-day]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}& [data-slot=version]{text-box:trim-both cap alphabetic;font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-weak);margin-block:-.375rem;padding-block:.375rem;line-height:1.2;text-decoration:none;transition:color .15s;display:block;@media (hover:hover) and (pointer:fine){&:hover{color:var(--text-strong)}}&:active{color:var(--text-strong)}}--entry-title-size:var(--fs-entry);--entry-title-weight:500;& [data-component=changelog-entry]{grid-column:2/4}@media (width<=78rem){--rail-gap:1rem;--rail-x:var(--timeline-x);flex-direction:column;display:flex;&>li{padding-inline-start:round(calc(var(--rail-x) + var(--marker) / 2 + var(--rail-gap)), 1px);display:block;&:not(:last-child)>[data-component=changelog-entry]{padding-bottom:4rem}}&[data-sticky]{--head-pad:calc(var(--sticky-top) - var(--topbar-height));& header{top:calc(var(--sticky-top) - var(--head-pad));box-sizing:content-box;height:var(--marker);margin-top:calc(-1 * var(--head-pad));margin-bottom:calc(var(--title-h,1rem) - 1rem);padding-top:var(--head-pad);background:var(--bg);padding-bottom:1rem}&>li:not(:last-child)>[data-component=changelog-entry]{padding-bottom:0;&>:last-child{margin-bottom:4rem}}&>li>[data-component=changelog-entry]{margin-top:calc(1rem - var(--title-h,1rem));&>[data-slot=title]{top:calc(var(--sticky-top) + var(--marker) + 1rem);z-index:1;background:var(--bg);margin-bottom:-1rem;padding-bottom:1rem;position:sticky}}}--marker-x:calc(var(--rail-x) - var(--marker) / 2 - round(calc(var(--rail-x) + var(--marker) / 2 + var(--rail-gap)), 1px));& header{padding-inline-start:0}& [data-component=changelog-entry]{margin-top:1rem}&:is([data-title-size="24-500"],[data-title-size="28-500"]){--entry-title-size:calc(var(--entry-title-size-desktop) * .85)}&[data-title=mono] [data-slot=title]{font-size:1.1875rem}}}@keyframes changelog-slide-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-component=changelog-entry] [data-slot=play]{inset-inline-end:.5rem;z-index:1;color:#fff;opacity:.8;background:#0009;place-items:center;width:2rem;height:2rem;padding:0;transition:opacity .15s;display:grid;position:absolute;bottom:.5rem;@media (hover:hover) and (pointer:fine){&:hover{opacity:1}}&:active{opacity:1}&:focus-visible{opacity:1;outline-offset:2px}}[data-component=changelog-toolbar]{flex-wrap:wrap;grid-column:2/-1;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:4rem;display:flex;@media (width>=60.0625rem){--pin-top:calc(max(var(--banner-offset,0px), env(safe-area-inset-top,0px)) + var(--top) + var(--logo-height) / 2 - 1rem);top:var(--pin-top);z-index:3;margin-inline-end:calc(var(--github-clear) - var(--edge));position:sticky;&:before{content:"";z-index:-1;inset:calc(-1 * var(--pin-top)) 0 -.75rem;background:var(--bg);pointer-events:none;position:absolute}}&[data-filters=areas]{flex-wrap:nowrap;align-items:center;& [data-slot=filter]{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:0 auto;min-width:0;margin:-3px;padding:3px;overflow-x:auto;&::-webkit-scrollbar{display:none}& a{white-space:nowrap;flex-shrink:0}}& [data-slot=subscribe]{flex-shrink:0}@media (width<=40rem){gap:.75rem}}& [data-slot=filter]{flex-wrap:wrap;gap:.375rem;display:flex;& a{min-height:2rem;font-family:var(--font-mono);font-size:var(--mono-size);color:var(--text-weak);align-items:center;padding:0 .75rem;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex;@media (hover:hover) and (pointer:fine){&:hover{color:var(--text-strong)}}&:active{color:var(--text-strong)}&:focus-visible{outline:2px solid var(--link);outline-offset:-2px}&[aria-current=true]{color:var(--text-strong);background:var(--bg-weaker)}}}@media (width<=60rem){margin-bottom:3rem}}[data-slot=subscribe] [data-slot=trigger]{border:1px solid var(--border);min-height:2rem;font-size:var(--fs-meta);color:var(--text-strong);align-items:center;gap:.375rem;padding:0 .75rem;transition:background-color .15s;display:inline-flex;@media (hover:hover) and (pointer:fine){&:hover{background:var(--bg-weak)}}&:active{background:var(--bg-weak)}&[aria-expanded=true]{background:var(--bg-weaker)}&[aria-expanded=true] [data-slot=chevron]{rotate:180deg}}[data-component=changelog-pages],[data-component=changelog-neighbours]{font-size:var(--fs-small);flex-wrap:wrap;grid-column:2/4;align-items:center;gap:1rem 2rem;margin-top:5rem;display:flex;& a{color:var(--text-strong);text-decoration:none;@media (hover:hover) and (pointer:fine){&:hover{text-underline-offset:.2em;text-decoration:underline}}&:active{text-underline-offset:.2em;text-decoration:underline}}& [data-slot=position]{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-weak)}@media (width<=60rem){margin-top:3rem}}@media (width<=60rem){[data-component=changelog-pages] a{margin-block:-.75rem;padding-block:.75rem}}[data-component=changelog-pages] [rel=next]{margin-inline-start:auto}[data-component=changelog-neighbours]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid;& a{flex-direction:column;gap:.375rem;display:flex}& [data-slot=older]{text-align:end;grid-column:2}& [data-slot=kicker]{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-weak)}& [data-slot=title]{font-size:var(--body-size);text-wrap:balance;font-weight:500}@media (width<=40rem){grid-template-columns:minmax(0,1fr);& [data-slot=older]{text-align:start;grid-column:1}}}[data-page=changelog-entry] [data-slot=entry-nav]{z-index:1;background:var(--bg);width:fit-content;box-shadow:0 0 0 .75rem var(--bg);font-family:var(--font-mono);font-size:var(--fs-meta);position:relative;& a{color:var(--text-weak);text-decoration:none;@media (hover:hover) and (pointer:fine){&:hover{color:var(--text-strong)}}&:active{color:var(--text-strong)}}}[data-site] [data-component=block][data-slot=product-companions]>[data-component=companions]{grid-column:1/-1;margin-top:3.5rem;@media (width<=60rem){margin-top:1.5rem}}[data-site] [data-component=companions]{& [data-slot=track]{column-gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}& [data-component=companion]{background:var(--bg-weak);grid-template-rows:auto auto;grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.125rem .5rem;padding-block:.65rem;padding-inline:.65rem 1rem;display:grid;position:relative}& [data-slot=link]{grid-area:1/1/3/3;grid-template-columns:subgrid;grid-template-rows:subgrid;color:var(--text-strong);align-items:center;text-decoration:none;transition:color .15s;display:grid;&:after{content:"";position:absolute;inset:0}&:focus-visible{outline:none}&:focus-visible:after{outline:2px solid var(--link);outline-offset:-2px}}& [data-slot=icon]{grid-area:1/1/3;width:3.5rem;height:3.5rem;display:block;& img{width:100%;height:100%;display:block}}& [data-slot=name]{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--title-size);-webkit-text-stroke:var(--title-stroke);grid-area:1/2;align-self:end;line-height:1.3;overflow:hidden}& [data-slot=category]{min-width:0;color:var(--text-weak);text-wrap:balance;grid-area:2/2;align-self:start;line-height:1.3}@media (hover:hover) and (pointer:fine){& [data-component=companion]:hover{& [data-slot=link]{color:var(--link)}}}& [data-component=companion]:active{& [data-slot=link]{color:var(--link)}}& [data-component=companion]:has(:focus-visible){& [data-slot=link]{color:var(--link)}}@media (width<=88rem){& [data-slot=track]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=60rem){margin-inline:calc(-1 * var(--edge));& [data-slot=track]{column-gap:var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--edge);padding-inline:var(--edge);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:85%;grid-auto-flow:column;overflow-x:auto}& [data-component=companion]{scroll-snap-align:start}}&[data-style^=outline]{& [data-slot=track]{column-gap:0;padding-block:0 1px;padding-inline:1px 0}& [data-component=companion]{border:1px solid var(--border);background:0 0;margin-block:0 -1px;margin-inline:-1px 0}}@media (width<=60rem){&:is([data-style^=outline],[data-style=list]){margin-inline:0;& [data-slot=track]{scroll-snap-type:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;padding-inline:0;overflow-x:visible}}&[data-style^=outline] [data-slot=track]{padding-inline-start:1px}}}[data-component=download-sections]{display:contents}:is([data-component=download-sections],[data-slot=product-download]){& [data-slot=download-os]{align-self:flex-start}& [data-component=download-list]{flex-direction:column;gap:.75rem;max-width:40rem;display:flex;& li{align-items:center;gap:.75rem;scroll-margin-top:6rem;display:flex}& [data-slot=platform-icon]{color:var(--text-strong);flex-shrink:0}& [data-slot=name]{min-width:0;font-family:var(--font-sans);font-size:var(--body-size);flex:1}& [data-slot=detail]{color:var(--text-weak);margin-inline-start:.5rem}& [data-component=site-button]{width:var(--action-width,auto);flex-shrink:0;justify-content:center;min-width:6.5rem}}& [data-slot=body]>[data-component=download-list]:first-child{margin-top:-.79rem}& [data-slot=copy-row]{& [data-slot=method]{width:3.5rem;font-family:var(--font-mono);font-size:var(--body-size);color:var(--text-weak);flex-shrink:0}& [data-slot=name]{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-strong);overflow-wrap:anywhere}}@media (width<=40rem){& [data-slot=copy-row] [data-slot=method]{display:none}}@media (width<=39.9375rem){& [data-slot=copy-row] [data-slot=name]{font-size:var(--body-size);white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden}}}[data-slot=product-download]{& [data-slot=body]>[data-component=download-list]:first-child{margin-top:0}& [data-component=download-list]{max-width:calc((100% - 3 * var(--gutter)) / 4 * 3 + 2 * var(--gutter));@media (width<=60rem){max-width:none}}& [data-slot=more]{align-self:flex-start}}@media (hover:hover) and (pointer:fine){[data-slot=product-download] [data-component=download-list] li [data-slot=name]{align-items:baseline;display:flex;&:after{content:"";min-width:1.5rem;height:2px;color:var(--text-faint);opacity:0;background:radial-gradient(circle,currentColor .75px,#0000 1.1px) 0 100%/6px 2px repeat-x;flex:1;margin-inline-start:.5rem;transition:opacity .12s;mask-image:linear-gradient(90deg,#000 calc(50% - 24px),#0000 calc(50% + 24px)),linear-gradient(90deg,#000 67%,#0000);mask-position:0 0,0 0;mask-size:200% 100%,100% 100%;mask-repeat:no-repeat;mask-composite:intersect}&:dir(rtl):after{transform:scaleX(-1)}}[data-slot=product-download] [data-component=download-list] li:is(:hover,:focus-within) [data-slot=name]:after{opacity:1;transition:opacity 80ms ease-out;animation:.32s linear both dot-leader-sweep}@media (prefers-reduced-motion:reduce){[data-slot=product-download] [data-component=download-list] li [data-slot=name]:after,[data-slot=product-download] [data-component=download-list] li:is(:hover,:focus-within) [data-slot=name]:after{transition:none;animation:none}}}@keyframes dot-leader-sweep{0%{mask-position:100% 0,0 0}to{mask-position:0 0,0 0}}[data-site] [data-component=pair-panel]{max-width:calc((100% - 3 * var(--gutter)) / 4 * 3 + 2 * var(--gutter));margin-top:1.5rem;container:pair-panel/inline-size;@media (width<=60rem){max-width:none}& h3{font-family:var(--font-mono);font-size:var(--title-size);color:var(--text-strong);font-weight:400}& [data-slot=intro]{max-width:40rem;color:var(--text);margin-top:.5rem;line-height:1.5}& [data-slot=note]{max-width:40rem;font-size:var(--fs-small);color:var(--text-weak);margin-top:1.25rem;line-height:1.5}& [data-slot=command]{border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-meta);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.375rem 1rem;margin-top:.75rem;padding-block:.375rem;padding-inline:1rem .375rem;display:flex;& code{background:0 0;min-width:0;padding:0;@media (width>=22.5rem) and (width<=39.9375rem){font-size:var(--body-size)}text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);overflow:hidden}& [data-component=site-button]{flex-shrink:0;height:2rem;margin-inline-start:auto}}& [data-slot=steps]{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin:1.5rem 0 0;padding:0;list-style:none;display:grid;& li{background:var(--bg-weak);flex-direction:column;gap:.375rem;padding:1rem;display:flex}& [data-slot=number]{background:var(--text-strong);width:1.5rem;height:1.5rem;color:var(--bg);font-family:var(--font-mono);font-size:var(--fs-micro);border-radius:50%;place-items:center;margin-bottom:.5rem;display:grid}& strong{color:var(--text-strong);font-weight:500}& span:not([data-slot]){color:var(--text-weak);line-height:1.45}@container pair-panel (width<=60rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=split]{gap:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid;@media (width<=60rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=plain-steps]{color:var(--text-weak);margin:1rem 0 0;padding-inline-start:1.25rem;line-height:1.5;& li+li{margin-top:.25rem}}& [data-slot=visual]{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;gap:.75rem;display:grid;& img{object-fit:cover;object-position:left top;background:#000;width:100%;height:100%}}& [data-slot=terminal]{color:#eee;font-family:var(--font-mono);white-space:pre;background:#0a0a0a;margin:0;padding:1rem;font-size:clamp(.4rem,.55vw,.6rem);line-height:1.15;overflow:hidden;& [data-slot=prompt]{color:#9d7cd8}}& [data-slot=card]{border-inline-start:3px solid var(--link);color:#f2f2f2;background:#0c0c0c;max-width:40rem;padding:1.5rem;& h3{color:#fff}& [data-slot=intro]{color:#c7c7c7}& [data-slot=command]{border-color:#383838;& code{color:#fff}}& [data-slot=facts]{color:#b8b8b8;font-size:var(--fs-small);margin:1rem 0 0;padding-inline-start:1.25rem;line-height:1.5;& li+li{margin-top:.25rem}}}}[data-page=products]{& [data-component=products][data-layout=grid]{margin:3rem 0 0;& [data-slot=grid]{grid-template-columns:repeat(auto-fill, calc((100% - var(--gaps) * var(--gutter)) / var(--visible)));column-gap:var(--gutter);row-gap:3.5rem;display:grid}& [data-slot=media][data-empty]{background:#000}@media (width<=39.9375rem){& [data-slot=grid]{grid-template-columns:minmax(0,1fr);row-gap:3rem}}}}[data-site][data-page=products] [data-component=hero] p{max-width:calc(2 * (100% - var(--gaps) * var(--gutter)) / var(--visible) + var(--gutter));@media (width<=60rem){max-width:none}}@media (width>=78.0625rem){[data-site][data-page=products] [data-component=block]:is([data-slot=products-more],[data-slot=products-extensions],[data-columns]){column-gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid;&>[data-slot=body]{grid-column:2/4}& [data-component=download-list]{max-width:none}}}@media (width<=78rem){[data-site][data-page=products] [data-columns]>[data-slot=body]>[data-component=download-list]:first-child{margin-top:0}}