.product-squares{--squares-cols:var(--squares-cols-lg);--squares-gap:2px;container-type:inline-size}.product-squares .product-strip__count{min-width:2.9em}.product-squares__plot{grid-template-columns:repeat(var(--squares-cols), minmax(0, 1fr))}@supports (width:round(down, 1px, 1px)){.product-squares>*{--squares-snap:1px;--squares-cell:round(down, (100cqi - (var(--squares-cols) - 1) * var(--squares-gap)) / var(--squares-cols), var(--squares-snap));margin-inline:round(down, ( 100cqi - var(--squares-cols) * var(--squares-cell) - (var(--squares-cols) - 1) * var(--squares-gap) ) / 2, 1px)}.product-squares__plot{grid-template-columns:repeat(var(--squares-cols), var(--squares-cell))}@media (min-resolution:2x){.product-squares>*{--squares-snap:.5px}}@media (min-resolution:3x){.product-squares>*{--squares-snap:calc(1px / 3)}}}.product-squares__plot:has([data-hover]) .product-squares__col:not([data-hover]){opacity:.4}.product-squares__col>span{aspect-ratio:1;background:color-mix(in srgb, var(--color-text-primary) 3%, transparent);border-radius:1.5px;position:relative}.product-squares__col>:not([data-s=ghost]):before{content:"";border-radius:inherit;background:var(--product-accent);transition:background-color .2s var(--product-ease), box-shadow .2s var(--product-ease);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.product-squares__plot:not([data-grown]) .product-squares__col>:before{opacity:0}.product-squares__plot[data-grown] .product-squares__col>:before{animation:product-squares-fill .34s cubic-bezier(.25, .7, .35, 1) var(--d) backwards}}@keyframes product-squares-fill{0%{opacity:0;translate:0 -8px}40%{opacity:1}to{translate:0}}.product-squares__col>[data-s=idle]:before{background:var(--product-idle)}.product-squares__col>[data-s=boot]:before{box-shadow:inset 0 0 0 1.5px var(--product-accent);background:0 0}.product-squares__col>[data-s=stop]:before{background:color-mix(in srgb, var(--product-accent) 30%, transparent)}.product-squares .product-chart__x{padding-right:0}.product-squares .product-legend{margin:0}.product-squares .product-legend li:before{border-radius:1.5px;width:8px;height:8px}@container (max-width:999.98px){.product-squares>*{--squares-cols:var(--squares-cols-md)}.product-squares__col[data-drop-md]{display:none}}@container (max-width:639.98px){.product-squares>*{--squares-cols:var(--squares-cols-sm)}.product-squares__col[data-drop-md]{display:flex}.product-squares__col[data-drop-sm]{display:none}.product-squares .product-chart__x span:nth-child(2n){visibility:hidden}}
.cpu-chart{--cpu-chart-edge:color-mix(in srgb, var(--color-text-primary) 14%, transparent);--cpu-chart-fill-top:color-mix(in srgb, var(--figure-ink) 22%, transparent);--cpu-chart-fill-bottom:color-mix(in srgb, var(--figure-ink) 3%, transparent);padding:24px}.dark .cpu-chart{--cpu-chart-fill-top:color-mix(in srgb, var(--figure-ink) 34%, transparent);--cpu-chart-fill-bottom:color-mix(in srgb, var(--figure-ink) 5%, transparent)}.cpu-chart .cpu-chart__fit{flex:1;place-items:center;width:100%;min-height:200px;display:grid}.cpu-chart .cpu-chart__board{width:100%;position:relative}.cpu-chart .cpu-chart__board>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cpu-chart svg *{vector-effect:non-scaling-stroke}.cpu-chart .cpu-chart-card{fill:color-mix(in srgb, var(--figure-surface) 92%, transparent);stroke:var(--cpu-chart-edge)}.cpu-chart .cpu-chart-rule{fill:none;stroke:var(--figure-line-soft)}.cpu-chart .cpu-chart-rule--dash{stroke-dasharray:3 4}.cpu-chart .cpu-chart-baseline{stroke:var(--figure-line)}.cpu-chart .cpu-chart-grid{fill:none;stroke:color-mix(in srgb, var(--color-text-primary) 4.5%, transparent)}.dark .cpu-chart .cpu-chart-grid{stroke:color-mix(in srgb, var(--color-text-primary) 4%, transparent)}.cpu-chart .cpu-chart-bill{fill:color-mix(in srgb, var(--figure-ink) 14%, transparent);stroke:color-mix(in srgb, var(--figure-ink) 30%, transparent)}.cpu-chart .cpu-chart-bill--free{fill:none;stroke:var(--figure-line-soft);stroke-dasharray:3 4}.cpu-chart .cpu-chart-fill{stop-color:var(--cpu-chart-fill-bottom)}.cpu-chart .cpu-chart-fill--top{stop-color:var(--cpu-chart-fill-top)}.cpu-chart .cpu-chart-usage{fill:none;stroke:var(--figure-ink);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.cpu-chart .cpu-chart-label{color:var(--color-text-secondary);font:500 11px / 14px var(--font-neue-montreal-mono), monospace;letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:pre-line;pointer-events:none;position:absolute;translate:-50% -50%}.cpu-chart .cpu-chart-label--accent{color:var(--figure-ink)}.cpu-chart .cpu-chart-amount{color:var(--color-text-primary);font:400 32px / 36px var(--font-neue-montreal), sans-serif;letter-spacing:-.02em;text-transform:none}@container fig (max-width:479.98px){.cpu-chart{padding:16px}.cpu-chart .cpu-chart__fit{min-height:0}.cpu-chart .cpu-chart-label{letter-spacing:.02em;font-size:10px;line-height:13px}.cpu-chart .cpu-chart-amount{font-size:24px;line-height:26px}}@media not (min-width:768px){.cpu-chart{padding:12px}}@media (prefers-reduced-motion:no-preference){.cpu-chart:not([data-in]) :is(.cpu-chart-part,.cpu-chart-label){opacity:0}.cpu-chart:not([data-in]) .cpu-chart-part{translate:0 6px}.cpu-chart:not([data-in]) .cpu-chart-usage{clip-path:inset(0 100% 0 0)}.cpu-chart[data-in] .cpu-chart-part{transition:opacity .5s var(--global-ease) calc(var(--i,0) * .11s), translate .65s var(--figure-ease) calc(var(--i,0) * .11s)}.cpu-chart[data-in] .cpu-chart-label{transition:opacity .5s var(--global-ease) .24s}.cpu-chart[data-in] .cpu-chart-usage{transition:clip-path 1.1s cubic-bezier(.4, 0, .2, 1) calc(var(--i) * .26s)}}
@keyframes sb-try-in{0%{opacity:0;translate:0 6px}}@keyframes sb-try-word{0%{opacity:0;translate:0 .35em}}@keyframes sb-try-spin{to{rotate:1turn}}