.tp [hidden],.tp__how [hidden]{display:none!important}.tp{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.tp{gap:var(--space-2xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.tp__result{top:calc(var(--header-h) + var(--space-m));max-height:calc(100vh - var(--header-h) - var(--space-l));flex-direction:column;display:flex;position:sticky}.tp__scroll{flex:auto;min-height:0;overflow-y:auto}.tp__foot{flex:none}}.tp__form{gap:var(--space-m);min-width:0;display:grid}.tp__setup{gap:var(--space-m);display:grid}.tp__variants{gap:var(--space-m);padding-block-start:var(--space-s);display:grid}.tp__h{font-size:var(--step-1);margin-block-start:var(--space-s)}.tp__field label,.tp__cell label{font-size:var(--step--1);color:var(--c-ink-2);margin-block-end:var(--space-2xs);display:block}.tp__field input,.tp__field select,.tp__cell input,.tp__cell select{background:var(--c-well);width:100%;max-width:26rem;color:var(--c-ink);border:1px solid var(--c-border-hi);font:inherit;border-radius:4px;padding:.55rem .7rem}.tp__hint{font-size:var(--step--1);color:var(--c-ink-muted);max-width:52ch;margin-block-start:var(--space-2xs)}.tp__notes{margin:var(--space-2xs) 0 0;gap:var(--space-2xs);font-size:var(--step--1);color:var(--c-ink-muted);max-width:52ch;padding:0;list-style:none;display:grid}.tp__versions summary{cursor:pointer;font-size:var(--step--1);color:var(--c-ink-2);padding-block:var(--space-2xs)}.tp__runs{margin:0;padding:0;list-style:none;display:grid}.tp__run{padding-block:var(--space-m);border-block-start:1px solid var(--c-border)}.tp__runname{margin-block-end:var(--space-xs);font-weight:600}.tp__grid{gap:var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=40rem){.tp__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tp__cell input,.tp__cell select{max-width:none}.tp__remove{color:var(--c-ink-2);font:inherit;font-size:var(--step--1);cursor:pointer;background:0 0;border:0;margin-block-start:var(--space-xs);padding:.25rem 0;text-decoration:underline}.tp__result{border-block-start:1px solid var(--c-border-hi);min-width:0;padding-block-start:var(--space-m)}.tp__print{max-width:720px;padding-block-end:var(--space-m)}.tp__headline{color:var(--c-ink);font-family:var(--font-display);font-size:var(--step-2);margin-block-end:var(--space-xs);line-height:1.15}.tp__sub{color:var(--c-ink-2);margin-block-end:var(--space-m)}.tp__warns:not([hidden]){margin:0 0 var(--space-m);border-block:1px solid var(--c-border-hi);padding:var(--space-xs) 0;gap:var(--space-2xs);font-size:var(--step--1);list-style:none;display:grid}.tp__pic:not([hidden]){align-items:center;gap:var(--space-s);max-width:26rem;color:var(--c-ink);text-decoration:none;display:flex}.tp__pic-img{background:var(--c-well);border-radius:var(--radius-s);flex:none;justify-content:center;align-items:center;width:6rem;height:6rem;padding:.5rem;display:flex;overflow:hidden}.tp__pic-img img{object-fit:contain;mix-blend-mode:multiply;width:auto;max-width:100%;height:auto;max-height:100%}.tp__pic-text{font-size:var(--step--1);gap:2px;min-width:0;display:grid}.tp__pic-code{overflow-wrap:anywhere;font-weight:600}.tp__pic-note{color:var(--c-ink-muted)}.tp__pic:hover .tp__pic-code{text-decoration:underline}.tp__infos:not([hidden]){margin:0 0 var(--space-m);gap:var(--space-2xs);font-size:var(--step--1);color:var(--c-ink-muted);padding:0;list-style:none;display:grid}.tp__warn{border-block:1px solid var(--c-border-hi);padding-block:var(--space-s)}.tp__tablewrap{overflow-x:auto}.tp__table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.tp__table th,.tp__table td{text-align:start;vertical-align:top;padding:var(--space-xs) var(--space-s) var(--space-xs) 0;border-block-end:1px solid var(--c-border)}.tp__table th{color:var(--c-ink-muted);font-weight:500}.tp__table .num{text-align:end;font-variant-numeric:tabular-nums;width:3.5rem}.tp__table td:nth-child(2){white-space:nowrap}.tp__table--matrix th,.tp__table--matrix td{padding:var(--space-s) var(--space-m) var(--space-s) 0}.tp__table--matrix td{white-space:nowrap}.tp__table--matrix thead th{white-space:nowrap;border-block-end-color:var(--c-border-hi)}.tp__table--matrix th[scope=row]{color:var(--c-ink);min-width:15rem;max-width:18rem}.tp__codeline{display:block}.tp__codeline+.tp__codeline{margin-block-start:2px}.tp__rowname{margin-block-end:2px;font-weight:600;display:block}.tp__rowdesc{white-space:normal;margin-block-start:var(--space-2xs);line-height:1.45;display:block}.tp__none{color:var(--c-ink-muted)}.tp__cut{color:var(--c-ink-muted);margin-block-start:2px;font-weight:400}.tp__lengths{border:0;margin:0;padding:0}.tp__lengths legend{margin-block-end:var(--space-xs);padding:0}.tp__checks{gap:var(--space-xs) var(--space-m);flex-wrap:wrap;display:flex}.tp__check{align-items:center;gap:var(--space-xs);font-size:var(--step--1);color:var(--c-ink-2);cursor:pointer;display:flex}.tp__check input{width:1.1em;height:1.1em;accent-color:var(--c-ink)}.tp__totals{margin:var(--space-m) 0 0}.tp__totals>div{justify-content:space-between;gap:var(--space-m);padding-block:var(--space-xs);border-block-end:1px solid var(--c-border);display:flex}.tp__totals dt{color:var(--c-ink-2)}.tp__totals dd{font-variant-numeric:tabular-nums;margin:0}.tp__basis{font-size:var(--step--1);color:var(--c-ink-muted);margin-block-start:var(--space-s)}.tp__foot{gap:var(--space-s);border-block-start:1px solid var(--c-border);background:var(--c-bg);padding-block-start:var(--space-s);display:grid}.tp__foot .btn{justify-self:start}.tp__disclaimer{padding:var(--space-s) var(--space-m);border:2px solid var(--c-ink);font-size:var(--step--1)}.tp__disclaimer h3{color:var(--c-ink);font-family:var(--font-display);font-size:var(--step-0);margin-block-end:var(--space-2xs)}.tp__disclaimer p{color:var(--c-ink-2);margin-block-end:var(--space-xs);line-height:1.55}.tp__disclaimer p:last-child{margin-block-end:0}.tp__how{border-block-start:1px solid var(--c-border);max-width:70ch;margin-block-start:var(--space-3xl);padding-block-start:var(--space-l)}.tp__variantsec{max-width:none}.tp__variantsec>p{max-width:70ch}.tp__how.tp__variantsec>h3{margin-block:var(--space-2xl) var(--space-s);font-size:var(--step-1)}.tp__variantsec .tp__tablewrap{margin-block-end:var(--space-m)}.tp__varnotes{margin-block-start:var(--space-2xl)}.tp__varnotes h3{margin-block-start:0}.tp__varnotes details{margin-block-start:var(--space-xs)}.tp__varnotes summary{cursor:pointer;color:var(--c-ink)}.tp__varnotes details p{font-size:var(--step--1);margin-block-start:var(--space-2xs)}.tp__how h2{font-size:var(--step-2);margin-block-end:var(--space-m)}.tp__how h3{font-size:var(--step-0);margin-block:var(--space-m) var(--space-2xs)}.tp__how p,.tp__how li{color:var(--c-ink-2);line-height:1.6}.tp__how ul{gap:var(--space-xs);padding-inline-start:1.2em;display:grid}