@layer skin{@property --skin--font-family{syntax:"*";inherits:true;initial-value:"Roboto Variable", Helvetica, Arial, sans-serif}@property --skin--font-family-heading{syntax:"*";inherits:true;initial-value:"Roboto Condensed Variable", Helvetica, Arial, sans-serif}@property --skin--font-family-mono{syntax:"*";inherits:true;initial-value:"Roboto Mono Variable", Courier, monospace}@property --skin--font-size{syntax:"*";inherits:true;initial-value:clamp(1rem, .75rem + .3125vw, 1.125rem)}@property --skin--font-size-small{syntax:"*";inherits:true;initial-value:90%}@property --skin--font-size-large{syntax:"*";inherits:true;initial-value:1.25em}@property --skin--font-size-heading{syntax:"*";inherits:true;initial-value:1em}@property --skin--letter-spacing-heading{syntax:"*";inherits:true;initial-value:normal}@property --skin--line-height{syntax:"<number>";inherits:true;initial-value:1.3}@property --skin--font-weight{syntax:"<number>";inherits:true;initial-value:400}@property --skin--font-weight-strong{syntax:"<number>";inherits:true;initial-value:600}@property --skin--spacing-010{syntax:"*";inherits:true;initial-value:.1em}@property --skin--spacing-025{syntax:"*";inherits:true;initial-value:.25em}@property --skin--spacing-050{syntax:"*";inherits:true;initial-value:.5em}@property --skin--spacing-075{syntax:"*";inherits:true;initial-value:.75em}@property --skin--spacing-100{syntax:"*";inherits:true;initial-value:1em}@property --skin--spacing-150{syntax:"*";inherits:true;initial-value:1.5em}@property --skin--spacing-200{syntax:"*";inherits:true;initial-value:2em}@property --skin--spacing-250{syntax:"*";inherits:true;initial-value:2.5em}@property --skin--padding{syntax:"*";inherits:true;initial-value:0}@property --skin--scaling-025{syntax:"*";inherits:true;initial-value:.25em}@property --skin--scaling-050{syntax:"*";inherits:true;initial-value:.5em}@property --skin--scaling-075{syntax:"*";inherits:true;initial-value:.75em}@property --skin--scaling-090{syntax:"*";inherits:true;initial-value:.9em}@property --skin--scaling-100{syntax:"*";inherits:true;initial-value:1em}@property --skin--scaling-110{syntax:"*";inherits:true;initial-value:1.1em}@property --skin--scaling-125{syntax:"*";inherits:true;initial-value:1.25em}@property --skin--scaling-150{syntax:"*";inherits:true;initial-value:1.5em}@property --skin--scaling-200{syntax:"*";inherits:true;initial-value:2em}@property --skin--scaling-250{syntax:"*";inherits:true;initial-value:2.5em}@property --skin--color{syntax:"*";inherits:true;initial-value:light-dark(#000,#eee)}@property --skin--background-color{syntax:"*";inherits:true;initial-value:light-dark(#fff,#111)}@property --skin--color-subtle{syntax:"*";inherits:true;initial-value:light-dark(#345,#9ab)}@property --skin--color-strong{syntax:"*";inherits:true;initial-value:light-dark(#b74300,#f80)}@property --skin--color-info{syntax:"*";inherits:true;initial-value:light-dark(#0095aa,#3cc)}@property --skin--color-pass{syntax:"*";inherits:true;initial-value:light-dark(#129c02,#5c5)}@property --skin--color-warn{syntax:"<color>";inherits:true;initial-value:#e6a92f}@property --skin--color-fail{syntax:"*";inherits:true;initial-value:light-dark(#c00,#f66)}@property --skin--color-focus{syntax:"*";inherits:true;initial-value:light-dark(#7e8a95,#626c75)}@property --skin--color-label{syntax:"*";inherits:true}@property --skin--color-placeholder{syntax:"*";inherits:true}@property --skin--color-enabled{syntax:"*";inherits:true}@property --skin--color-disabled{syntax:"*";inherits:true}@property --skin--color-link{syntax:"*";inherits:true}@property --skin--color-link-hover{syntax:"*";inherits:true}@property --skin--color-hover{syntax:"*";inherits:true}@property --skin--color-pressed{syntax:"*";inherits:true}@property --skin--color-selected{syntax:"*";inherits:true}@property --skin--color-over{syntax:"*";inherits:true}@property --skin--color-info-stroke{syntax:"*";inherits:true}@property --skin--color-pass-stroke{syntax:"*";inherits:true}@property --skin--color-warn-stroke{syntax:"*";inherits:true}@property --skin--color-fail-stroke{syntax:"*";inherits:true}@property --skin--background-color-edit{syntax:"*";inherits:true}@property --skin--background-color-stripe{syntax:"*";inherits:true}@property --skin--background-color-hover{syntax:"*";inherits:true}@property --skin--background-color-pressed{syntax:"*";inherits:true}@property --skin--background-color-selected{syntax:"*";inherits:true}@property --skin--background-color-info{syntax:"*";inherits:true}@property --skin--background-color-pass{syntax:"*";inherits:true}@property --skin--background-color-warn{syntax:"*";inherits:true}@property --skin--background-color-fail{syntax:"*";inherits:true}:root{--skin--color-label:light-dark(color-mix(in oklab, var(--skin--color) 47%, var(--skin--background-color)),color-mix(in oklab, var(--skin--color) 55%, var(--skin--background-color)));--skin--color-over:light-dark(var(--skin--color),var(--skin--background-color));--skin--color-info-stroke:color-mix(in oklab, var(--skin--color-info) 74%, var(--skin--color));--skin--color-pass-stroke:color-mix(in oklab, var(--skin--color-pass) 74%, var(--skin--color));--skin--color-warn-stroke:oklch(from color-mix(in oklab, var(--skin--color-warn) 64%, var(--skin--color)) l calc(c * 1.8) calc(h - 12));--skin--color-fail-stroke:color-mix(in oklab, var(--skin--color-fail) 86%, var(--skin--color));--skin--color-placeholder:var(--skin--color-disabled);--skin--color-enabled:oklch(from var(--skin--color-subtle) calc(l + .03) calc(c * 3) h);--skin--color-disabled:light-dark(color-mix(in oklab, var(--skin--color) 20%, var(--skin--background-color)),color-mix(in oklab, var(--skin--color) 25%, var(--skin--background-color)));--skin--color-link:light-dark(oklch(from var(--skin--color-subtle) .45 min(calc(c * 2), .1) h),oklch(from var(--skin--color-subtle) .75 min(calc(c * 2), .1) h));--skin--color-link-hover:light-dark(oklch(from var(--skin--color-subtle) .37 min(calc(c * 3), .16) h),oklch(from var(--skin--color-subtle) .88 min(calc(c * 2), .1) h));--skin--color-hover:oklch(from var(--skin--color-strong) calc(l - .1) c h);--skin--color-pressed:light-dark(oklch(from var(--skin--color-strong) calc(l - .2) c h),oklch(from var(--skin--color-strong) calc(l + .1) c h));--skin--color-selected:var(--skin--color-strong);--skin--background-color-edit:color-mix(in oklab, var(--skin--background-color) 98%, var(--skin--color));--skin--background-color-stripe:color-mix(in oklab, var(--skin--background-color) 96%, var(--skin--color));--skin--background-color-hover:color-mix(in oklab, var(--skin--color-strong) 6%, var(--skin--background-color));--skin--background-color-selected:color-mix(in oklab, var(--skin--color-strong) 10%, var(--skin--background-color));--skin--background-color-pressed:color-mix(in oklab, var(--skin--color-strong) 14%, var(--skin--background-color));--skin--background-color-info:color-mix(in oklab, var(--skin--color-info) 12%, var(--skin--background-color));--skin--background-color-pass:color-mix(in oklab, var(--skin--color-pass) 12%, var(--skin--background-color));--skin--background-color-fail:color-mix(in oklab, var(--skin--color-fail) 12%, var(--skin--background-color));--skin--background-color-warn:light-dark(color-mix(in oklab, var(--skin--color-warn) 20%, var(--skin--background-color)),color-mix(in oklab, var(--skin--color-warn) 12%, var(--skin--background-color)))}@property --skin--border-style{syntax:"*";inherits:true;initial-value:solid}@property --skin--border-color{syntax:"*";inherits:true}@property --skin--border-width{syntax:"<length>";inherits:true;initial-value:1px}@property --skin--border-radius-025{syntax:"*";inherits:true;initial-value:.25em}@property --skin--border-radius-050{syntax:"*";inherits:true;initial-value:.5em}@property --skin--border-radius-075{syntax:"*";inherits:true;initial-value:.75em}@property --skin--border-radius-100{syntax:"*";inherits:true;initial-value:1em}@property --skin--border-radius{syntax:"*";inherits:true;initial-value:0}@property --skin--outline-focus{syntax:"*";inherits:true}@property --skin--outline-invalid{syntax:"*";inherits:true}@property --skin--stroke-width{syntax:"<number>";inherits:true;initial-value:2}:root{--skin--border-color:light-dark(color-mix(in oklab, var(--skin--color) 20%, var(--skin--background-color)),color-mix(in oklab, var(--skin--color) 25%, var(--skin--background-color)));--skin--outline-focus:var(--skin--border-style) calc(2 * var(--skin--border-width)) var(--skin--color-focus);--skin--outline-invalid:var(--skin--border-style) var(--skin--border-width) var(--skin--color-fail)}@property --skin--background-color-raised{syntax:"*";inherits:true}@property --skin--background-color-overlay{syntax:"*";inherits:true}@property --skin--background-color-sunken{syntax:"*";inherits:true}@property --skin--background-color-blanket{syntax:"*";inherits:true}@property --skin--background-color-glass{syntax:"*";inherits:true}@property --skin--box-shadow-raised{syntax:"*";inherits:true}@property --skin--box-shadow-overlay{syntax:"*";inherits:true}@property --skin--box-shadow{syntax:"*";inherits:true;initial-value:none}:root{--skin--background-color-raised:oklch(from var(--skin--background-color) calc(l + .03) c h);--skin--background-color-overlay:oklch(from var(--skin--background-color) calc(l + .06) c h);--skin--background-color-sunken:oklch(from var(--skin--background-color) calc(l - .03) c h);--skin--background-color-blanket:color-mix(in oklab, var(--skin--color) 50%, transparent);--skin--background-color-glass:oklch(from var(--skin--background-color) calc(l - .3) c h / .75);--skin--box-shadow-raised:0 1px 2px color-mix(in oklab, var(--skin--color) 20%, transparent);--skin--box-shadow-overlay:0 4px 12px color-mix(in oklab, var(--skin--color) 25%, transparent)}@property --skin--color-gray-010{syntax:"*";inherits:true}@property --skin--color-gray-020{syntax:"*";inherits:true}@property --skin--color-gray-030{syntax:"*";inherits:true}@property --skin--color-gray-040{syntax:"*";inherits:true}@property --skin--color-gray-050{syntax:"*";inherits:true}@property --skin--color-gray-060{syntax:"*";inherits:true}@property --skin--color-gray-070{syntax:"*";inherits:true}@property --skin--color-gray-080{syntax:"*";inherits:true}@property --skin--color-gray-090{syntax:"*";inherits:true}@property --skin--color-gray-100{syntax:"*";inherits:true}@property --skin--color-subtle-010{syntax:"*";inherits:true}@property --skin--color-subtle-020{syntax:"*";inherits:true}@property --skin--color-subtle-030{syntax:"*";inherits:true}@property --skin--color-subtle-040{syntax:"*";inherits:true}@property --skin--color-subtle-050{syntax:"*";inherits:true}@property --skin--color-subtle-060{syntax:"*";inherits:true}@property --skin--color-subtle-070{syntax:"*";inherits:true}@property --skin--color-subtle-080{syntax:"*";inherits:true}@property --skin--color-subtle-090{syntax:"*";inherits:true}@property --skin--color-subtle-100{syntax:"*";inherits:true}@property --skin--color-strong-010{syntax:"*";inherits:true}@property --skin--color-strong-020{syntax:"*";inherits:true}@property --skin--color-strong-030{syntax:"*";inherits:true}@property --skin--color-strong-040{syntax:"*";inherits:true}@property --skin--color-strong-050{syntax:"*";inherits:true}@property --skin--color-strong-060{syntax:"*";inherits:true}@property --skin--color-strong-070{syntax:"*";inherits:true}@property --skin--color-strong-080{syntax:"*";inherits:true}@property --skin--color-strong-090{syntax:"*";inherits:true}@property --skin--color-strong-100{syntax:"*";inherits:true}:root{--skin--color-gray-010:color-mix(in oklab, var(--skin--color) 10%, var(--skin--background-color));--skin--color-gray-020:color-mix(in oklab, var(--skin--color) 20%, var(--skin--background-color));--skin--color-gray-030:color-mix(in oklab, var(--skin--color) 30%, var(--skin--background-color));--skin--color-gray-040:color-mix(in oklab, var(--skin--color) 40%, var(--skin--background-color));--skin--color-gray-050:color-mix(in oklab, var(--skin--color) 50%, var(--skin--background-color));--skin--color-gray-060:color-mix(in oklab, var(--skin--color) 60%, var(--skin--background-color));--skin--color-gray-070:color-mix(in oklab, var(--skin--color) 70%, var(--skin--background-color));--skin--color-gray-080:color-mix(in oklab, var(--skin--color) 80%, var(--skin--background-color));--skin--color-gray-090:color-mix(in oklab, var(--skin--color) 90%, var(--skin--background-color));--skin--color-gray-100:var(--skin--color);--skin--color-subtle-010:color-mix(in oklab, var(--skin--color-subtle) 10%, var(--skin--background-color));--skin--color-subtle-020:color-mix(in oklab, var(--skin--color-subtle) 20%, var(--skin--background-color));--skin--color-subtle-030:color-mix(in oklab, var(--skin--color-subtle) 30%, var(--skin--background-color));--skin--color-subtle-040:color-mix(in oklab, var(--skin--color-subtle) 40%, var(--skin--background-color));--skin--color-subtle-050:color-mix(in oklab, var(--skin--color-subtle) 50%, var(--skin--background-color));--skin--color-subtle-060:color-mix(in oklab, var(--skin--color-subtle) 60%, var(--skin--background-color));--skin--color-subtle-070:color-mix(in oklab, var(--skin--color-subtle) 70%, var(--skin--background-color));--skin--color-subtle-080:color-mix(in oklab, var(--skin--color-subtle) 80%, var(--skin--background-color));--skin--color-subtle-090:color-mix(in oklab, var(--skin--color-subtle) 90%, var(--skin--background-color));--skin--color-subtle-100:var(--skin--color-subtle);--skin--color-strong-010:color-mix(in oklab, var(--skin--color-strong) 10%, var(--skin--background-color));--skin--color-strong-020:color-mix(in oklab, var(--skin--color-strong) 20%, var(--skin--background-color));--skin--color-strong-030:color-mix(in oklab, var(--skin--color-strong) 30%, var(--skin--background-color));--skin--color-strong-040:color-mix(in oklab, var(--skin--color-strong) 40%, var(--skin--background-color));--skin--color-strong-050:color-mix(in oklab, var(--skin--color-strong) 50%, var(--skin--background-color));--skin--color-strong-060:color-mix(in oklab, var(--skin--color-strong) 60%, var(--skin--background-color));--skin--color-strong-070:color-mix(in oklab, var(--skin--color-strong) 70%, var(--skin--background-color));--skin--color-strong-080:color-mix(in oklab, var(--skin--color-strong) 80%, var(--skin--background-color));--skin--color-strong-090:color-mix(in oklab, var(--skin--color-strong) 90%, var(--skin--background-color));--skin--color-strong-100:var(--skin--color-strong)}@property --skin--color-heat-010{syntax:"<color>";inherits:true;initial-value:#1b95f9}@property --skin--color-heat-020{syntax:"<color>";inherits:true;initial-value:#28cbf3}@property --skin--color-heat-030{syntax:"<color>";inherits:true;initial-value:#2de2bf}@property --skin--color-heat-040{syntax:"<color>";inherits:true;initial-value:#76f17e}@property --skin--color-heat-050{syntax:"<color>";inherits:true;initial-value:#c9f14c}@property --skin--color-heat-060{syntax:"<color>";inherits:true;initial-value:#fddc59}@property --skin--color-heat-070{syntax:"<color>";inherits:true;initial-value:#fa9522}@property --skin--color-heat-080{syntax:"<color>";inherits:true;initial-value:#df2212}@property --skin--color-heat-090{syntax:"*";inherits:true;initial-value:light-dark(#8f0d35,#b13550)}@property --skin--color-heat-100{syntax:"*";inherits:true;initial-value:light-dark(#9813b1,#b940d2)}@property --skin--color-series-1{syntax:"<color>";inherits:true;initial-value:#4e79a7}@property --skin--color-series-2{syntax:"<color>";inherits:true;initial-value:#59a14f}@property --skin--color-series-3{syntax:"<color>";inherits:true;initial-value:#edc948}@property --skin--color-series-4{syntax:"<color>";inherits:true;initial-value:#9c755f}@property --skin--color-series-5{syntax:"<color>";inherits:true;initial-value:#76b7b2}@property --skin--color-series-6{syntax:"<color>";inherits:true;initial-value:#f28e2b}@property --skin--color-series-7{syntax:"<color>";inherits:true;initial-value:#b07aa1}@property --skin--color-series-8{syntax:"<color>";inherits:true;initial-value:#ff9da7}@property --skin--color-series-9{syntax:"<color>";inherits:true;initial-value:#e15759}@property --skin--color-area-1{syntax:"<color>";inherits:true;initial-value:#a6cee3}@property --skin--color-area-2{syntax:"<color>";inherits:true;initial-value:#1f78b4}@property --skin--color-area-3{syntax:"<color>";inherits:true;initial-value:#b2df8a}@property --skin--color-area-4{syntax:"<color>";inherits:true;initial-value:#33a02c}@property --skin--z-index-sticky{syntax:"<integer>";inherits:true;initial-value:100}@property --skin--z-index-dropdown{syntax:"<integer>";inherits:true;initial-value:200}@property --skin--z-index-blanket{syntax:"<integer>";inherits:true;initial-value:300}@property --skin--z-index-modal{syntax:"<integer>";inherits:true;initial-value:400}@property --skin--z-index-toast{syntax:"<integer>";inherits:true;initial-value:500}@property --skin--z-index-tooltip{syntax:"<integer>";inherits:true;initial-value:600}@property --skin--duration-fast{syntax:"<time>";inherits:true;initial-value:.1s}@property --skin--duration-normal{syntax:"<time>";inherits:true;initial-value:.2s}@property --skin--duration-slow{syntax:"<time>";inherits:true;initial-value:.4s}@property --skin--easing-standard{syntax:"*";inherits:true;initial-value:cubic-bezier(.4, 0, .2, 1)}@property --skin--easing-enter{syntax:"*";inherits:true;initial-value:cubic-bezier(0, 0, .2, 1)}@property --skin--easing-exit{syntax:"*";inherits:true;initial-value:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){:root{--skin--duration-fast:0s;--skin--duration-normal:0s;--skin--duration-slow:0s}}@property --skin--opacity-disabled{syntax:"<number>";inherits:true;initial-value:.4}@property --skin--opacity-loading{syntax:"<number>";inherits:true;initial-value:.6}@property --skin--opacity-locked{syntax:"<number>";inherits:true;initial-value:.3}@property --skin--viewport-small{syntax:"*";inherits:true;initial-value:off}@property --skin--viewport-medium{syntax:"*";inherits:true;initial-value:off}@property --skin--viewport-large{syntax:"*";inherits:true;initial-value:off}@property --skin--viewport-xlarge{syntax:"*";inherits:true;initial-value:off}@media (width>=30rem){:root{--skin--viewport-small:on}}@media (width>=48rem){:root{--skin--viewport-medium:on}}@media (width>=64rem){:root{--skin--viewport-large:on}}@media (width>=90rem){:root{--skin--viewport-xlarge:on}}@property --skin--look{syntax:"*";inherits:true;initial-value:normal}*,:before,:after{box-sizing:border-box;border-style:none;border-width:var(--skin--border-width);border-color:var(--skin--border-color);font-family:inherit;font-style:inherit;font-size:inherit;font-weight:inherit;color:inherit;background-color:inherit;border-radius:0;outline-style:none;margin:0;padding:0;overflow:visible}[hidden]{display:none}h1,h2,h3{clear:both;font-weight:var(--skin--font-weight-strong);font-family:var(--skin--font-family-heading);letter-spacing:var(--skin--letter-spacing-heading)}h1{padding-bottom:var(--skin--spacing-025);border-bottom-style:var(--skin--border-style);margin-bottom:var(--skin--spacing-100);font-size:calc(var(--skin--font-size-heading) * 1.25);&:not(:first-child){margin-top:var(--skin--spacing-150)}}h2{margin-bottom:var(--skin--spacing-075);font-size:var(--skin--font-size-heading)}h3{margin-bottom:var(--skin--spacing-050);font-size:var(--skin--font-size-heading)}a,a:visited{text-underline-offset:.15em;font-weight:var(--skin--font-weight-strong);color:var(--skin--color-link);cursor:pointer;text-decoration-line:none;text-decoration-thickness:1px;&:focus-visible{outline:var(--skin--outline-focus);outline-offset:var(--skin--border-width)}&:hover{color:var(--skin--color-link-hover);text-decoration-line:underline}}em{font-style:italic}strong{font-weight:var(--skin--font-weight-strong)}code{font-family:var(--skin--font-family-mono);font-size:87.5%;&:where(:not(pre>code)){padding:var(--skin--spacing-010) var(--skin--spacing-025);border-radius:var(--skin--border-radius-025);background-color:color-mix(in oklab, currentColor 8%, transparent);white-space:nowrap}}small{font-size:var(--skin--font-size-small);color:var(--skin--color-label)}img:not(a img){cursor:zoom-in}img[active]{inset:var(--skin--spacing-150);z-index:var(--skin--z-index-modal);width:calc(100% - 2 * var(--skin--spacing-150));height:calc(100% - 2 * var(--skin--spacing-150));object-fit:contain;background-color:var(--skin--background-color-blanket);max-width:none;max-height:none;box-shadow:0 0 0 100vmax var(--skin--background-color-blanket);cursor:zoom-out;margin:0;position:fixed}p{margin-bottom:var(--skin--spacing-100);&:has(img:only-child){margin:0}}:where(p:has(img:only-child))>:where(img){max-width:100%;height:auto;margin:0 auto var(--skin--spacing-100);display:block}blockquote{padding:var(--skin--spacing-050);margin-bottom:var(--skin--spacing-100);background-color:var(--skin--background-color-stripe);&>p{margin-bottom:.1em}}pre{padding:var(--skin--spacing-050);margin-bottom:var(--skin--spacing-100);background-color:var(--skin--background-color-stripe);overflow-x:auto}hr{margin:var(--skin--spacing-150) 0;border-bottom-style:var(--skin--border-style);border-bottom-width:var(--skin--border-width);border-bottom-color:var(--skin--border-color);&:first-child,&:last-child{display:none}}.hljs-keyword,.hljs-built_in,.hljs-type,.hljs-literal{color:var(--skin--color-info-stroke)}.hljs-string,.hljs-regexp{color:var(--skin--color-pass-stroke)}.hljs-number,.hljs-symbol,.hljs-attr,.hljs-attribute{color:var(--skin--color-warn-stroke)}.hljs-comment,.hljs-meta{color:var(--skin--color-label);font-style:italic}ul,ol{padding-left:var(--skin--spacing-150);&:not(:last-child){margin-bottom:var(--skin--spacing-100)}&>li{&>p:only-child{margin:0}&>:is(ul,ol){margin-top:var(--skin--spacing-025);margin-bottom:var(--skin--spacing-050)}&+li{margin-top:var(--skin--spacing-025)}}}ul{list-style-type:disc;:is(ul,ol) &{list-style-type:circle}:is(ul,ol) :is(ul,ol) &{list-style-type:square}}ol{list-style-type:decimal;ol &{list-style-type:lower-alpha}ol ol &{list-style-type:lower-roman}}dl{margin-bottom:var(--skin--spacing-100);&>dt{margin-bottom:var(--skin--spacing-050);font-size:var(--skin--scaling-090);font-weight:var(--skin--font-weight-strong);color:var(--skin--color-label);&>p:only-child{margin:0}}&>dd{&:not(:last-child){margin-bottom:var(--skin--spacing-075)}}}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;margin-bottom:var(--skin--spacing-150)}th{white-space:nowrap;font-weight:var(--skin--font-weight-strong);&:empty:last-child{width:100%}}th,td{padding:var(--skin--spacing-050);text-align:start;vertical-align:top;border-bottom-style:var(--skin--border-style);&>img{margin:0}}table[data-striped]>tbody>tr:nth-child(2n){background-color:var(--skin--background-color-stripe)}button,select{padding:var(--skin--spacing-025) var(--skin--spacing-050);border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-025);&:focus-visible{outline:var(--skin--outline-focus);outline-offset:calc(-2 * var(--skin--border-width))}}input,textarea{border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-025);&:not([type=checkbox],[type=radio],[type=range],[type=color]){padding:var(--skin--spacing-025) var(--skin--spacing-050)}&:invalid{color:var(--skin--color-fail);outline:var(--skin--outline-invalid);outline-offset:0}&:focus{outline:var(--skin--outline-focus);outline-offset:calc(-2 * var(--skin--border-width));&[type=checkbox],&[type=radio]{outline-offset:var(--skin--border-width)}}}button{grid-column-gap:var(--skin--spacing-050);white-space:nowrap;background-color:#0000;flex-direction:row;align-items:center;display:flex;&:disabled{color:var(--skin--color-disabled);pointer-events:none}&:enabled{cursor:pointer;&:hover{color:var(--skin--color-hover)}&:active{color:var(--skin--color-focus)}}}select{appearance:base-select;column-gap:var(--skin--spacing-075);&::picker-icon{content:"";width:calc(var(--skin--scaling-100) * 14 / 24);height:var(--skin--scaling-100);forced-color-adjust:none;background-color:currentColor;align-self:center;margin-inline-start:auto;margin-inline-end:calc(var(--skin--scaling-100) * -2 / 24);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 14 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat}}::placeholder{color:var(--skin--color-placeholder)}.markdown-alert{padding:var(--skin--spacing-050) var(--skin--spacing-100);margin-bottom:var(--skin--spacing-100);border-left:var(--skin--spacing-025) var(--skin--border-style) var(--skin-alert);&.markdown-alert-note{--skin-alert:var(--skin--color-subtle)}&.markdown-alert-important{--skin-alert:var(--skin--color-info-stroke)}&.markdown-alert-tip{--skin-alert:var(--skin--color-pass-stroke)}&.markdown-alert-warning{--skin-alert:var(--skin--color-warn-stroke)}&.markdown-alert-caution{--skin-alert:var(--skin--color-fail-stroke)}&>.markdown-alert-title{align-items:center;column-gap:var(--skin--spacing-050);margin-bottom:var(--skin--spacing-050);font-weight:var(--skin--font-weight-strong);color:var(--skin-alert);display:flex;&>svg{width:var(--skin--scaling-100);height:var(--skin--scaling-100);fill:currentColor}}&>p:last-child{margin-bottom:0}}:root{color-scheme:light dark;color:var(--skin--color);background-color:var(--skin--background-color);font-family:var(--skin--font-family);font-size:var(--skin--font-size);font-weight:var(--skin--font-weight);line-height:var(--skin--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-theme]{color:var(--skin--color);background-color:var(--skin--background-color)}}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-cyrillic-ext-wght-normal-BCp_3N7R.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-cyrillic-wght-normal-fOt7epNf.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-greek-ext-wght-normal-Bgw4czJT.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-greek-wght-normal-DlT9XTxE.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-math-wght-normal-4a3xuzGk.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-symbols-wght-normal-B7iHSfaG.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-vietnamese-wght-normal-_f1XEJpo.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-latin-ext-wght-normal-DYIxWhlt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-latin-wght-normal-ccAYIvAh.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Condensed Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-condensed-cyrillic-ext-wght-normal-DhztH7TG.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Condensed Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-condensed-cyrillic-wght-normal-DcSt-2BC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Condensed Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-condensed-greek-ext-wght-normal-CuKbLwpm.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Roboto Condensed Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-condensed-greek-wght-normal-Cvhr4n9Q.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Condensed Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-condensed-vietnamese-wght-normal-BQ3qeiTz.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Condensed Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-condensed-latin-ext-wght-normal-Db2M7toj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Condensed Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./roboto-condensed-latin-wght-normal-Cxzi1x1i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(./roboto-mono-cyrillic-ext-wght-normal-BUDPrIko.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(./roboto-mono-cyrillic-wght-normal-HUlVHixE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(./roboto-mono-greek-wght-normal-BJJTbwTT.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(./roboto-mono-vietnamese-wght-normal-DlC-zuDL.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(./roboto-mono-latin-ext-wght-normal-QAYlOegK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(./roboto-mono-latin-wght-normal-CZtBPCCa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{--lab-bar:3.5rem;&>.bar{z-index:var(--skin--z-index-sticky);justify-content:space-between;align-items:center;gap:var(--skin--spacing-100);block-size:var(--lab-bar);padding-inline:var(--skin--spacing-100);border-bottom-style:var(--skin--border-style);background-color:var(--skin--background-color);display:flex;position:sticky;top:0}&>.shell{gap:var(--skin--spacing-150);max-inline-size:84rem;padding:var(--skin--spacing-100);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}}.brand{align-items:center;gap:var(--skin--spacing-050);font-family:var(--skin--font-family-heading);font-size:var(--skin--font-size-large);font-weight:var(--skin--font-weight-strong);color:var(--skin--color-subtle);display:flex;&:visited,&:hover{color:var(--skin--color-subtle);text-decoration-line:none}& strong{font-weight:inherit;color:var(--skin--color-strong)}&>.mark{block-size:var(--skin--scaling-150)}}.scheme{padding:var(--skin--spacing-010);border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-050);font-size:var(--skin--font-size-small);display:flex;&>label{cursor:pointer;position:relative;&>input{opacity:0;pointer-events:none;position:absolute}&>span{padding:var(--skin--spacing-025) var(--skin--spacing-075);border-radius:var(--skin--border-radius-025);color:var(--skin--color-label);display:block}&:hover>span{color:var(--skin--color)}&>input:checked+span{background-color:var(--skin--color-subtle);color:var(--skin--background-color)}&>input:focus-visible+span{outline:var(--skin--outline-focus);outline-offset:var(--skin--border-width)}}}.toc{gap:var(--skin--spacing-025);border-bottom-style:var(--skin--border-style);padding-block-end:var(--skin--spacing-050);display:flex;overflow-x:auto;&>p{display:none}&>a,&>a:visited{padding:var(--skin--spacing-025) var(--skin--spacing-050);border-radius:var(--skin--border-radius-025);font-weight:var(--skin--font-weight);color:var(--skin--color-label);flex:none;&:hover{color:var(--skin--color);background-color:var(--skin--background-color-hover);text-decoration-line:none}&[aria-current]{color:var(--skin--color-selected);background-color:var(--skin--background-color-selected)}}}@container style(--skin--viewport-large:on){body>.shell{gap:var(--skin--spacing-250);padding-inline:var(--skin--spacing-200);grid-template-columns:12rem minmax(0,1fr)}.toc{top:calc(var(--lab-bar) + var(--skin--spacing-150));border-bottom-style:none;flex-direction:column;align-self:start;padding:0;position:sticky;overflow:visible;&>p{margin:var(--skin--spacing-150) 0 var(--skin--spacing-025) var(--skin--spacing-050);font-size:var(--skin--font-size-small);font-weight:var(--skin--font-weight-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--skin--color-label);display:block;&:first-child{margin-top:var(--skin--spacing-025)}}}}main{scroll-margin-top:var(--lab-bar)}main>section{padding-block:var(--skin--spacing-250);scroll-margin-top:var(--lab-bar);&+section{border-top-style:var(--skin--border-style)}&>header{margin-bottom:var(--skin--spacing-150);&>h2{margin-bottom:var(--skin--spacing-050);font-size:var(--skin--scaling-200)}}&>h3,&>.pair>div>h3{margin-top:var(--skin--spacing-200);font-size:var(--skin--font-size-large)}&>header+h3,&>.pair>div>h3:first-child{margin-top:0}}.eyebrow{margin-bottom:var(--skin--spacing-025);font-size:var(--skin--font-size-small);font-weight:var(--skin--font-weight-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--skin--color-strong)}.lead{max-inline-size:60ch;font-size:var(--skin--font-size-large);color:var(--skin--color-label)}.note{max-inline-size:75ch;margin-bottom:var(--skin--spacing-100);color:var(--skin--color-label)}.hero{padding-block:var(--skin--spacing-150) var(--skin--spacing-250);&>h1{margin-top:0;margin-bottom:var(--skin--spacing-100);font-size:var(--skin--scaling-250);border-bottom-style:none;padding:0;line-height:1.1}&>.hint{margin-top:var(--skin--spacing-150);font-size:var(--skin--font-size-small);color:var(--skin--color-label)}}.facts{gap:var(--skin--spacing-100);margin-top:var(--skin--spacing-150);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));padding:0;list-style:none;display:grid;&>li{padding:var(--skin--spacing-075) var(--skin--spacing-100);border-inline-start:calc(3 * var(--skin--border-width)) var(--skin--border-style) var(--skin--color-strong);background-color:var(--skin--background-color-stripe);flex-direction:column;margin:0;display:flex;&>strong{font-family:var(--skin--font-family-heading);font-size:var(--skin--scaling-200);line-height:1.1}&>span{font-size:var(--skin--font-size-small);color:var(--skin--color-label)}}}.pair{gap:var(--skin--spacing-200);display:grid}@container style(--skin--viewport-large:on){.pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.chips{gap:var(--skin--spacing-100);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));display:grid;&.large{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}&.mini{gap:var(--skin--spacing-050);grid-template-columns:minmax(0,1fr);&>.chip{flex-direction:row}& .sample{inline-size:calc(2 * var(--skin--scaling-250));aspect-ratio:auto;border-bottom-style:none;border-inline-end-style:var(--skin--border-style);flex:none}& .label{padding:var(--skin--spacing-025) var(--skin--spacing-075);justify-content:center}}}.chip{border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-050);background-color:var(--skin--background-color);text-align:start;white-space:normal;transition:border-color var(--skin--duration-fast) var(--skin--easing-standard), box-shadow var(--skin--duration-fast) var(--skin--easing-standard);flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden;&:enabled:hover,&:enabled:active{color:var(--skin--color);border-color:var(--skin--color-strong);box-shadow:var(--skin--box-shadow-raised)}&>.sample{aspect-ratio:5/2;border-bottom-style:var(--skin--border-style);background-color:var(--skin--background-color-stripe);place-items:center;display:grid;&.split{place-items:stretch stretch;gap:var(--skin--border-width);grid-template-columns:1fr 1fr;&>span{background-color:var(--lab-sample)}}&.swatch{background-color:var(--lab-sample)}&>.shape{inline-size:var(--skin--scaling-250);block-size:var(--skin--scaling-250);background-color:var(--skin--background-color)}&>svg{inline-size:var(--skin--scaling-200);block-size:var(--skin--scaling-200);fill:none;stroke:var(--skin--color);stroke-linecap:round;stroke-linejoin:round}}}.label{gap:var(--skin--spacing-010);min-inline-size:0;padding:var(--skin--spacing-050) var(--skin--spacing-075);flex-direction:column;display:flex}.name,.token,.tag{font-family:var(--skin--font-family-mono);font-size:var(--skin--font-size-small);font-weight:var(--skin--font-weight-strong);overflow-wrap:anywhere}.value{font-family:var(--skin--font-family-mono);font-size:var(--skin--font-size-small);white-space:nowrap;text-overflow:ellipsis;color:var(--skin--color-label);overflow:hidden}.token,.tag{padding:var(--skin--spacing-025) 0;color:var(--skin--color);text-align:start;white-space:normal;border-style:none;justify-self:start;&:enabled:hover{color:var(--skin--color-link-hover)}}.tag{padding:var(--skin--spacing-025) var(--skin--spacing-050);border-radius:var(--skin--border-radius-025);background-color:var(--skin--background-color)}.steps{gap:var(--skin--spacing-150);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.step{gap:var(--skin--spacing-075);flex-direction:column;display:flex;&>.notice{gap:var(--skin--spacing-025);padding:var(--skin--spacing-075) var(--skin--spacing-100);border-inline-start:calc(4 * var(--skin--border-width)) var(--skin--border-style) var(--lab-mark);border-radius:var(--skin--border-radius-025);background-color:var(--lab-fill);flex-direction:column;display:flex;&>strong{color:var(--lab-stroke)}}&>dl{gap:var(--skin--spacing-025);font-size:var(--skin--font-size-small);margin:0;display:grid;&>div{grid-template-columns:4em 1fr;display:grid;&>dt{font-size:inherit;font-weight:var(--skin--font-weight);color:var(--skin--color-label);margin:0}&>dd{font-family:var(--skin--font-family-mono);margin:0}}}}.roles{border-top-style:var(--skin--border-style);display:grid}.role{gap:var(--skin--spacing-050) var(--skin--spacing-100);padding-block:var(--skin--spacing-050);border-bottom-style:var(--skin--border-style);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;&>.use{font-size:var(--skin--font-size-small);color:var(--skin--color-label)}}@container style(--skin--viewport-medium:on){.role{grid-template-columns:minmax(10rem,1.2fr) minmax(8rem,1.3fr) minmax(9rem,1fr) minmax(9rem,1fr)}}.probe{justify-content:space-between;align-items:center;gap:var(--skin--spacing-050);padding:var(--skin--spacing-025) var(--skin--spacing-025) var(--skin--spacing-025) var(--skin--spacing-075);border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-025);display:flex;&>.ink{font-size:var(--skin--font-size-large);font-weight:var(--skin--font-weight-strong)}&.void{font-size:var(--skin--font-size-small);color:var(--skin--color-label);border-style:none;justify-content:center}&>b{padding:var(--skin--spacing-010) var(--skin--spacing-050);border-radius:var(--skin--border-radius-025);font-family:var(--skin--font-family-mono);font-size:var(--skin--font-size-small);font-weight:var(--skin--font-weight);background-color:var(--skin--background-color);color:var(--skin--color-label);&[data-verdict=pass]{background-color:var(--skin--background-color-pass);color:var(--skin--color-pass-stroke)}&[data-verdict=fail]{background-color:var(--skin--background-color-fail);color:var(--skin--color-fail-stroke)}}}.ramps{gap:var(--skin--spacing-075);display:grid}.ramp{gap:var(--skin--spacing-025);display:grid;&>.ramp-name{font-family:var(--skin--font-family-mono);font-size:var(--skin--font-size-small);font-weight:var(--skin--font-weight-strong)}&>.cells{border-radius:var(--skin--border-radius-050);grid-template-columns:repeat(10,minmax(0,1fr));display:grid;overflow:hidden}}@container style(--skin--viewport-medium:on){.ramp{grid-template-columns:5rem minmax(0,1fr);align-items:center}}.cell,.column{font-family:var(--skin--font-family-mono);font-size:var(--skin--font-size-small);border-style:none;border-radius:0;justify-content:center;padding:0;&:enabled:hover{outline:var(--skin--outline-focus);outline-offset:calc(-2 * var(--skin--border-width))}}.cell{block-size:var(--skin--scaling-250)}.series>.bars{align-items:flex-end;gap:var(--skin--spacing-050);block-size:12em;padding-inline:var(--skin--spacing-050);border-bottom-style:var(--skin--border-style);display:flex;&>.column{border-radius:var(--skin--border-radius-025) var(--skin--border-radius-025) 0 0;flex:1;align-items:flex-start;padding-block-start:var(--skin--spacing-050)}}.areas{gap:var(--skin--spacing-150);display:grid;&>.map{gap:var(--skin--border-width);border-radius:var(--skin--border-radius-050);grid-template-columns:repeat(8,minmax(0,1fr));max-inline-size:28rem;display:grid;overflow:hidden;&>span{aspect-ratio:1}}}@container style(--skin--viewport-medium:on){.areas{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.faces{gap:var(--skin--spacing-100);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.face{align-items:stretch;gap:var(--skin--spacing-075);padding:var(--skin--spacing-100) var(--skin--spacing-100) 0;border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-050);text-align:start;white-space:normal;flex-direction:column;display:flex;&:enabled:hover,&:enabled:active{color:var(--skin--color);border-color:var(--skin--color-strong)}&>.glyphs{font-size:var(--skin--scaling-250);line-height:1}&>.alphabet{font-size:var(--skin--font-size-small);color:var(--skin--color-label);overflow-wrap:anywhere}&>.label{margin-top:auto;margin-inline:calc(-1 * var(--skin--spacing-100));padding-inline:var(--skin--spacing-100);border-top-style:var(--skin--border-style);font-family:var(--skin--font-family)}}.rows{border-top-style:var(--skin--border-style);display:grid}.row{gap:var(--skin--spacing-025) var(--skin--spacing-100);padding-block:var(--skin--spacing-050);border-bottom-style:var(--skin--border-style);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;&>.viz{grid-column:1/-1;min-inline-size:0}& .bar{block-size:var(--skin--spacing-050);border-radius:var(--skin--border-radius-025);background-color:var(--skin--color-strong);display:block}& .square{border-style:var(--skin--border-style);border-color:var(--skin--color-subtle-060);background-color:var(--skin--color-subtle-020);display:block}& .pill{padding:var(--skin--spacing-025) var(--skin--spacing-075);border-radius:var(--skin--border-radius-050);background-color:var(--skin--color-subtle);color:var(--skin--background-color);font-size:var(--skin--font-size-small);display:inline-block}}@container style(--skin--viewport-medium:on){.row{grid-template-columns:11rem 9rem minmax(0,1fr);&>.viz{grid-column:auto}}.pair .row{grid-template-columns:10rem 7rem minmax(0,1fr)}}.specimen{text-overflow:ellipsis;overflow:hidden}.specimen[data-measure]{white-space:nowrap}.stage{gap:var(--skin--spacing-100);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.panel{justify-content:center;gap:var(--skin--spacing-100);min-block-size:14rem;padding:var(--skin--spacing-150);border-radius:var(--skin--border-radius-075);flex-direction:column;display:flex;position:relative;overflow:hidden;&>.tag{top:var(--skin--spacing-050);left:var(--skin--spacing-050);position:absolute}&.backdrop{background:repeating-linear-gradient(135deg, var(--skin--color-series-1) 0 var(--skin--spacing-150), var(--skin--color-series-3) var(--skin--spacing-150) calc(2 * var(--skin--spacing-150)), var(--skin--color-series-6) calc(2 * var(--skin--spacing-150)) calc(3 * var(--skin--spacing-150)))}&.page{border-style:var(--skin--border-style);background-color:var(--skin--background-color);&>.lines{inset:var(--skin--spacing-150);align-content:start;gap:var(--skin--spacing-075);display:grid;position:absolute;&>span{block-size:var(--skin--spacing-075);border-radius:var(--skin--border-radius-025);background-color:var(--skin--color-gray-020);&:nth-child(odd){inline-size:70%}}}&>.blanket{position:absolute;inset:0}}}.card{align-items:flex-start;gap:var(--skin--spacing-010);padding:var(--skin--spacing-075) var(--skin--spacing-100);border-radius:var(--skin--border-radius-050);text-align:start;white-space:normal;border-style:none;flex-direction:column;display:flex;position:relative;&:enabled:hover{color:var(--skin--color);outline:var(--skin--outline-focus);outline-offset:var(--skin--border-width)}&.float{align-self:center}&>*{background-color:#0000}}.play{margin-bottom:var(--skin--spacing-100);padding:var(--skin--spacing-025) var(--skin--spacing-100);border-style:var(--skin--border-style);border-color:var(--skin--color-strong);border-radius:var(--skin--border-radius-050);color:var(--skin--color-strong);font-weight:var(--skin--font-weight-strong)}.track{block-size:var(--skin--scaling-125);border-radius:var(--skin--border-radius-100);background-color:var(--skin--background-color-stripe);display:block;position:relative;&>.dot{inline-size:var(--skin--scaling-125);background-color:var(--skin--color-strong);border-radius:50%;transition-property:inset-inline-start;position:absolute;inset-block:0;inset-inline-start:0}}[data-run] .track>.dot{inset-inline-start:calc(100% - var(--skin--scaling-125))}.stack{isolation:isolate;block-size:calc(5 * var(--skin--spacing-200) + 2 * var(--skin--scaling-250));position:relative;&>.card{top:calc(var(--lab-index) * var(--skin--spacing-200));left:calc(var(--lab-index) * var(--skin--spacing-250));inline-size:14em;min-block-size:calc(2 * var(--skin--scaling-250));border-style:var(--skin--border-style);background-color:var(--skin--background-color-raised);box-shadow:var(--skin--box-shadow-raised);position:absolute}}.flags{gap:var(--skin--spacing-100);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid}.flag{align-content:start;align-items:center;gap:var(--skin--spacing-025) var(--skin--spacing-050);padding:var(--skin--spacing-075) var(--skin--spacing-100);border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-050);text-align:start;white-space:normal;grid-template-columns:auto minmax(0,1fr);display:grid;&:enabled:hover{color:var(--skin--color);border-color:var(--skin--color-strong)}&>.led{inline-size:var(--skin--scaling-075);block-size:var(--skin--scaling-075);background-color:var(--skin--color-disabled);border-radius:50%}&>.name:after{content:" off";font-weight:var(--skin--font-weight);color:var(--skin--color-label)}&>.hint{font-size:var(--skin--font-size-small);color:var(--skin--color-label);grid-column:1/-1;&>b{font-family:var(--skin--font-family-mono);color:var(--skin--color)}}&.look>.name:after{content:none}&.look>.name{grid-column:1/-1}}@container style(--skin--viewport-small:on){.flag[data-token=viewportSmall]>.led{background-color:var(--skin--color-pass)}.flag[data-token=viewportSmall]>.name:after{content:" on";color:var(--skin--color-pass-stroke)}}@container style(--skin--viewport-medium:on){.flag[data-token=viewportMedium]>.led{background-color:var(--skin--color-pass)}.flag[data-token=viewportMedium]>.name:after{content:" on";color:var(--skin--color-pass-stroke)}}@container style(--skin--viewport-large:on){.flag[data-token=viewportLarge]>.led{background-color:var(--skin--color-pass)}.flag[data-token=viewportLarge]>.name:after{content:" on";color:var(--skin--color-pass-stroke)}}@container style(--skin--viewport-xlarge:on){.flag[data-token=viewportXlarge]>.led{background-color:var(--skin--color-pass)}.flag[data-token=viewportXlarge]>.name:after{content:" on";color:var(--skin--color-pass-stroke)}}.frame{padding:var(--skin--spacing-150);border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-075);background-color:var(--skin--background-color);&.columns{gap:var(--skin--spacing-150);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}& table:last-child{margin-bottom:0}& fieldset{align-content:start;gap:var(--skin--spacing-075);display:grid;&>legend{margin-bottom:var(--skin--spacing-075);font-weight:var(--skin--font-weight-strong)}&>label:not(.inline){gap:var(--skin--spacing-025);font-size:var(--skin--font-size-small);color:var(--skin--color-label);display:grid;&>:is(input,select,textarea){font-size:var(--skin--font-size);color:var(--skin--color)}}&>label.inline{align-items:center;gap:var(--skin--spacing-050);display:flex}&>.actions{gap:var(--skin--spacing-100);margin-top:var(--skin--spacing-075);display:flex}}}.tuner{gap:var(--skin--spacing-150);align-items:start;display:grid;&>.controls{gap:var(--skin--spacing-075) var(--skin--spacing-100);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;&>label{gap:var(--skin--spacing-025);font-size:var(--skin--font-size-small);color:var(--skin--color-label);display:grid;&>input{inline-size:100%;block-size:var(--skin--scaling-250);padding:var(--skin--spacing-010);border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-050);cursor:pointer}}&>button{grid-column:1/-1;justify-self:start}}&>pre{border-radius:var(--skin--border-radius-050);font-size:var(--skin--font-size-small);margin:0}}@container style(--skin--viewport-medium:on){.tuner{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);&>pre{margin-top:calc(1lh + var(--skin--spacing-025))}}}.islands{gap:var(--skin--spacing-100);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid;&>article{gap:var(--skin--spacing-075);padding:var(--skin--spacing-150);border-style:var(--skin--border-style);border-radius:var(--skin--border-radius-075);justify-items:start;display:grid;&>p{margin:0}&>input{background-color:var(--skin--background-color-edit);inline-size:100%}&>button{border-color:var(--skin--color-strong);color:var(--skin--color-strong);font-weight:var(--skin--font-weight-strong)}}}.toast{bottom:var(--skin--spacing-150);z-index:var(--skin--z-index-toast);padding:var(--skin--spacing-050) var(--skin--spacing-100);border-radius:var(--skin--border-radius-050);background-color:var(--skin--background-color-overlay);box-shadow:var(--skin--box-shadow-overlay);font-family:var(--skin--font-family-mono);font-size:var(--skin--font-size-small);opacity:0;translate:-50% var(--skin--spacing-050);pointer-events:none;transition:opacity var(--skin--duration-normal) var(--skin--easing-exit), translate var(--skin--duration-normal) var(--skin--easing-exit);position:fixed;left:50%;&[data-shown]{opacity:1;transition-timing-function:var(--skin--easing-enter);translate:-50%}}