.home .cd{--cd-dot:var(--fg);--cd-dot-ring:var(--bg);--cd-port:var(--info);--cd-focus:var(--mark);--cd-dim:#a3a3a3}.dark .home .cd{--cd-dim:#5c5c5c;--cd-port:#81aaf7}@supports (color:lab(0% 0 0)){.dark .home .cd{--cd-port:lab(69.0665% 1.0545 -43.0208)}}.home .cd-eyebrow{align-items:center;gap:var(--s-75);flex-wrap:wrap;display:flex}.home .cd-badge{padding:0 var(--s-75);white-space:nowrap;border-radius:1.5rem;align-items:center;font-size:.75rem;font-weight:500;line-height:1.25rem;display:inline-flex}.home .cd-badge--ok{background:var(--ok-soft);color:var(--ok)}.home .cd-badge--ask{background:var(--ask-soft);color:var(--ask)}.dark .home .cd-badge--ask{color:#f0b45a;background:#9a5b0033}.home .cd-copy{align-items:center;gap:var(--s-75);padding:var(--s-50) var(--s-100);border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:.5rem;margin-block-start:var(--s-300);font-size:.875rem;line-height:1.25rem;display:inline-flex}.home .cd-copy svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;block-size:1rem;inline-size:1rem}.home .cd-copy:active{background:var(--surface)}@media (hover:hover) and (pointer:fine){.home .cd-copy:hover{background:var(--surface)}}.home .cd-facts{gap:0 var(--s-400);margin:var(--s-500) 0 0;border-block-start:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.home .cd-fact{gap:var(--s-200);padding-block:var(--s-100);border-block-end:1px solid var(--line);grid-template-columns:8rem minmax(0,1fr);font-size:.875rem;line-height:1.25rem;display:grid}.home .cd-fact dt{color:var(--muted)}.home .cd-fact dd{gap:var(--s-25);overflow-wrap:anywhere;margin:0;display:grid}.home .cd-ref__code{font-weight:500}.home .cd-fact a,.home .cd-pair a,.home .cd-more a{color:var(--fg);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.2em}@media (hover:hover) and (pointer:fine){.home .cd-fact a:hover,.home .cd-pair a:hover,.home .cd-more a:hover{text-decoration-color:currentColor}}.home .cd-stats{gap:var(--s-200);margin:var(--s-500) 0 0;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.home .cd-stats>div{gap:var(--s-50);border-block-start:1px solid var(--line);flex-direction:column-reverse;padding-block-start:var(--s-200);display:flex}.home .cd-stats dd{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:0;font-size:2.25rem;line-height:2.5rem}.home .cd-stats dt{color:var(--muted);font-size:.875rem;line-height:1.25rem}.home .cd-chips{margin-block-start:var(--s-400)}.home .cd-chips__label{margin-block-end:var(--s-75);font-size:.875rem;font-weight:500;line-height:1.25rem}.home .cd .cd-section,.home .cd .cd-group{padding-block:0}.home .cd-section{margin-block-start:var(--s-700)}.home .cd-section>.hs-h2{margin-block-end:var(--s-200)}.home .cd-lede{max-inline-size:42rem;color:var(--muted);margin-block-end:var(--s-300)}.home .cd-more{margin-block-start:var(--s-200);font-size:.875rem;line-height:1.25rem}.home .cd-note-line{color:var(--faint);margin-block-start:var(--s-200);font-size:.875rem;line-height:1.25rem}@media (max-width:40rem){.home .cd-section{margin-block-start:var(--s-600)}}.home .cd-rows{border-block-start:1px solid var(--line);margin:0;padding:0;list-style:none}.home .cd-rows>li{border-block-end:1px solid var(--line)}.home .cd-row{gap:var(--s-200);padding:var(--s-100) var(--s-75);color:var(--fg);grid-template-columns:3.5rem minmax(0,1fr) auto auto;align-items:baseline;text-decoration:none;display:grid}.home .cd-row:active{background:var(--surface)}.home .cd-row__code{font-size:.875rem;font-weight:500;line-height:1.5rem}.home .cd-row__main{gap:var(--s-25);min-inline-size:0;display:grid}.home .cd-row__title{text-wrap:pretty;line-height:1.5rem}.home .cd-row__detail{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem;line-height:1.25rem}.home .cd-row__meta{color:var(--faint);text-align:end;font-variant-numeric:tabular-nums;font-size:.875rem;line-height:1.5rem}@media (hover:hover) and (pointer:fine){.home .cd-row:hover{background:var(--surface)}}@media (min-width:64rem){.home .cd-rows{column-gap:var(--s-400);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:40rem){.home .cd-row{gap:var(--s-25) var(--s-200);grid-template-columns:3.5rem minmax(0,1fr)}.home .cd-row .cd-badge,.home .cd-row__meta{text-align:start;grid-column:2;justify-self:start}}.home .cd-group+.cd-group{margin-block-start:var(--s-400)}.home .cd-group__head{justify-content:space-between;align-items:baseline;gap:var(--s-75);margin:0 0 var(--s-75);flex-wrap:wrap;font-size:1.125rem;font-weight:500;line-height:1.75rem;display:flex}.home .cd-group__head a{color:var(--fg);text-decoration:none}.home .cd-group__count{color:var(--faint);font-size:.875rem;font-weight:400;line-height:1.25rem}@media (hover:hover) and (pointer:fine){.home .cd-group__head a:hover{text-underline-offset:.2em;text-decoration:underline}}.home .cd-filter{margin-block:0 var(--s-300)}.home .cd-filter .cb-count:empty{display:none}.home .cd-pairs{gap:var(--s-200);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;list-style:none;display:grid}.home .cd-pair{align-content:start;gap:var(--s-75);padding:var(--s-200);border:1px solid var(--line);border-radius:1rem;display:grid}.home .cd-pair p{margin:0}.home .cd-pair__name{font-weight:500}.home .cd-pair__sides{gap:var(--s-100);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;font-size:.875rem;line-height:1.25rem;display:grid}.home .cd-pair__side{gap:var(--s-50);display:grid}.home .cd-pair__ref{color:var(--muted);display:block}.home .cd-pair__ref .cd-ref__code{color:var(--fg)}.home .cd-pair__arrow{color:var(--faint)}.home .cd-steps{gap:var(--s-100);counter-reset:cd-step;max-inline-size:42rem;margin:0;padding:0;list-style:none;display:grid}.home .cd-steps li{gap:var(--s-100);counter-increment:cd-step;grid-template-columns:1.5rem minmax(0,1fr);display:grid}.home .cd-steps li:before{content:counter(cd-step);background:var(--surface);font-variant-numeric:tabular-nums;block-size:1.5rem;inline-size:1.5rem;color:var(--muted);border-radius:50%;place-items:center;font-size:.75rem;font-weight:600;display:grid}.home .cd-notes{gap:var(--s-200);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.home .cd-note{padding:var(--s-200);background:var(--surface);border-radius:1rem;font-size:.875rem;line-height:1.25rem}.home .cd-note p{margin:0}.home .cd-note__kicker{font-family:var(--mono);color:var(--faint);font-size:.75rem;line-height:1.25rem;margin-block-end:var(--s-75)!important}.home .cd-note strong{font-weight:600}.home .cd-compare{gap:var(--s-200);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.home .cd-card{padding:var(--s-300);border:1px solid var(--line);border-radius:1rem}.home .cd-card p{margin:0}.home .cd-card__code{font-size:1.875rem;line-height:2.25rem}.home .cd-card__label{font-weight:500;margin-block:var(--s-50) var(--s-100)!important}.home .cd-card p:last-child{color:var(--muted)}.home .cd-links{gap:var(--s-200);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.home .cd-link{align-items:center;gap:var(--s-50);block-size:100%;padding-block:var(--s-400) var(--s-300);text-align:center;color:var(--fg);flex-direction:column;text-decoration:none;display:flex}.home .cd-link__icon{color:var(--fg);place-items:center;margin-block-end:var(--s-200);display:grid}.home .cd-glyph{block-size:4rem;inline-size:4rem;display:block}.home .cd-glyph svg{block-size:100%;inline-size:100%;display:block;overflow:visible}.home .cd-glyph circle{fill:currentColor;transform-box:fill-box;transform-origin:50%;transform:translate(var(--sx), var(--sy));opacity:var(--so)}.home .cd-glyph.is-formed circle{opacity:var(--o);transform:none}@media (prefers-reduced-motion:reduce){.home .cd-glyph circle{opacity:var(--o);transform:none}}@media (prefers-reduced-motion:no-preference){.home .cd-glyph.is-formed circle{transition:transform 1.1s var(--curve) calc(.15s + var(--k) * 7ms), opacity .9s ease calc(.15s + var(--k) * 7ms)}.home .cd-link:is(:hover,:focus-visible) .cd-glyph--scan.is-formed circle{animation:cd-glyph-scan .8s var(--curve) both;animation-delay:calc(var(--nx) * .52s)}.home .cd-link:is(:hover,:focus-visible) .cd-glyph--scatter.is-formed circle{animation:cd-glyph-scatter 1.1s var(--curve) both;animation-delay:calc(var(--k) * 3ms)}.home .cd-link:is(:hover,:focus-visible) .cd-glyph--rise.is-formed circle{animation:cd-glyph-rise .65s var(--curve) both;animation-delay:calc((1 - var(--ny)) * .52s)}.home .cd-link:is(:hover,:focus-visible) .cd-glyph--shuffle.is-formed circle{animation:cd-glyph-shuffle .9s var(--curve) both;animation-delay:calc(var(--ny) * .16s)}.home .cd-link:is(:hover,:focus-visible) .cd-glyph--ping.is-formed svg{animation:cd-glyph-hop .65s var(--curve) both}.home .cd-link:is(:hover,:focus-visible) .cd-glyph--ping.is-formed circle{animation:.9s ease-out both cd-glyph-ping;animation-delay:calc(.25s + var(--pd) * 45ms)}.home .cd-link:is(:hover,:focus-visible) .cd-glyph--flow.is-formed circle{animation:1.1s linear infinite cd-glyph-flow;animation-delay:calc(var(--flow) * -1100ms)}.home .cd-link:is(:hover,:focus-visible) .cd-glyph--pulse.is-formed circle{animation:cd-glyph-pulse .5s var(--curve) both;animation-delay:calc(var(--nx) * .5s)}}@keyframes cd-glyph-scan{0%{opacity:var(--o);transform:none}35%{opacity:1;transform:translateY(-.9px)scale(1.7)}to{opacity:var(--o);transform:none}}@keyframes cd-glyph-scatter{0%{opacity:var(--o);transform:none}40%{transform:translate(var(--jx), var(--jy));opacity:.55}to{opacity:var(--o);transform:none}}@keyframes cd-glyph-rise{0%{opacity:0;transform:translateY(-6px)}to{opacity:var(--o);transform:none}}@keyframes cd-glyph-shuffle{0%{transform:none}35%{transform:translateX(calc(var(--alt) * 2.6px))}65%{transform:translateX(calc(var(--alt) * -.8px))}to{transform:none}}@keyframes cd-glyph-hop{0%{transform:none}35%{transform:translateY(-3px)}65%{transform:none}80%{transform:translateY(-.8px)}to{transform:none}}@keyframes cd-glyph-ping{0%{opacity:var(--o);transform:none}30%{opacity:1;transform:scale(2.1)}to{opacity:var(--o);transform:none}}@keyframes cd-glyph-pulse{0%{opacity:var(--o);transform:none}40%{opacity:1;transform:translateY(-1.8px)scale(1.4)}to{opacity:var(--o);transform:none}}@keyframes cd-glyph-flow{0%,to{opacity:calc(var(--o) * .3);transform:none}18%{opacity:1;transform:scale(1.6)}45%{opacity:calc(var(--o) * .3);transform:none}}.home .cd-link__title{font-size:1rem;font-weight:500;line-height:1.5rem}.home .cd-link__body{color:var(--muted);font-size:.875rem;line-height:1.25rem}.home .cd-link__meta{color:var(--muted);margin-block-start:auto;padding-block-start:var(--s-200);font-size:.75rem;line-height:1rem}.home .cd-link__meta--live{min-block-size:calc(var(--s-200) + 1.25rem);display:flex}@media (hover:hover) and (pointer:fine){.home .cd-link:hover{background:var(--surface)}}.home .cd-callout{max-inline-size:48rem;padding:var(--s-200) var(--s-300);background:var(--ask-soft);color:var(--fg);border-radius:1rem;margin-block-start:var(--s-400)}.dark .home .cd-callout{background:#9a5b0029}.home .cd-callout p{margin:0}.home .cd-faq{border-block-start:1px solid var(--line);max-inline-size:48rem;display:grid}.home .cd-faq__item{padding-block:var(--s-200);border-block-end:1px solid var(--line)}.home .cd-faq__item h3{margin:0 0 var(--s-75);font-size:1rem;font-weight:600;line-height:1.5rem}.home .cd-faq__item p{color:var(--muted);margin:0}.home .cd-source{margin-block-start:var(--s-600)}.home .cd-map{margin:var(--s-500) 0 0}.home .cd-map__frame{border:1px solid var(--line);background:var(--surface);border-radius:1rem;position:relative;overflow:hidden}.home .cd-map__base{block-size:100%;inline-size:100%;position:absolute;inset:0}.home .cd-map__base--dark,.dark .home .cd-map__base--light{display:none}.dark .home .cd-map__base--dark{display:block}.home .cd-map__lines{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.home .cd-map__lines line{stroke:var(--cd-port);stroke-width:1.5px;stroke-dasharray:3 3}.home .cd-map__caption{max-inline-size:48rem;color:var(--faint);margin-block-start:var(--s-100);font-size:.875rem;line-height:1.25rem}.home .cd-dot{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;block-size:1.5rem;inline-size:1.5rem;margin:-.75rem 0 0 -.75rem;padding:0;display:grid;position:absolute}.home .cd-dot:before{content:"";background:var(--cd-dot);block-size:.625rem;inline-size:.625rem;box-shadow:0 0 0 2px var(--cd-dot-ring);border-radius:50%}.home .cd-dot--dim:before{background:var(--cd-dim);block-size:.5rem;inline-size:.5rem}.home .cd-dot--port:before{background:var(--cd-dot-ring);box-shadow:inset 0 0 0 2px var(--cd-port), 0 0 0 1px var(--cd-dot-ring)}.home .cd-dot--focus{z-index:2}.home .cd-dot--focus:before{background:var(--cd-focus);block-size:.875rem;inline-size:.875rem;box-shadow:0 0 0 3px var(--cd-dot-ring), 0 0 0 5px color-mix(in srgb, var(--cd-focus) 35%, transparent)}.home .cd-dot--group:before{display:none}.home .cd-dot__count{block-size:1.25rem;min-inline-size:1.25rem;padding-inline:var(--s-50);background:var(--cd-dot);box-shadow:0 0 0 2px var(--cd-dot-ring);color:var(--cd-dot-ring);font-variant-numeric:tabular-nums;border-radius:1rem;place-items:center;font-size:.75rem;font-weight:600;line-height:1;display:grid}.home .cd-dot--dim .cd-dot__count{background:var(--cd-dim)}.home .cd-dot--port .cd-dot__count{background:var(--cd-port)}.home .cd-dot--focus .cd-dot__count{background:var(--cd-focus);color:#fff}.home .cd-dot[aria-expanded=true]{z-index:3}.home .cd-dot:focus-visible{outline:2px solid var(--fg);outline-offset:0}@media (prefers-reduced-motion:no-preference){.home .cd-dot:before,.home .cd-dot__count{transition:transform .3s var(--curve)}}@media (hover:hover) and (pointer:fine){.home .cd-dot:hover:before,.home .cd-dot:hover .cd-dot__count{transform:scale(1.3)}}.home .cd-card-pop{z-index:4;max-block-size:calc(100% - 1rem);inline-size:min(20rem,100% - 1rem);margin:var(--s-100);padding:var(--s-75);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:.75rem;font-size:.875rem;line-height:1.25rem;position:absolute;overflow-y:auto}.home .cd-card-pop:focus{outline:none}.home .cd-card-pop__head{justify-content:space-between;align-items:start;gap:var(--s-75);padding:var(--s-50) var(--s-75);font-weight:600;display:flex}.home .cd-card-pop__head p{margin:0}.home .cd-card-pop__close{block-size:1.5rem;inline-size:1.5rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.375rem;flex:none;place-items:center;padding:0;display:grid}.home .cd-card-pop__close svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;block-size:1rem;inline-size:1rem}.home .cd-card-pop ul{margin:0;padding:0;list-style:none}.home .cd-card-pop li a{gap:0 var(--s-75);padding:var(--s-50) var(--s-75);color:var(--fg);border-radius:.5rem;grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid}.home .cd-card-pop .hs-mono{font-weight:500}.home .cd-card-pop__note{color:var(--faint);grid-column:2}.home .cd-card-pop li a:active{background:var(--surface)}@media (hover:hover) and (pointer:fine){.home .cd-card-pop li a:hover,.home .cd-card-pop__close:hover{background:var(--surface)}}@media (max-width:40rem){.home .cd-card-pop{max-block-size:70%;inline-size:auto;margin:var(--s-50);inset:auto 0 0!important}.home .cd-fact{gap:var(--s-25);grid-template-columns:minmax(0,1fr)}.home .cd-pair__sides{grid-template-columns:minmax(0,1fr)}.home .cd-pair__arrow{justify-self:start;rotate:90deg}}
