.tp-field{gap:var(--space-2);flex-direction:column;display:flex}.tp-field__head{gap:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.tp-label{font-size:var(--fs-ui);line-height:calc(var(--fs-ui) * var(--lh-ui,1.45));font-weight:var(--weight-ui,400);color:var(--fg)}.tp-value{font-size:var(--fs-ui-lg);line-height:1.2;font-weight:var(--weight-ui,400);font-variant-numeric:tabular-nums;color:var(--fg-muted)}.tp-hint{max-inline-size:var(--measure-ui);font-size:var(--fs-ui-sm);line-height:calc(var(--fs-ui-sm) * var(--lh-ui,1.45));color:var(--fg-faint);margin:0}.tp-range{appearance:none;cursor:pointer;background-color:#0000;block-size:44px;inline-size:100%;margin:0}.tp-range::-webkit-slider-runnable-track{border-radius:var(--radius-1);background-color:var(--border);background-image:linear-gradient(to right, var(--accent) 0 calc(var(--fill,0) * 100%), transparent calc(var(--fill,0) * 100%) 100%);block-size:3px}[dir=rtl] .tp-range::-webkit-slider-runnable-track{background-image:linear-gradient(to left, var(--accent) 0 calc(var(--fill,0) * 100%), transparent calc(var(--fill,0) * 100%) 100%)}.tp-range::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-2);background-color:var(--fg);background-image:linear-gradient(to right, transparent 0 13px, var(--knurl) 13px 14px, transparent 14px 16px, var(--knurl) 16px 17px, transparent 17px 19px, var(--knurl) 19px 20px, transparent 20px 34px);block-size:24px;inline-size:34px;box-shadow:inset 0 -1px 0 var(--knurl);border:0;margin-block-start:-10px}.tp-range::-moz-range-track{border-radius:var(--radius-1);background-color:var(--border);block-size:3px}.tp-range::-moz-range-progress{background-color:var(--accent);block-size:3px}.tp-range::-moz-range-thumb{border-radius:var(--radius-2);background-color:var(--fg);border:0;block-size:24px;inline-size:34px}.tp-range:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tp-ticks{block-size:calc(var(--fs-ui-sm) * var(--lh-ui,1.45) + 10px);margin-inline:17px;position:relative}.tp-tick{font-size:var(--fs-ui-sm);line-height:calc(var(--fs-ui-sm) * var(--lh-ui,1.45));font-variant-numeric:tabular-nums;color:var(--fg-faint);pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--at) * 100%);translate:-50%}.tp-tick:before{content:"";background-color:var(--border-strong);block-size:6px;inline-size:1px}.tp-switch{gap:var(--space-4);cursor:pointer;align-items:center;display:flex}.tp-switch input[type=checkbox]{appearance:none;border:var(--border-width) solid var(--border);border-radius:var(--radius-2);background-color:var(--bg-sunken);cursor:pointer;block-size:30px;inline-size:56px;transition:background-color var(--motion-fast) var(--ease-out);flex:none;margin:0;position:relative;box-shadow:inset 0 1px 2px #000000b3}.tp-switch input[type=checkbox]:before{content:"";border-radius:var(--radius-2);background-color:var(--fg-muted);inline-size:24px;box-shadow:var(--shadow-1);transition:translate var(--motion-fast) var(--ease-out);position:absolute;inset-block:2px;inset-inline-start:2px}.tp-switch input[type=checkbox]:checked{background-color:var(--accent-soft);border-color:var(--border-strong)}.tp-switch input[type=checkbox]:checked:before{background-color:var(--fg);translate:26px}[dir=rtl] .tp-switch input[type=checkbox]:checked:before{translate:-26px}.tp-switch input[type=checkbox]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tp-select{appearance:none;max-inline-size:var(--measure-ui);padding-inline:var(--space-4) calc(var(--space-4) * 2.5);padding-block:var(--space-3);font-family:inherit;font-size:var(--fs-ui);line-height:calc(var(--fs-ui) * var(--lh-ui,1.45));color:var(--fg);background-color:var(--bg-sunken);border:var(--border-width) solid var(--border);border-radius:var(--radius-2);cursor:pointer}.tp-select-wrap{justify-self:start;inline-size:min(46ch,100%);display:inline-flex;position:relative}.tp-select-wrap>.tp-select{inline-size:100%}.tp-select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tp-btn{padding-inline:var(--space-4);padding-block:var(--space-3);font-family:inherit;font-size:var(--fs-ui);line-height:calc(var(--fs-ui) * var(--lh-ui,1.45));font-weight:var(--weight-ui,400);color:var(--fg);background-color:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-1);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out)}.tp-btn:hover{background-color:var(--surface-hover);border-color:var(--border-strong)}.tp-btn--primary{color:var(--bg);background-color:var(--fg);border-color:var(--fg)}.tp-btn--primary:hover{color:var(--bg);background-color:var(--fg);border-color:var(--fg);filter:brightness(1.12)}.tp-btn--quiet{padding-inline:0;padding-block:var(--space-1);color:var(--fg-faint);border:0;border-block-end:var(--border-width) solid transparent;border-radius:var(--radius-1);box-shadow:none;background-color:#0000}.tp-btn--quiet:hover,.tp-btn--quiet:focus-visible{color:var(--fg);border-block-end-color:var(--accent);background-color:#0000}.tp-seg{border:var(--border-width) solid var(--border);border-radius:var(--radius-2);flex-wrap:wrap;place-self:start;gap:0;display:flex;overflow:hidden}.tp-seg>button{padding-inline:var(--space-4);padding-block:var(--space-3);font-family:inherit;font-size:var(--fs-ui);line-height:calc(var(--fs-ui) * var(--lh-ui,1.45));font-weight:var(--weight-ui,400);color:var(--fg-faint);background-color:var(--bg-sunken);border:0;border-block-end:var(--focus-ring-width) solid transparent;border-radius:var(--radius-1);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out)}.tp-seg>button+button{border-inline-start:var(--border-width) solid var(--border)}.tp-seg>button:hover{color:var(--fg-muted);background-color:var(--surface)}.tp-seg>button[aria-pressed=true]{color:var(--fg);background-color:var(--surface-hover);border-block-end-color:var(--accent)}.tp-seg>button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(var(--focus-ring-offset) * -1)}.tp-chips{gap:var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}.tp-chip{padding:0;padding-block:var(--space-1);font-family:inherit;font-size:var(--fs-ui-sm);line-height:calc(var(--fs-ui-sm) * var(--lh-ui));font-weight:var(--weight-ui);color:var(--fg-faint);border:0;border-block-end:var(--border-width) solid transparent;border-radius:var(--radius-1);transition:color var(--motion-fast) var(--ease-out), border-block-end-color var(--motion-fast) var(--ease-out);background:0 0}button.tp-chip{cursor:pointer}button.tp-chip:hover,button.tp-chip:focus-visible,.tp-chip[aria-pressed=true],.tp-chip[data-selected=true]{color:var(--fg);border-block-end-color:var(--accent)}span.tp-chip{cursor:default}.tp-margin{gap:var(--space-2);max-inline-size:var(--col-margin);font-size:var(--fs-ui-sm);line-height:calc(var(--fs-ui-sm) * var(--lh-ui));color:var(--fg-faint);unicode-bidi:plaintext;flex-direction:column;align-items:start;display:flex}.tp-margin>*{unicode-bidi:plaintext}.tp-folio{flex-direction:column;align-items:start;gap:2px;display:flex}.tp-folio__figure{font-size:var(--fs-ui-lg);line-height:1.15;font-weight:var(--weight-ui);font-variant-numeric:tabular-nums;color:var(--fg)}.tp-folio__unit{font-size:var(--fs-ui-sm);line-height:calc(var(--fs-ui-sm) * var(--lh-ui));color:var(--fg-faint)}