:root:has(>body.plain-site){background:#ffffff;overflow-x:clip;scrollbar-gutter:stable}.plain-site{--plain-link-target-min:0px;--plain-shell-measure:34rem;--plain-shell-gutter:1.25rem;--plain-background:#ffffff;--plain-foreground:#171717;--plain-link:#2457a6;--plain-line:#d8d8d8;--plain-muted:#666666;--plain-surface:#f4f4f4;--plain-syntax-keyword:#785f28;--plain-syntax-string:#2d6a42;--plain-syntax-number:#9f3631;--plain-syntax-name:#0d61ac;background:var(--plain-background);color:var(--plain-foreground);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.55;margin:0;overflow-x:clip}body.plain-site{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100svh;min-block-size:100dvh}body.plain-site>main{flex:1 0 auto}:root[data-theme=dark]:has(>body.plain-site){background:#151515}.plain-site[data-theme=dark],:root[data-theme=dark] .plain-site{--plain-background:#151515;--plain-foreground:#f2f2f2;--plain-link:#8ab4ed;--plain-line:#484848;--plain-muted:#b6b6b6;--plain-surface:#222222;--plain-syntax-keyword:#c9ad74;--plain-syntax-string:#76b38e;--plain-syntax-number:#e18982;--plain-syntax-name:#6aa9ed}@media (prefers-color-scheme:dark){:root:not([data-theme]):has(>body.plain-site){background:#151515}:root:not([data-theme])>.plain-site{--plain-background:#151515;--plain-foreground:#f2f2f2;--plain-link:#8ab4ed;--plain-line:#484848;--plain-muted:#b6b6b6;--plain-surface:#222222;--plain-syntax-keyword:#c9ad74;--plain-syntax-string:#76b38e;--plain-syntax-number:#e18982;--plain-syntax-name:#6aa9ed}}.plain-site .syntax-code{--syntax-comment:var(--plain-muted);--syntax-keyword:var(--plain-syntax-keyword);--syntax-string:var(--plain-syntax-string);--syntax-number:var(--plain-syntax-number);--syntax-name:var(--plain-syntax-name);--syntax-sign:var(--plain-muted)}.plain-site *,.plain-site :after,.plain-site :before{box-sizing:border-box}:where(.plain-header a,.plain-page a,.plain-footer a){color:var(--plain-link);overflow-wrap:anywhere;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.15em}:where(.plain-header a:is(:hover,:focus-visible),.plain-page a:is(:hover,:focus-visible),.plain-footer a:is(:hover,:focus-visible)){text-decoration:underline}.plain-site :where(.plain-header a:focus-visible,.plain-page a:focus-visible,.plain-footer a:focus-visible){border-radius:1px;outline:1px dotted currentColor;outline-offset:3px}.plain-site :where(.plain-header a:focus:not(:focus-visible),.plain-page a:focus:not(:focus-visible),.plain-footer a:focus:not(:focus-visible)){outline:none}.plain-site ::selection{background:color-mix(in srgb,var(--plain-link) 20%,transparent);color:var(--plain-foreground)}.plain-page{inline-size:100%;margin:clamp(3.5rem,12vh,7rem) auto;max-width:var(--plain-shell-measure);padding-inline:var(--plain-shell-gutter)}.plain-header{border:0;inline-size:100%;padding:0}.plain-header__inner{--plain-header-block-padding:1.15rem;align-items:center;border-bottom:1px solid var(--plain-line);display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;inline-size:100%;justify-content:space-between;margin-inline:auto;max-width:var(--plain-shell-measure);padding:max(var(--plain-header-block-padding),env(safe-area-inset-top)) max(var(--plain-shell-gutter),env(safe-area-inset-right)) var(--plain-header-block-padding) max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-wordmark{align-items:center;color:var(--plain-foreground);display:inline-flex;flex:1 1 auto;font:inherit;font-weight:700;letter-spacing:0;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min);overflow-wrap:anywhere;text-decoration:none;text-transform:none}.plain-footer__links,.plain-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .85rem}.plain-nav{flex:0 1 auto;justify-content:flex-end;margin-inline-start:auto;max-inline-size:100%;min-inline-size:0}.plain-footer__links a,.plain-nav a{align-items:center;color:var(--plain-muted);display:inline-flex;font:inherit;font-size:.9rem;font-weight:400;letter-spacing:0;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min);padding:0;text-transform:none}.plain-page :where(h1,h2,h3,p,ul,ol,pre,figure){font-size:inherit}.plain-page :where(h1,h2,h3){line-height:inherit}.plain-page h1{font-weight:700;margin:0 0 1rem}.plain-muted,.plain-page>p{color:var(--plain-muted)}.plain-page>p{margin:0}.plain-page section{margin-top:2rem}.plain-page h2{font-weight:700;margin:0 0 .3rem}.plain-page section>p{margin:0}.plain-page section>p+p{margin-top:1rem}.plain-links{list-style:none;margin:0;padding:0}.plain-links li{margin:.1rem 0}.plain-links a{display:inline-block;min-height:1.5rem;min-width:1.5rem}.plain-code{color:var(--plain-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.55;margin:0;overflow-wrap:anywhere;padding-block:.65rem;white-space:pre-wrap}.plain-code code{font:inherit}.plain-footer{--background:var(--plain-background);--foreground:var(--plain-foreground);--focus:var(--plain-link);--line:var(--plain-line);--muted:var(--plain-muted);--secondary:var(--plain-surface);--secondary-foreground:var(--plain-foreground);--surface:var(--plain-background);--surface-raised:var(--plain-surface);align-items:center;border-top:1px solid var(--plain-line);color:var(--plain-muted);display:flex;flex:0 0 auto;flex-wrap:wrap;gap:1rem;inline-size:100%;justify-content:space-between;margin:0 auto;max-width:var(--plain-shell-measure);overflow:clip;padding-top:1.25rem;padding-right:max(var(--plain-shell-gutter),env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom));padding-left:max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-footer:has(.hraness-design-jelly-surface){padding:var(--space-6) max(var(--plain-shell-gutter),var(--space-6),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--plain-shell-gutter),var(--space-6),env(safe-area-inset-left))}.plain-site main:has(>.design-gallery[data-design-gallery-nested=true]){padding-inline:max(var(--plain-shell-gutter),var(--space-6))}.plain-footer p{margin:0}.plain-footer :where(a){align-items:center;color:inherit;display:inline-flex;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min)}@media (max-width:42rem){.plain-header__inner{--plain-header-block-padding:0.65rem;gap:.35rem .75rem}.plain-wordmark{flex-basis:min(11rem,100%)}}@media (pointer:coarse){.plain-site{--plain-link-target-min:var(--interactive-target-min,48px)}}:root[data-verification-pointer=coarse] .plain-site{--plain-link-target-min:var(--interactive-target-min,48px)}@media (max-width:420px){.plain-site{--plain-shell-gutter:1rem}.plain-page{margin-block:2.5rem}}@media (forced-colors:active){.plain-header__inner{border-bottom:1px solid CanvasText}.plain-footer{border-top:1px solid CanvasText}}.plain-site.plain-publication{--plain-shell-measure:43rem;display:flex;min-height:100vh;min-height:100svh;min-height:100dvh;flex-direction:column;background:var(--plain-background);color:var(--plain-foreground);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.55}.plain-site.plain-publication>main{flex:1 0 auto}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link)){color:var(--plain-link);overflow-wrap:anywhere;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.15em}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):is(:hover,:focus-visible)){text-decoration:underline}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):focus-visible){border-radius:1px;outline:1px dotted currentColor;outline-offset:3px}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):focus:not(:focus-visible)){outline:none}.plain-site.plain-publication .plain-publication__shell{width:100%;max-width:var(--plain-shell-measure);margin-inline:auto;padding-right:max(var(--plain-shell-gutter),env(safe-area-inset-right));padding-left:max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-site.plain-publication .plain-publication__index-content{margin-block:clamp(2.5rem,8vh,5rem)}.plain-site.plain-publication .plain-publication__hero{padding:0 0 2.25rem}.plain-site.plain-publication .plain-publication__article-meta,.plain-site.plain-publication .plain-publication__entry-label,.plain-site.plain-publication .plain-publication__entry-meta,.plain-site.plain-publication .plain-publication__eyebrow{margin:0;color:var(--plain-muted);font:inherit;font-size:.85rem;font-weight:400;letter-spacing:0;line-height:inherit;text-transform:none}.plain-site.plain-publication .plain-publication__article-header h1,.plain-site.plain-publication .plain-publication__hero h1{max-width:none;margin:.4rem 0 .8rem;color:var(--plain-foreground);font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.35rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;text-wrap:pretty}.plain-site.plain-publication .plain-publication__article-dek,.plain-site.plain-publication .plain-publication__hero>p:not(.plain-publication__eyebrow){max-width:none;margin:0;color:var(--plain-muted);font-size:1rem;line-height:inherit}.plain-site.plain-publication .plain-publication__primary-link{display:inline-block;min-height:0;margin-top:1rem;padding:0;background:transparent;color:var(--plain-link);font:inherit;font-weight:400}.plain-site.plain-publication .plain-publication__primary-link:is(:hover,:focus-visible){background:transparent}.plain-site.plain-publication .plain-publication__primary-link+p{margin-top:.5rem}.plain-site.plain-publication .plain-publication__list,.plain-site.plain-publication .plain-publication__method,.plain-site.plain-publication .plain-publication__related{padding-block:2rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__section-heading{display:block;margin:0 0 .85rem}.plain-site.plain-publication .plain-publication__cta h2,.plain-site.plain-publication .plain-publication__method>h2,.plain-site.plain-publication .plain-publication__section-heading h2,.plain-site.plain-publication .plain-publication__sources h2{margin:0;color:var(--plain-foreground);font-size:1rem;font-weight:700;letter-spacing:0;line-height:inherit}.plain-site.plain-publication .plain-publication__section-heading p,.plain-site.plain-publication .plain-publication__section-heading>a{margin:.2rem 0 0;color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__article-list{border-bottom:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__entry{display:block;padding:1.15rem 0;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__entry h3{max-width:none;margin:.15rem 0 0;color:var(--plain-foreground);font-size:1.1rem;font-weight:700;letter-spacing:0;line-height:1.35}@media (pointer:coarse){.plain-site.plain-publication :is(.plain-publication__entry h3 a,.plain-publication__primary-link,.plain-publication__related-grid>a){align-items:center;display:flex;min-block-size:var(--interactive-target-min,48px);min-inline-size:var(--interactive-target-min,48px)}}:root[data-verification-pointer=coarse] .plain-site.plain-publication :is(.plain-publication__entry h3 a,.plain-publication__primary-link,.plain-publication__related-grid>a){align-items:center;display:flex;min-block-size:var(--interactive-target-min,48px);min-inline-size:var(--interactive-target-min,48px)}.plain-site.plain-publication .plain-publication__entry h3+p{max-width:none;margin:.45rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__entry-meta{margin-top:.45rem}.plain-site.plain-publication .plain-publication__method>h2{margin:.2rem 0 .8rem}.plain-site.plain-publication .plain-publication__method-grid{display:block;border:0;background:transparent}.plain-site.plain-publication .plain-publication__method-grid>div{padding:0;background:transparent}.plain-site.plain-publication .plain-publication__method-grid>div+div{margin-top:1rem}.plain-site.plain-publication .plain-publication__method-grid h3{margin:0;color:var(--plain-foreground);font:inherit;font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__disclosure,.plain-site.plain-publication .plain-publication__method-grid p{margin:.15rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__disclosure{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__article-header{padding-block:clamp(2.5rem,8vh,4.5rem) 1.75rem}.plain-site.plain-publication .plain-publication__breadcrumbs{margin-bottom:1.5rem;font:inherit}.plain-site.plain-publication .plain-publication__breadcrumbs ol{color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__breadcrumbs li:last-child{max-width:min(30rem,55vw);min-width:0}.plain-site.plain-publication .plain-publication__breadcrumbs [aria-current=page]{display:block;overflow:hidden;color:var(--plain-muted);text-overflow:ellipsis;white-space:nowrap}.plain-site.plain-publication .plain-publication__article-dek,.plain-site.plain-publication .plain-publication__article-meta{margin-top:.8rem}.plain-site.plain-publication .plain-publication__article-layout{display:block;padding-block:1.5rem 3.5rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__toc{position:static;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--plain-line);color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__toc p{margin:0 0 .35rem;color:var(--plain-foreground);font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__toc ol{display:block;margin:0;padding-left:1.25rem}.plain-site.plain-publication .plain-publication__toc li+li{margin-top:.2rem}.plain-site.plain-publication .plain-publication__article-body{color:var(--plain-foreground);font-size:1rem;line-height:1.7}.plain-site.plain-publication .plain-publication__article-body>:first-child{margin-top:0}.plain-site.plain-publication .plain-publication__article-body h2,.plain-site.plain-publication .plain-publication__article-body h3{color:var(--plain-foreground);font-weight:700;letter-spacing:0;line-height:1.35;scroll-margin-top:1rem;text-wrap:pretty}.plain-site.plain-publication .plain-publication__article-body h2{margin:2.5rem 0 .6rem;font-size:1.35rem}.plain-site.plain-publication .plain-publication__article-body h3{margin:1.75rem 0 .45rem;font-size:1.05rem}.plain-site.plain-publication .plain-publication__article-body p{margin:0 0 1.15rem}.plain-site.plain-publication .plain-publication__article-body em,.plain-site.plain-publication .plain-publication__article-body strong{color:inherit}.plain-site.plain-publication .plain-publication__article-body ol,.plain-site.plain-publication .plain-publication__article-body ul{display:block;margin:0 0 1.25rem;padding-left:1.35rem}.plain-site.plain-publication .plain-publication__article-body li+li{margin-top:.35rem}.plain-site.plain-publication .plain-publication__article-body li::marker{color:var(--plain-muted);font:inherit}.plain-site.plain-publication .plain-publication__callout{margin:1.5rem 0;padding:1rem 1.1rem;border-left:2px solid var(--plain-line);background:var(--plain-surface)}.plain-site.plain-publication .plain-publication__callout>strong{display:block;margin-bottom:.35rem;color:var(--plain-foreground);font:inherit;font-size:.9rem;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__callout p{margin:0}.plain-site.plain-publication .plain-publication__table-scroll{max-width:100%;margin:1.5rem 0;overflow-x:auto;border-block:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__table{width:100%;min-width:40rem;border-collapse:collapse;color:var(--plain-foreground);font-size:.82rem;line-height:1.5}.plain-site.plain-publication .plain-publication__table caption{padding:.75rem 0;color:var(--plain-foreground);font:inherit;font-weight:700;letter-spacing:0;text-align:left;text-transform:none}.plain-site.plain-publication .plain-publication__table td,.plain-site.plain-publication .plain-publication__table th{padding:.65rem;border-top:1px solid var(--plain-line);text-align:left;vertical-align:top}.plain-site.plain-publication .plain-publication__table th{color:var(--plain-muted);font:inherit;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__table tbody th{color:var(--plain-foreground)}.plain-site.plain-publication .plain-publication__cta{margin-top:2.5rem;padding:1.5rem 0;border-block:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__cta h2{margin-top:.2rem}.plain-site.plain-publication .plain-publication__cta>p:not(.plain-publication__eyebrow){max-width:none;margin:.4rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__sources{margin-top:2.5rem;padding-top:0;border-top:0}.plain-site.plain-publication .plain-publication__sources ol{display:block;margin:.75rem 0 0;padding-left:1.35rem;color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__sources li+li{margin-top:.75rem}.plain-site.plain-publication .plain-publication__sources a,.plain-site.plain-publication .plain-publication__sources span{display:block;font:inherit;line-height:inherit}.plain-site.plain-publication .plain-publication__sources span{margin-top:.15rem;color:var(--plain-muted)}.plain-site.plain-publication .plain-publication__related-grid{display:block;border-bottom:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__related-grid>a{display:block;min-height:0;padding:.8rem 0;border-top:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__related-grid>a:hover{background:transparent}.plain-site.plain-publication .plain-publication__related-grid span,.plain-site.plain-publication .plain-publication__related-grid strong{display:block;color:inherit;font:inherit;line-height:inherit;text-transform:none}.plain-site.plain-publication .plain-publication__related-grid span{color:var(--plain-muted);font-size:.8rem}@media (max-width:42rem){.plain-site.plain-publication{--plain-shell-gutter:1rem}.plain-site.plain-publication .plain-publication__breadcrumbs li:last-child{max-width:12rem}}@media (forced-colors:active){.plain-site.plain-publication :where(.plain-publication__list,.plain-publication__method,.plain-publication__related,.plain-publication__article-layout,.plain-publication__toc,.plain-publication__table-scroll,.plain-publication__table th,.plain-publication__table td,.plain-publication__cta,.plain-publication__article-list,.plain-publication__entry,.plain-publication__related-grid,.plain-publication__related-grid>a){border-color:CanvasText}.plain-site.plain-publication .plain-publication__callout{border-left-color:CanvasText;background:Canvas}}.design-gallery{display:grid;gap:var(--space-12);min-inline-size:0;padding:clamp(var(--space-5),4vw,var(--space-12))}.design-gallery__intro,.design-gallery__section{inline-size:min(100%,72rem);margin-inline:auto}.design-gallery__intro{display:grid;gap:var(--space-3)}.design-gallery__intro>:where(h1,p),.design-gallery__section>:where(h2){margin:0}.design-gallery__intro>p{max-inline-size:68ch;color:var(--muted)}.design-gallery__section{display:grid;gap:var(--space-4);scroll-margin-block-start:var(--space-8)}.design-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--space-4)}.design-gallery__plain-theme.plain-site.plain-publication{display:block;min-height:0;padding:var(--space-4);border:1px solid var(--plain-line);background:var(--plain-background);color:var(--plain-foreground)}.design-gallery__plain-theme .plain-page{margin:0;padding:0}.design-gallery__plain-link-example{margin:0;font-size:var(--text-caption)}.design-gallery__jelly{display:grid;min-block-size:8rem;place-items:center;padding:var(--space-4)}.design-gallery__shell-preview{block-size:min(42rem,72vh);min-block-size:26rem;border:1px solid var(--line);overflow:clip}.design-gallery__instrument{display:flex;min-inline-size:0;align-items:end;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--surface)}.design-gallery__horizontal-fader{flex:1 1 12rem}.design-gallery__effect{position:relative;isolation:isolate;min-block-size:20rem;overflow:clip;border:1px solid var(--line);background:var(--background)}.design-gallery__effect>:where(.hraness-design-aurora-background,.hraness-design-aurora-dots){position:absolute}.design-gallery__effect-copy{position:relative;z-index:1;display:grid;max-inline-size:38rem;gap:var(--space-2);padding:var(--space-8)}.design-gallery__effect-copy>:where(h3,p){margin:0}.design-gallery__syntax{max-inline-size:100%;margin:0;padding:var(--space-4);overflow:auto;border:1px solid var(--line);background:var(--surface)}@media (max-width:40rem){.design-gallery{padding-inline:var(--space-5)}.design-gallery__instrument{align-items:stretch;flex-direction:column}}@media (forced-colors:active){.design-gallery__effect,.design-gallery__instrument,.design-gallery__plain-theme,.design-gallery__shell-preview,.design-gallery__syntax{border-color:CanvasText}}