.v3-how{padding-top:200px}.v3-how-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.v3-how-heading{display:flex;flex-direction:column;gap:20px}.v3-how-lede{width:400px;flex:none}.v3-how-frame{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:80px}.v3-how-cell{display:flex;flex-direction:column;gap:24px;padding:24px;min-width:0}.v3-how-cell+.v3-how-cell{-webkit-border-start:1px solid var(--v3-line);border-inline-start:1px solid var(--v3-line)}.v3-how-art{height:240px;display:flex;align-items:center;justify-content:center}.v3-how-text{display:flex;flex-direction:column;gap:8px}.v3-how-no{color:var(--v3-faint)}.v3-how-body{color:var(--v3-soft)}@media (max-width:1199px){.v3-how-frame{grid-template-columns:minmax(0,1fr)}.v3-how-frame>.v3-tick:nth-child(n+5){display:none}.v3-how-cell+.v3-how-cell{-webkit-border-start:0;border-inline-start:0;border-top:1px solid var(--v3-line)}}@media (max-width:899px){.v3-how-head{flex-direction:column;align-items:flex-start;gap:20px}.v3-how-lede{width:auto}}@media (max-width:600px){.v3-how{padding-top:120px}.v3-how-frame{margin-top:48px}.v3-how-cell{gap:20px;padding:16px}}.v3-how-title{font-size:14px;font-weight:500;line-height:1.25}.v3-how-soft,.v3-how-status{color:var(--v3-glass-soft);font-size:13px;font-weight:400}.v3-how-status{display:inline-flex;align-items:center;gap:8px}.v3-how-sq{width:6px;height:6px;background:var(--v3-glass-text);flex:none}.v3-how-sq.is-ok{background:#16a34a}.v3-how-connect{display:flex;align-items:center;color:var(--v3-glass-text)}.v3-how-chips{display:flex;flex-direction:column;gap:16px}.v3-how-chip{display:flex;align-items:center;gap:8px;height:24px;padding-inline:12px;font-size:13px;font-weight:500;line-height:1;white-space:nowrap}.v3-how-wires{position:relative;width:56px;height:104px;flex:none}.v3-how-wires svg{display:block}.v3-how-dot{position:absolute;left:0;top:0;width:32px;height:8px;offset-anchor:100% 50%;offset-rotate:auto;offset-distance:0;opacity:0;pointer-events:none;background:linear-gradient(#fff,#fff) 100% /8px 8px no-repeat,linear-gradient(90deg,transparent,rgba(255,255,255,.7)) 0 /24px 2px no-repeat}.v3-how-node{position:relative;padding:8px;flex:none}.v3-how-ring{position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff}.v3-how-node-sq{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff}.v3-how-node-sq .mark{width:24px;height:24px}.v3-how-connect[data-armed] .v3-how-ring{opacity:.4}.v3-how-loaded{width:268px;max-width:100%;padding:12px;font-size:14px}.v3-how-check-head,.v3-how-loaded-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.v3-how-loaded-head{padding-bottom:8px}.v3-how-ranks{list-style:none;margin:0;padding:0}.v3-how-rank{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:12px;box-sizing:border-box}.v3-how-rank,.v3-how-rank>*{position:relative}.v3-how-rank-start{display:inline-flex;align-items:center;gap:12px}.v3-how-hi{position:absolute!important;inset:0}.v3-how-hi,.v3-how-meter{background:var(--v3-glass-ring)}.v3-how-meter{width:48px;height:3px;flex:none}.v3-how-bar{display:block;height:100%;background:var(--v3-glass-text);transform-origin:left}.v3-how-loaded[data-armed] .v3-how-bar{transform:scaleX(0)}.v3-how-loaded[data-armed] .v3-how-hi{opacity:0}.v3-how-loaded[data-armed] .v3-how-rank:not(:last-child){transform:translateY(36px)}.v3-how-loaded[data-armed] .v3-how-rank:last-child{transform:translateY(-72px)}.v3-how-check{display:flex;flex-direction:column;gap:16px;width:268px;max-width:100%;padding:16px;box-sizing:border-box}.v3-how-check-title{display:inline-flex;align-items:center;gap:12px}.v3-how-skels{display:flex;flex-direction:column;gap:8px}.v3-how-skel{display:block;height:4px;max-width:100%;background:var(--v3-glass-ring)}.v3-how-actions{display:flex;gap:8px;font-size:14px;font-weight:500}.v3-how-open{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-block:8px;background:var(--v3-glass-button);color:var(--v3-ink)}.v3-how-copy{padding:8px 12px;box-shadow:inset 0 0 0 1px var(--v3-glass-ring)}.v3-how-check[data-armed] .v3-how-skel{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.v3-how-check[data-armed] .v3-how-open{opacity:.35}@media (prefers-reduced-motion:reduce){.v3-how-dot{display:none}.v3-how-check[data-armed] .v3-how-open,.v3-how-check[data-armed] .v3-how-skel,.v3-how-loaded[data-armed] .v3-how-bar,.v3-how-loaded[data-armed] .v3-how-rank{transform:none!important;-webkit-clip-path:none!important;clip-path:none!important;opacity:1!important}}.v3-kit{padding-top:200px}.v3-kit-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.v3-kit-heading{display:flex;flex-direction:column;gap:20px}.v3-kit-lede{width:400px;flex:none}.v3-kit-frame{margin-top:80px;display:grid;grid-template-columns:minmax(0,1fr)}.v3-kit-list{min-width:0;contain:layout}.v3-kit-item+.v3-kit-item{border-top:1px solid var(--v3-line)}.v3-kit-h{margin:0;font:inherit}.v3-kit-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.v3-kit-btn:focus-visible{outline:2px solid var(--v3-ink);outline-offset:-2px}.v3-kit-name{display:inline-flex;align-items:center;gap:16px}.v3-kit-no{color:var(--v3-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.v3-kit-square{width:8px;height:8px;flex:none;border:1px solid var(--v3-line);box-sizing:border-box}.v3-kit-item[data-open] .v3-kit-square{background:var(--v3-ink);border-color:var(--v3-ink)}.v3-kit-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s var(--ease-ui)}.v3-kit-item[data-open] .v3-kit-collapse{grid-template-rows:1fr}.v3-kit-clip{overflow:hidden;min-height:0}.v3-kit-frame[data-via=keyboard] :is(.v3-kit-collapse,.v3-kit-shot,.v3-gl-pane){transition:none}.v3-kit-detail{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.v3-kit-body{color:var(--v3-soft)}.v3-kit-points{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.v3-kit-points li{display:flex;align-items:flex-start;gap:12px}.v3-kit-tick{display:inline-flex;padding-top:4px;flex:none}.v3-kit-inline,.v3-kit-pane{display:grid;align-items:center;justify-items:center;padding:24px}.v3-kit-pane{display:none}.v3-kit-inline{margin:0 16px 16px}.v3-kit-inline .v3-pv,.v3-kit-pane .v3-pv{width:100%;max-width:400px;box-sizing:border-box}.v3-kit-inline .v3-pv-track,.v3-kit-pane .v3-pv-track{width:100%}.v3-kit-inline .v3-pv-meter,.v3-kit-pane .v3-pv-meter{width:auto;flex:1 1}.v3-kit-inline .v3-pv-family-name{width:56px;flex:none}.v3-pv-diff{display:flex;flex-direction:column;gap:8px;padding:16px}.v3-pv-diff .v3-pv-head{padding-bottom:4px}.v3-pv-diff-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:8px;border-top:1px solid var(--v3-glass-ring)}.v3-pv-diff-line .v3-pv-soft{font-size:14px}.v3-pv-diff-value{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:400}.v3-pv-tag{padding-inline:8px;font-size:13px;line-height:1.5;background:var(--v3-glass-button);color:var(--v3-ink)}.v3-pv-note{padding:12px;margin:0;box-shadow:inset 0 0 0 1px var(--v3-glass-ring)}.v3-pv-view{display:flex;justify-content:center;padding-block:12px;background:var(--v3-glass-button);color:var(--v3-ink);font-size:14px;font-weight:500}@media (min-width:1200px){.v3-kit-frame{grid-template-columns:560px minmax(0,1fr)}.v3-kit-btn{padding:24px}.v3-kit-detail{padding:0 24px 24px 56px}.v3-kit-inline{display:none}.v3-kit-pane{display:grid;-webkit-border-start:1px solid var(--v3-line);border-inline-start:1px solid var(--v3-line)}.v3-kit-shot{position:relative;grid-area:1/1;display:flex;justify-content:center;opacity:0;transition:opacity .15s var(--ease-ui);width:100%}.v3-kit-shot[data-on]{opacity:1}.v3-kit-pane .v3-pv{max-width:none}.v3-kit-pane .v3-pv-bench,.v3-kit-pane .v3-pv-diff,.v3-kit-pane .v3-pv-format{width:380px}.v3-kit-pane .v3-pv-check,.v3-kit-pane .v3-pv-starter{width:400px}.v3-kit-pane .v3-pv-track{width:348px}.v3-kit-pane .v3-pv-meter{width:220px;flex:none}}@media (max-width:1199px){.v3-kit-frame>.v3-tick:nth-child(n+5){display:none}}@media (max-width:899px){.v3-kit-head{flex-direction:column;align-items:flex-start;gap:20px}.v3-kit-lede{width:auto}}@media (max-width:600px){.v3-kit{padding-top:120px}.v3-kit-frame{margin-top:48px}}@media (prefers-reduced-motion:reduce){.v3-kit-collapse,.v3-kit-shot{transition:none}}.v3-mirror-grid{display:grid;grid-template-columns:minmax(0,1fr)}.v3-mirror-cell{display:flex;flex-direction:column;gap:16px;padding:16px;min-width:0}.v3-mirror-cell+.v3-mirror-cell{border-top:1px solid var(--v3-line)}.v3-mirror-paint{display:flex;align-items:center;justify-content:center;height:200px;padding-inline:16px}.v3-mirror-paint .slide{width:280px;max-width:100%}.v3-mirror-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.v3-mirror-name{font-size:14px;font-weight:500;line-height:1.4}.v3-mirror-caption .v3-mono{color:var(--v3-faint)}@media (max-width:899px){.v3-mirror-frame>.v3-tick:nth-child(n+5){display:none}}@media (min-width:900px){.v3-mirror-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-mirror-cell{padding:24px;gap:16px}.v3-mirror-cell+.v3-mirror-cell{border-top:0;-webkit-border-start:1px solid var(--v3-line);border-inline-start:1px solid var(--v3-line)}.v3-mirror-paint{height:320px}.v3-mirror-paint .slide{width:340px}}.slide.slide--glass{height:auto;padding:8px;border-radius:0;background:var(--v3-glass);color:var(--v3-glass-text);box-shadow:0 0 0 1px var(--v3-glass-ring);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);display:flex;align-items:center;overflow:hidden}.slide.slide--glass .fill{border-radius:0;background:var(--v3-glass-ring);inset-block:8px;inset-inline:8px}.slide.slide--glass .label{color:var(--v3-glass-text);font-size:14px;font-weight:500}.slide.slide--glass .label:lang(ar){font-weight:400;font-size:16px}.slide.slide--glass .thumb{width:48px;height:48px;flex:none;border-radius:0;background:var(--v3-glass-button);color:var(--v3-ink)}.slide.slide--glass .thumb svg{width:16px;height:16px}.slide.slide--glass .thumb:focus-visible{outline:2px solid var(--v3-glass-text);outline-offset:2px}.slide.slide--glass.done{background:var(--v3-glass)}.slide.slide--glass.done .label{color:var(--v3-glass-text);font-weight:500}