body,h1,h2,h3,p,ul,ol,li,figure,figcaption,blockquote,dl,dd,pre,input,button,fieldset{margin:0;padding:0}*{flex-shrink:0}html{height:100%}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}input,button,textarea,select{font:inherit}button{-webkit-appearance:button}a,select:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}img{display:block}:root{--surface-0:#f2f1f5;--surface-1:#fff;--surface-2:#fcfcfcd9;--surface-2-shadow:#0000000f;--surface-3d:#f2f1f5;--surface-ui-regular:#a896b62e;--surface-ui-accent:#9488fe33;--surface-ui-warning:#cd920033;--surface-ui-danger:#ff96b233;--surface-badge:#333333d9;--text-primary:#000;--text-secondary:#6f6f6f;--text-note:#cecece;--text-badge:#fff;--chess:#ebebeb;--ui-bg:#a896b62e;--ui-border:#9e9e9e33;--accent:#7260da;--danger:#9f0144;--border-p3:#ffffff80;--border-rec2020:#ffffffbf;--selection-text:#fff}@media (prefers-color-scheme:dark){:root{--surface-0:#000;--surface-1:#2c2a30;--surface-2:#2b2b2bd9;--surface-2-shadow:#0006;--surface-3d:#2c2a30;--text-primary:#fff;--text-note:#555;--chess:#434147;--ui-border:#9e9e9e80;--danger:#fc99ad;--border-p3:#0000004d;--border-rec2020:#00000080}}@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 #89789766}body,kbd,button{font-family:Martian Mono,monospace;font-size:15px;font-stretch:112.5%}body{--current-surface:var(--surface-0);color:var(--text-primary);background:var(--current-surface);-webkit-tap-highlight-color:#0000;line-height:16px}: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{box-sizing:border-box;border:var(--unavailable-border);border-radius:var(--radius);height:40px;position:relative}.range.is-a{background:var(--opacity-pattern);border:none}.range.is-a:before{content:"";background:linear-gradient(to right, var(--range-a-from), var(--range-a-to));border-radius:var(--radius);position:absolute;inset:0}.range_space{border-radius:var(--radius);width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px}.range_input{z-index:2;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:var(--radius);background:0 0;width:calc(100% + 26px);height:calc(100% + 2px);position:absolute;top:-1px;left:-13px}.range_input::-moz-range-thumb{box-sizing:border-box;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 #fff;border-radius:0;width:27px;height:27px;transform:rotate(45deg)translate(14px,14px);box-shadow:0 1px 6px #1a12201f,0 0 1px .5px #1a12201f}.range_input::-webkit-slider-thumb{box-sizing:border-box;-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 #fff;border-radius:0;width:27px;height:27px;transform:rotate(45deg)translate(14px,14px);box-shadow:0 1px 6px #1a12201f,0 0 1px .5px #1a12201f}.range.is-invisible :is(){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;color:inherit;background:var(--surface-ui-regular);border-radius:var(--radius);border:none;padding:0 12px}.field_input[role=spinbutton]{text-align:right;padding-inline-end:23px}.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{background:0 0;border:none;width:22px;height:50%;position:absolute;right:0}.field_control.is-increase{top:0;transform:rotate(180deg)}.field_control.is-decrease{bottom:0}.field_control:before{content:"";background:var(--surface-1);border-radius:0 0 6px 6px;width:12px;height:12px;margin-left:-6px;position:absolute;top:1px;left:50%}:hover:is(){background:var(--surface-ui-accent)}.field_control:after{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");width:6px;height:6px;margin-left:-3px;position:absolute;top:4px;left:50%}@media (prefers-color-scheme:dark){.field_control:after{filter:invert()}}.field_hotkey{inset-inline-start:-24px;width:16px;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;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:10px}@media (width<=829px){.field_hotkey{display:none}}.field_options{width:46px;height:100%;position:absolute;top:0;right:0}.field_select{z-index:2;-webkit-appearance:none;appearance:none;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.field_button{width:100%;height:100%;color:var(--accent);background:var(--surface-ui-accent);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.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 (width<=404px){body{--card-width:100%}}.card{--current-surface:var(--surface-1);width:var(--card-width);padding:var(--card-top-padding) var(--card-padding) var(--card-padding);background:var(--current-surface);border-radius:36px;position:relative}@media (width<=404px){.card{width:auto}}.card_title{height:40px;font:inherit;margin-bottom:12px;font-size:17.5px;font-weight:700;line-height:40px}.card_number{inset-inline-end:32px;width:110px;position:absolute;top:20px}.card_chart{height:calc(var(--chart-height) + 24px);margin:0 -20px;padding:0 20px;transition:height .4s;position:relative;overflow:hidden}: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{box-sizing:border-box;border:var(--unavailable-border);border-width:1px 0;height:100%;position:relative}.chart.is-l,.chart.is-h{border-bottom-color:#0000}.chart_line{pointer-events:none;width:100%;height:calc(100% + 1px);position:absolute;top:0;left:0}.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{z-index:2;content:"";background:var(--surface-1);mix-blend-mode:difference;opacity:.4;position:absolute}.chart_line.is-x:after{right:0;bottom:var(--chart-line-position);height:1px;left:0}.chart_line.is-y:after{top:0;bottom:0;left:var(--chart-line-position);width:1px}.chart_label{text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;opacity:.5;width:15px;height:15px;font-size:12px;position:absolute}.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{width:var(--card-width);height:var(--chart-height);cursor:pointer;image-rendering:crisp-edges;position:absolute;top:-1px;left:0}body{--main-padding:32px}@media (width>=1320px){body{--main-padding:72px}}.main{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;position:relative}@media (width<=829px){.main{box-sizing:border-box;width:100%;box-shadow:0 0 2px var(--surface-2-shadow), 0 0 18px var(--surface-2-shadow);border-radius:36px 36px 0 0;padding-top:0}@supports (backdrop-filter:blur(24px)){.main{background:var(--surface-2);backdrop-filter:blur(24px)}}}@media (width>=830px){.main_expand{display:none}}@media (width<=829px){.main_expand{-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:32px;display:flex}.main_expand:before{content:"";background:var(--surface-ui-regular);border-radius:2px;width:32px;height:4px;display:block}}.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{color:var(--text-secondary);text-align:center;padding-bottom:46px;font-size:11.25px;line-height:18px}.main_link{color:inherit;font-weight:700;text-decoration:none}.main_link:focus{outline-offset:2px;border-radius:2px;text-decoration:none}.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{bottom:env(safe-area-inset-bottom,0);width:96px;height:38px;color:var(--surface-ui-regular);padding-top:10px;position:absolute;left:50%;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{content:"";background:var(--accent);transform-origin:top;width:22px;height:10px;animation-name:--main-blinking;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;display:none;position:absolute;bottom:8px;transform:scaleY(0)}.main_logo:before{animation-duration:3.7s;left:15px}.main_logo:after{animation-duration:2.9s;animation-delay:.7s;right:15px}.main_logo:hover:before,.main_logo:hover:after{animation-play-state:running;display:block}@media (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{gap:4px;width:fit-content;margin:0 auto;display:grid;position:relative}.layout.is-hidden{display:none}@media (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 (width>=830px) and (width<=1229px){.layout{grid-template:"title title""main links""main prefs""main.""L C""extra H";padding-bottom:28px}}@media (width>=1230px){.layout{grid-template:"title title title""main L C""main extra H""links extra H""prefs extra H""prefs extra."}}@media (width>=1230px) and (width<=1319px){.layout{grid-template-columns:404px 404px 404px}}.layout_title{grid-area:title}.layout_main{grid-area:main}@media (width<=829px){.layout_main{--end-position:calc(297px + env(safe-area-inset-bottom,0));z-index:10;transform:translateY(min(var(--touch-diff,0), var(--end-position)));margin-top:21px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden}:is(body.is-main-collapsed) .layout_main{transform:translateY(max(calc(var(--end-position) + var(--touch-diff,0px)), 0px))}}.layout_links{grid-area:links;grid-template-columns:1fr;gap:4px;display:grid;position:relative}@media (width>=405px) and (width<=830px){.layout_l,.layout_c,.layout_h,.layout_extra,.layout_prefs,.layout_links{width:calc(var(--card-width) + var(--card-padding) + var(--card-padding))}}.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;transition:height .4s;overflow:hidden}.layout_3d.is-shown{height:calc(var(--card-max-height) + 4px)}.sample{--sample-real:var(--surface-1)}.sample_reader{clip-path:inset(100%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.sample_unavailable{box-sizing:border-box;width:50%;height:84px;color:var(--text-secondary);text-align:center;border:var(--unavailable-border);border-radius:var(--radius);justify-content:center;align-items:center;padding:0 8px;font-size:10px;line-height:16px;display:none}.sample:not(.is-supported) .sample_unavailable,.sample_compare{display:flex}.sample.is-srgb .sample_compare{display:none}.sample_normal,.sample_real,.sample_fallback{background:var(--opacity-pattern);border-radius:var(--radius);flex-grow:1;height:84px;position:relative}:is(.sample_normal,.sample_real,.sample_fallback):before{content:"";border-radius:var(--radius);position:absolute;inset:0}.sample:not(.is-srgb) .sample_normal,.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{color:var(--text-badge);text-transform:capitalize;background:var(--surface-badge);border:none;border-radius:8px;padding:4px 6px;font-size:11.25px;line-height:13px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.title{padding-inline:12px;position:relative}.title_text{text-align:center;padding:28px 0;font-size:17.5px;line-height:20px}.title_source{background:var(--surface-1);border-radius:50%;width:48px;height:48px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.title_source:hover,.title_source:focus-visible{background:var(--surface-ui-accent)}@media (width<=829px){.title_source{right:-50px}}@media (width<=559px){.title_source{display:none}}@media (prefers-color-scheme:dark){.title_source>svg{filter:invert()}}.link{box-sizing:border-box;text-overflow:ellipsis;max-width:100vw;color:var(--text-primary);white-space:nowrap;background:var(--surface-2);border-radius:36px;padding:31px 55px 31px 72px;font-size:11.25px;line-height:1;text-decoration:none;display:block;position:relative;overflow:hidden}.link:hover,.link:focus-visible{background:var(--surface-ui-accent)}.link:after{--link-external-size:16px;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");position:absolute;top:50%;right:28px;transform:translateY(-50%)}@media (prefers-color-scheme:dark){.link:after{filter:invert()}}.link_icon{width:48px;height:48px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@media (prefers-color-scheme:dark){.link.is-github .link_icon{filter:invert()}}.button{width:48px;height:40px;color:var(--accent);background:var(--surface-ui-accent);border-radius:var(--radius);border:none;justify-content:center;align-items:center;display:inline-flex}.button:hover{color:var(--text-badge);background:var(--accent)}.button>svg{width:16px;height:16px}.mode{background:var(--surface-ui-regular);border-radius:var(--radius);width:fit-content;margin:0 auto;padding:2px;display:flex}.mode_link{width:96px;height:36px;color:inherit;text-align:center;border-radius:calc(var(--radius) - 2px);line-height:36px;text-decoration:none;display:block}.mode_link.is-current{cursor:default;background:var(--surface-1)}.mode_link:not(.is-current){z-index:2;position:relative}.code{position:relative}.code+.code{margin-top:4px}.code_link{color:currentColor;font-weight:700}.code_note{color:var(--text-secondary);margin-top:4px;padding-left:12px;font-size:10px;line-height:16px}.code_note.is-hidden{display:none}.code_format{width:min(calc(var(--main-padding) - 4px), 40px);border-radius:var(--radius);height:40px;margin-left:4px;position:absolute;top:0;left:100%}.checkbox{display:block;position:relative}.checkbox_input{clip-path:inset(100%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.checkbox_control{cursor:pointer;padding:12px 48px 12px 12px;display:block}.checkbox_input:focus+.checkbox_control{outline:var(--accent) solid 3px;outline-offset:3px;border-radius:20px}.checkbox_input:not(:focus-visible):focus+.checkbox_control{outline:none}.checkbox_icon{inset-inline-end:4px;background:var(--surface-ui-regular);border-radius:16px;width:56px;height:32px;transition:background 1.5s;position:absolute;top:4px}.checkbox_icon:before{content:"";background:var(--accent);opacity:0;border-radius:16px;transition:opacity .15s;position:absolute;inset:0}.checkbox:has(.checkbox_input:checked) .checkbox_icon:before{opacity:1}.checkbox_icon:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;position:absolute;top:2px;left:2px;transform:translate(0)}.checkbox:has(.checkbox_input:checked) .checkbox_icon:after{transform:translate(24px)}.settings{grid-template-columns:1fr;gap:12px;padding:16px 32px 16px 20px;display:grid}.minimodel{height:calc(var(--chart-height) + 64px)}.minimodel_button{inset-inline-end:var(--card-padding);top:var(--card-top-padding);position:absolute}.minimodel_canvas{width:calc(var(--card-width) + 2 * var(--card-padding));cursor:grab;height:100%;image-rendering:crisp-edges;position:absolute;top:0;left:0}:is(body.is-grabbing) .minimodel_canvas{cursor:grabbing}@media (width<=404px){.minimodel_canvas{width:100%}}.minimodel_status{color:var(--text-secondary);font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fullmodel{z-index:10;box-sizing:border-box;background:var(--surface-3d);flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding-top:12px;padding-bottom:36px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.fullmodel.is-hidden{display:none}.fullmodel_canvas{z-index:1;cursor:grab;width:100%;height:100%;image-rendering:crisp-edges;position:absolute;top:0;left:0}:is(body.is-grabbing) .fullmodel_canvas{cursor:grabbing}.fullmodel_button{z-index:2;position:absolute;top:30px;right:40px}.fullmodel_status{color:var(--text-secondary);font-size:12px}.fullmodel_note{z-index:-2;color:var(--text-secondary);font-size:10px;line-height:16px}.benchmark{display:none}.benchmark.is-enabled{color:#fff;background:var(--benchmark-color);padding:8px 10px;font-size:12px;font-weight:200;display:block;position:fixed;top:0;left:0}.benchmark_row+.benchmark_row{padding-top:4px}.benchmark_value{text-align:right;min-width:37px;font-weight:400;display:inline-block}
