body,h1,h2,h3,p,ul,ol,li,figure,figcaption,blockquote,dl,dd,pre,input,button,fieldset{padding:0;margin:0}*{flex-shrink:0}html{height:100%}body{min-height:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select{font:inherit}button{-webkit-appearance:button}a,select:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}img{display:block}:root{--surface-0: rgb(242, 241, 245);--surface-1: rgb(255, 255, 255);--surface-2: rgba(252, 252, 252, .85);--surface-2-shadow: rgba(0, 0, 0, .06);--surface-3d: rgb(242, 241, 245);--surface-ui-regular: rgba(168, 150, 182, .18);--surface-ui-accent: rgba(148, 136, 254, .2);--surface-ui-warning: rgba(205, 146, 0, .2);--surface-ui-danger: rgba(255, 150, 178, .2);--surface-badge: rgba(51, 51, 51, .85);--text-primary: rgb(0, 0, 0);--text-secondary: rgb(111, 111, 111);--text-note: rgb(206, 206, 206);--text-badge: rgb(255, 255, 255);--chess: rgb(235, 235, 235);--ui-bg: rgba(168, 150, 182, .18);--ui-border: rgba(158, 158, 158, .2);--accent: rgb(114, 96, 218);--danger: rgb(226, 18, 101);--border-p3: rgba(255, 255, 255, .5);--border-rec2020: rgba(255, 255, 255, .75);--selection-text: rgb(255, 255, 255)}@media (prefers-color-scheme: dark){:root{--surface-0: rgb(0, 0, 0);--surface-1: rgb(44, 42, 48);--surface-2: rgba(43, 43, 43, .85);--surface-2-shadow: rgba(0, 0, 0, .4);--surface-3d: rgb(44, 42, 48);--text-primary: rgb(255, 255, 255);--text-note: rgb(85, 85, 85);--chess: rgb(67, 65, 71);--ui-border: rgba(158, 158, 158, .5);--border-p3: rgba(0, 0, 0, .3);--border-rec2020: rgba(0, 0, 0, .5)}}@font-face{font-family:Martian Mono;font-weight:100 800;font-stretch:75% 112.5%;src:url(/MartianMono-1.0.0-BAPe8MFi.woff2) format("woff2");font-display:swap}:root{--radius: 12px;--opacity-pattern: repeating-conic-gradient(var(--chess) 0% 25%, var(--surface-1) 0% 50%) 50% / 8px 8px;--unavailable-border: 1px dashed rgba(137, 120, 151, .4)}body,kbd,button{font-family:Martian Mono,monospace;font-size:15px;font-stretch:112.5%}body{--current-surface: var(--surface-0);line-height:16px;color:var(--text-primary);background:var(--current-surface);-webkit-tap-highlight-color:rgba(0,0,0,0)}:is(a,input,button,select):focus{outline:var(--accent) solid 3px}:is(a,input,button,select):not(:focus-visible):focus{outline:none}::selection{color:var(--selection-text);background:var(--accent)}:is(body.is-loading *),:is(body.is-loading *):before,:is(body.is-loading *):after{transition:none!important;animation-duration:1ms!important}@media (prefers-reduced-motion: reduce){*{transition:none!important}}body{--range-color: var(--surface-1)}.range{position:relative;box-sizing:border-box;height:40px;border:var(--unavailable-border);border-radius:var(--radius)}.range.is-a{background:var(--opacity-pattern);border:none}.range.is-a:before{position:absolute;inset:0;content:"";background:linear-gradient(to right,var(--range-a-from),var(--range-a-to));border-radius:var(--radius)}.range_space{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:var(--radius)}.range_input{position:absolute;top:-1px;left:-13px;z-index:2;width:calc(100% + 26px);height:calc(100% + 2px);-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border-radius:var(--radius)}.range_input::-moz-range-thumb{box-sizing:border-box;width:27px;height:27px;appearance:none;cursor:grab;background:linear-gradient(var(--range-color),var(--range-color)),repeating-conic-gradient(from 45deg,var(--chess) 0% 25%,var(--surface-1) 0% 50%) 50% / 5.5px 5.5px;border:4px solid rgb(255,255,255);border-radius:0;box-shadow:0 1px 6px #1a12201f,0 0 1px .5px #1a12201f;transform:rotate(45deg) translate(14px,14px)}.range.is-invisible :is(.range_input::-moz-range-thumb){background:var(--current-surface);box-shadow:inset 0 0 3px #1a12201f,0 1px 6px #1a12201f,0 0 1px .5px #1a12201f}.range_input::-webkit-slider-thumb{box-sizing:border-box;width:27px;height:27px;-webkit-appearance:none;appearance:none;cursor:grab;background:linear-gradient(var(--range-color),var(--range-color)),repeating-conic-gradient(from 45deg,var(--chess) 0% 25%,var(--surface-1) 0% 50%) 50% / 5.5px 5.5px;border:4px solid rgb(255,255,255);border-radius:0;box-shadow:0 1px 6px #1a12201f,0 0 1px .5px #1a12201f;transform:rotate(45deg) translate(14px,14px)}.range.is-invisible :is(.range_input::-webkit-slider-thumb){background:var(--current-surface);box-shadow:inset 0 0 3px #1a12201f,0 1px 6px #1a12201f,0 0 1px .5px #1a12201f}.field{position:relative}.field.is-options{padding-right:48px}.field_input{box-sizing:border-box;width:100%;height:40px;padding:0 12px;color:inherit;background:var(--surface-ui-regular);border:none;border-radius:var(--radius)}.field_input[role=spinbutton]{padding-inline-end:23px;text-align:right}.field_input[aria-invalid]{color:var(--danger);background:var(--surface-ui-danger)}.field_input[aria-invalid]:focus{outline-color:var(--danger)}.field_input.is-warning{background:var(--surface-ui-warning)}.field.is-options .field_input{border-top-right-radius:0;border-bottom-right-radius:0}.field_control{position:absolute;right:0;width:22px;height:50%;background:transparent;border:none}.field_control.is-increase{top:0;transform:rotate(180deg)}.field_control.is-decrease{bottom:0}.field_control:before{position:absolute;top:1px;left:50%;width:12px;height:12px;margin-left:-6px;content:"";background:var(--surface-1);border-radius:0 0 6px 6px}:hover:is(.field_control:before){background:var(--surface-ui-accent)}.field_control:after{position:absolute;top:4px;left:50%;width:6px;height:6px;margin-left:-3px;content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%206%206'%3e%3cpath%20fill='%23000'%20d='M.707%201.825%202.62%204.057a.5.5%200%200%200%20.76%200l1.913-2.232A.5.5%200%200%200%204.913%201H1.087a.5.5%200%200%200-.38.825Z'/%3e%3c/svg%3e")}@media (prefers-color-scheme: dark){.field_control:after{filter:invert(1)}}.field_hotkey{position:absolute;inset-inline-start:-24px;top:10px;width:16px;height:16px;font-size:10px;font-weight:700;line-height:16px;color:var(--text-note);text-align:center;text-transform:uppercase;border:1px solid var(--text-note);border-bottom-width:2px;border-radius:2px}@media (max-width: 829px){.field_hotkey{display:none}}.field_options{position:absolute;top:0;right:0;width:46px;height:100%}.field_select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;-webkit-appearance:none;appearance:none;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);opacity:0}.field_button{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--accent);background:var(--surface-ui-accent);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.field_select:focus+.field_button{outline:var(--accent) solid 3px}.field_select:hover+.field_button{color:var(--text-badge);background:var(--accent)}.field_select:not(:focus-visible):focus+.field_button{outline:none}.field_button>svg{width:16px;height:16px}body{--card-width: 340px;--card-top-padding: 20px;--card-padding: 32px;--card-max-height: calc(var(--chart-height) + 168px)}@media (max-width: 404px){body{--card-width: 100%}}.card{--current-surface: var(--surface-1);position:relative;width:var(--card-width);padding:var(--card-top-padding) var(--card-padding) var(--card-padding);background:var(--current-surface);border-radius:36px}@media (max-width: 404px){.card{width:auto}}.card_title{height:40px;margin-bottom:12px;font:inherit;font-size:17.5px;font-weight:700;line-height:40px}.card_number{position:absolute;inset-inline-end:32px;top:20px;width:110px}.card_chart{position:relative;height:calc(var(--chart-height) + 24px);padding:0 20px;margin:0 -20px;overflow:hidden;transition:height .4s}:is(body.is-chart-hidden) .card_chart{height:0}.card_size{height:var(--chart-height)}body{--chart-height: 150px;--chart-l: 70%;--chart-c: 20%;--chart-h: 79%}.chart{position:relative;box-sizing:border-box;height:100%;border:var(--unavailable-border);border-width:1px 0}.chart.is-l,.chart.is-h{border-bottom-color:transparent}.chart_line{position:absolute;top:0;left:0;width:100%;height:calc(100% + 1px);pointer-events:none}.chart_line.is-l.is-x,.chart_line.is-l.is-y{--chart-line-position: var(--chart-l)}.chart_line.is-c.is-x{--chart-line-position: var(--chart-c)}.chart_line.is-h.is-y{--chart-line-position: var(--chart-h)}.chart_line:after{position:absolute;z-index:2;content:"";background:var(--surface-1);mix-blend-mode:difference;opacity:.4}.chart_line.is-x:after{right:0;bottom:var(--chart-line-position);left:0;height:1px}.chart_line.is-y:after{top:0;bottom:0;left:var(--chart-line-position);width:1px}.chart_label{position:absolute;width:15px;height:15px;font-size:12px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;opacity:.5}.chart_line.is-x .chart_label{bottom:calc(var(--chart-line-position) - 7px);left:-15px}.chart_line.is-y .chart_label{top:100%;left:calc(var(--chart-line-position) - 7px)}.chart_canvas{position:absolute;top:-1px;left:0;width:var(--card-width);height:var(--chart-height);cursor:pointer;image-rendering:crisp-edges}body{--main-padding: 32px}@media (min-width: 1320px){body{--main-padding: 72px}}.main{position:relative;width:var(--card-width);padding:24px var(--main-padding) env(safe-area-inset-bottom,0) var(--main-padding);background:var(--surface-1);border-radius:36px}@media (max-width: 829px){.main{box-sizing:border-box;width:100%;padding-top:0;border-radius:36px 36px 0 0;box-shadow:0 0 2px var(--surface-2-shadow),0 0 18px var(--surface-2-shadow)}@supports ((-webkit-backdrop-filter: blur(24px)) or (backdrop-filter: blur(24px))){.main{background:var(--surface-2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}}@media (min-width: 830px){.main_expand{display:none}}@media (max-width: 829px){.main_expand{display:flex;align-items:center;justify-content:center;width:100%;height:32px;-webkit-user-select:none;user-select:none;background:transparent;border:none}}@media (max-width: 829px){.main_expand:before{display:block;width:32px;height:4px;content:"";background:var(--surface-ui-regular);border-radius:2px}}.main_row{margin-bottom:24px}:is(body.is-main-collapsed) .main_row--sample{margin-bottom:calc(24px + env(safe-area-inset-bottom,0))}.main_footer{padding-bottom:46px;font-size:11.25px;line-height:18px;color:var(--text-secondary);text-align:center}.main_link{font-weight:700;color:inherit;text-decoration:none}.main_link:focus{text-decoration:none;border-radius:2px;outline-offset:2px}.main:has(.main_logo:hover) .main_link.is-em,.main_link:hover{color:var(--accent);text-decoration:underline}.main_logo-icon{width:100%;height:100%}.main_logo{position:absolute;bottom:env(safe-area-inset-bottom,0);left:50%;width:96px;height:38px;padding-top:10px;color:var(--surface-ui-regular);transform:translate(-50%)}.main_logo:hover,.main:has(.main_link.is-em:is(:hover,:focus)) .main_logo{color:var(--accent)}.main_logo:before,.main_logo:after{position:absolute;bottom:8px;display:none;width:22px;height:10px;content:"";background:var(--accent);transform:scaleY(0);transform-origin:center top;animation-name:--main-blinking;animation-play-state:paused;animation-timing-function:linear;animation-iteration-count:infinite}.main_logo:before{left:15px;animation-duration:3.7s}.main_logo:after{right:15px;animation-duration:2.9s;animation-delay:.7s}.main_logo:hover:before,.main_logo:hover:after{display:block;animation-play-state:running}@media (max-width: 829px){.main_logo:hover:before,.main_logo:hover:after{display:none}}@keyframes --main-blinking{6%{transform:scaleY(0)}9%{transform:scaleY(1)}12%{transform:scaleY(0)}}.layout{position:relative;display:grid;gap:4px;width:-moz-fit-content;width:fit-content;margin:0 auto}.layout.is-hidden{display:none}@media (max-width: 829px){.layout{grid-template:"title" "L" "C" "H" "extra" "prefs" "links";padding-bottom:450px}:is(body.is-main-collapsed) .layout{padding-bottom:153px}}@media (min-width: 830px) and (max-width: 1229px){.layout{grid-template:"title title" "main  links" "main  prefs" "main  ." "L     C" "extra H";padding-bottom:28px}}@media (min-width: 1230px){.layout{grid-template:"title title title" "main  L     C" "main  extra H" "links extra H" "prefs extra H" "prefs extra ."}}@media (min-width: 1230px) and (max-width: 1319px){.layout{grid-template-columns:404px 404px 404px}}.layout_title{grid-area:title}.layout_main{grid-area:main}@media (max-width: 829px){.layout_main{--end-position: calc(297px + env(safe-area-inset-bottom, 0)) ;position:fixed;right:0;bottom:0;left:0;z-index:10;margin-top:21px;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(min(var(--touch-diff, 0),var(--end-position)))}:is(body.is-main-collapsed) .layout_main{transform:translateY(max(calc(var(--end-position) + var(--touch-diff, 0px)),0px))}}.layout_links{position:relative;display:grid;grid-area:links;grid-template-columns:1fr;gap:4px}.layout_l{grid-area:L}.layout_c{grid-area:C}.layout_h{grid-area:H}.layout_extra{grid-area:extra}.layout_prefs{grid-area:prefs}.layout_3d{height:0;overflow:hidden;transition:height .4s}.layout_3d.is-shown{height:calc(var(--card-max-height) + 4px)}.sample{--sample-real: var(--surface-1)}.sample_reader{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);border:0}.sample_unavailable{box-sizing:border-box;display:none;align-items:center;justify-content:center;width:50%;height:84px;padding:0 8px;font-size:10px;line-height:16px;color:var(--text-secondary);text-align:center;border:var(--unavailable-border);border-radius:var(--radius)}.sample:not(.is-supported) .sample_unavailable{display:flex}.sample_compare{display:flex}.sample.is-srgb .sample_compare{display:none}.sample_normal,.sample_real,.sample_fallback{position:relative;flex-grow:1;height:84px;background:var(--opacity-pattern);border-radius:var(--radius)}:is(.sample_normal,.sample_real,.sample_fallback):before{position:absolute;inset:0;content:"";border-radius:var(--radius)}.sample:not(.is-srgb) .sample_normal{display:none}.sample:not(.is-supported) .sample_real{display:none}.sample_normal:before,.sample_real:before{background:var(--sample-real)}.sample_fallback:before{background:var(--sample-fallback)}.sample_note{position:absolute;bottom:4px;left:50%;padding:4px 6px;font-size:11.25px;line-height:13px;color:var(--text-badge);text-transform:capitalize;background:var(--surface-badge);border:none;border-radius:8px;transform:translate(-50%)}.title{padding:28px 0;font-size:17.5px;line-height:20px;text-align:center}.link{position:relative;box-sizing:border-box;display:block;max-width:100vw;padding:31px 55px 31px 72px;overflow:hidden;font-size:11.25px;line-height:1;color:var(--text-primary);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;background:var(--surface-2);border-radius:36px}.link:hover{background:var(--surface-ui-accent)}.link:after{--link-external-size: 16px;position:absolute;top:50%;right:28px;width:var(--link-external-size);height:var(--link-external-size);content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M9.75.75c0%20.414.336.75.75.75h2.94L7.47%207.47a.75.75%200%200%200%201.06%201.06l5.97-5.97V5.5a.75.75%200%200%200%201.5%200V0h-5.5a.75.75%200%200%200-.75.75Zm-8%20.25A1.75%201.75%200%200%200%200%202.75v11.5C0%2015.216.784%2016%201.75%2016h11.5A1.75%201.75%200%200%200%2015%2014.25V8.5a.75.75%200%200%200-1.5%200v5.75a.25.25%200%200%201-.25.25H1.75a.25.25%200%200%201-.25-.25V2.75a.25.25%200%200%201%20.25-.25H7.5a.75.75%200%200%200%200-1.5H1.75Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");transform:translateY(-50%)}@media (prefers-color-scheme: dark){.link:after{filter:invert(1)}}.link_icon{--link-icon-size: 48px;position:absolute;top:50%;left:12px;width:var(--link-icon-size);height:var(--link-icon-size);transform:translateY(-50%)}@media (prefers-color-scheme: dark){.link.is-github .link_icon{filter:invert(1)}}.button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:40px;color:var(--accent);background:var(--surface-ui-accent);border:none;border-radius:var(--radius)}.button:hover{color:var(--text-badge);background:var(--accent)}.button>svg{width:16px;height:16px}.mode{display:flex;width:-moz-fit-content;width:fit-content;padding:2px;margin:0 auto;background:var(--surface-ui-regular);border-radius:var(--radius)}.mode_link{display:block;width:96px;height:36px;line-height:36px;color:inherit;text-align:center;text-decoration:none;border-radius:calc(var(--radius) - 2px)}.mode_link.is-current{cursor:default;background:var(--surface-1)}.mode_link:not(.is-current){position:relative;z-index:2}.code{position:relative}.code+.code{margin-top:4px}.code_link{font-weight:700;color:currentcolor}.code_note{padding-left:12px;margin-top:4px;font-size:10px;line-height:16px;color:var(--text-secondary)}.code_note.is-hidden{display:none}.code_format{position:absolute;top:0;left:100%;width:min(calc(var(--main-padding) - 4px),40px);height:40px;margin-left:4px;border-radius:var(--radius)}.checkbox{position:relative;display:block}.checkbox_input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);border:0}.checkbox_control{display:block;padding:12px 48px 12px 12px;cursor:pointer}.checkbox_input:focus+.checkbox_control{border-radius:20px;outline:var(--accent) solid 3px;outline-offset:3px}.checkbox_input:not(:focus-visible):focus+.checkbox_control{outline:none}.checkbox_icon{position:absolute;inset-inline-end:4px;top:4px;width:56px;height:32px;background:var(--surface-ui-regular);border-radius:16px;transition:background 1.5s}.checkbox_icon:before{position:absolute;inset:0;content:"";background:var(--accent);border-radius:16px;opacity:0;transition:opacity .15s}.checkbox:has(.checkbox_input:checked) .checkbox_icon:before{opacity:1}.checkbox_icon:after{position:absolute;top:2px;left:2px;width:28px;height:28px;content:"";background:#fff;border-radius:50%;transition:transform .15s;transform:translate(0)}.checkbox:has(.checkbox_input:checked) .checkbox_icon:after{transform:translate(24px)}.settings{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 32px 16px 20px}.minimodel{height:calc(var(--chart-height) + 64px)}.minimodel_button{position:absolute;inset-inline-end:var(--card-padding);top:var(--card-top-padding)}.minimodel_canvas{position:absolute;top:0;left:0;width:calc(var(--card-width) + 2 * var(--card-padding));height:100%;cursor:grab;image-rendering:crisp-edges}:is(body.is-grabbing) .minimodel_canvas{cursor:grabbing}@media (max-width: 404px){.minimodel_canvas{width:100%}}.minimodel_status{position:absolute;top:50%;left:50%;font-size:12px;color:var(--text-secondary);transform:translate(-50%,-50%)}.fullmodel{position:absolute;top:0;left:0;z-index:10;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;padding-top:12px;padding-bottom:36px;overflow:hidden;background:var(--surface-3d)}.fullmodel.is-hidden{display:none}.fullmodel_canvas{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;cursor:grab;image-rendering:crisp-edges}:is(body.is-grabbing) .fullmodel_canvas{cursor:grabbing}.fullmodel_button{position:absolute;top:30px;right:40px;z-index:2}.fullmodel_status{font-size:12px;color:var(--text-secondary)}.fullmodel_note{z-index:-2;font-size:10px;line-height:16px;color:var(--text-secondary)}.benchmark{display:none}.benchmark.is-enabled{position:fixed;top:0;left:0;display:block;padding:8px 10px;font-size:12px;font-weight:200;color:#fff;background:var(--benchmark-color)}.benchmark_row+.benchmark_row{padding-top:4px}.benchmark_value{display:inline-block;min-width:37px;font-weight:400;text-align:right}