.td-react-copy{align-items:center;gap:var(--td-sp-5);width:fit-content;min-width:0;max-width:100%;padding:var(--td-sp-5) var(--td-sp-7);border-radius:var(--td-radius-4);cursor:pointer;font-family:var(--td-font-mono);color:var(--td-ink-2);background:var(--td-raise-fill);box-shadow:2.5px 2.5px 6px color-mix(in srgb, var(--td-shadow-dark) 50%, transparent), -2.5px -2.5px 6px color-mix(in srgb, var(--td-shadow-light) 62%, transparent), inset 0 1px 0 var(--td-shadow-veil), inset 0 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), 0 0 0 1px var(--td-edge);transition:color var(--td-t-base) var(--td-ease), box-shadow var(--td-t-base) var(--td-ease);border:0;font-size:.72rem;display:inline-flex}.td-react-copy:hover{color:var(--td-ink);box-shadow:1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 44%, transparent), -1.5px -1.5px 4px color-mix(in srgb, var(--td-shadow-light) 52%, transparent), inset 0 1px 0 var(--td-shadow-veil), inset 0 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), 0 0 0 1px var(--td-edge)}.td-react-copy:active{color:var(--td-ink);box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 3px 3px 7px color-mix(in srgb, var(--td-shadow-dark) 60%, transparent), inset -2px -2px 5px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), 0 0 0 1px var(--td-edge)}.td-react-copy:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-react-copy[data-state=copied],.td-react-copy[data-state=copied] .td-react-copy-lamp{color:var(--td-green-text)}.td-react-copy-lamp{color:var(--td-ink-3);transition:color var(--td-t-base) var(--td-ease);flex:none;place-items:center;line-height:0;display:inline-grid}.td-react-copy-lamp>svg{fill:currentColor;stroke:none;width:1.25em;height:1.25em}.td-react-copy:hover .td-react-copy-lamp{color:var(--td-ink-2)}.td-react-copy-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.td-react-copy-live{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.td-react-copy,.td-react-copy-lamp{transition:none}}
.td-react-cal-blank{aspect-ratio:1}.td-cal-day[data-state~=inrange]{background:color-mix(in srgb, var(--td-brand) 10%, var(--td-surface));color:var(--td-ink)}.td-react-datepick .td-drpop,.td-react-timepick .td-drpop{flex-direction:column}.td-react-datetime .td-drpop{align-items:flex-start}.td-react-daterange .td-drpop{flex-direction:column}.td-react-daterange-presets{gap:var(--td-sp-4,6px);flex-wrap:wrap;display:flex}.td-drpick[data-disabled]{opacity:.55;pointer-events:none}.td-drfield[aria-invalid=true]{box-shadow:inset 1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 40%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), 0 0 0 1.5px var(--td-brand)}.td-cal-day:focus-visible{outline:2px solid var(--td-accent);outline-offset:1px}.td-cal-day:disabled{opacity:.3;cursor:not-allowed}.td-react-vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.td-react-timegrid-meridiem{grid-template-columns:1fr}.td-cal-day[data-state~=inrange]{color:var(--td-ink);box-shadow:var(--td-row-hover);background:0 0}
.td-toc.td-react-toc{border-left:1px solid var(--td-edge);flex-direction:column;gap:1px;min-width:0;display:flex}.td-toc-label.td-react-toc-label{font-family:var(--td-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--td-ink-3);padding:0 0 var(--td-sp-5) var(--td-sp-8);font-size:.63rem;font-weight:700}.td-toc-item.td-react-toc-item{min-width:0;padding:var(--td-sp-4) var(--td-sp-6) var(--td-sp-4) var(--td-sp-8);border-left:2px solid color-mix(in srgb, var(--td-ink-3) 45%, var(--td-surface));border-radius:0 var(--td-radius-2) var(--td-radius-2) 0;font-family:var(--td-font-ui);color:var(--td-ink-2);box-shadow:var(--td-row-rest);transition:color var(--td-t-base) var(--td-ease), border-color var(--td-t-base) var(--td-ease), background var(--td-t-base) var(--td-ease), box-shadow var(--td-t-base) var(--td-ease);background:0 0;margin-left:-1px;font-size:.8rem;line-height:1.4;text-decoration:none;display:block}.td-react-toc-item--sub{padding-left:var(--td-sp-11);font-size:.76rem}.td-toc-item.td-react-toc-item:hover{color:var(--td-ink);border-left-color:color-mix(in srgb, var(--td-brand) 55%, var(--td-surface));background:var(--td-surface);box-shadow:var(--td-row-hover)}.td-toc-item.td-react-toc-item:active{color:var(--td-ink);background:var(--td-surface);box-shadow:var(--td-row-press)}.td-toc-item.td-react-toc-item[aria-current=true]{color:var(--td-ink);border-left-color:var(--td-brand);background:var(--td-surface);box-shadow:var(--td-row-selected);font-weight:600}.td-toc-item.td-react-toc-item:focus-visible{outline:2px solid var(--td-accent);outline-offset:-2px}.td-react-toc-slot{display:contents}@media (prefers-reduced-motion:reduce){.td-toc-item.td-react-toc-item{transition:none}}
.td-react-range-wrap{gap:var(--td-sp-3);flex-direction:column;min-width:0;display:flex}.td-react-range-head{justify-content:space-between;align-items:baseline;gap:var(--td-sp-5);display:flex}.td-react-range-label{font-family:var(--td-font-ui);color:var(--td-ink-2);font-size:.8rem}.td-react-range-value{font-family:var(--td-font-mono);color:var(--td-brand-text);font-size:.75rem;font-weight:700}.td-react-range-bounds{font-family:var(--td-font-mono);color:var(--td-ink-3);justify-content:space-between;font-size:.65rem;display:flex}.td-range.td-react-range{appearance:none;cursor:pointer;background:0 0;outline:0;width:100%;height:22px;margin:0;padding:0}.td-range.td-react-range:disabled{cursor:not-allowed;opacity:.55}.td-range.td-react-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--td-brand) 0 var(--pct,0%), color-mix(in srgb, var(--td-surface) 92%, black) var(--pct,0%) 100%);height:6px;box-shadow:inset 1px 1px 2px color-mix(in srgb, var(--td-shadow-dark) 38%, transparent), inset -1px -1px 1.5px color-mix(in srgb, var(--td-shadow-light) 34%, transparent);border-radius:3px}.td-range.td-react-range::-webkit-slider-thumb{appearance:none;background:var(--td-raise-fill);width:18px;height:18px;box-shadow:0 0 0 0 rgb(from var(--td-accent) r g b / 0), 2px 2px 5px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), -2px -2px 4px color-mix(in srgb, var(--td-shadow-light) 70%, transparent), 0 0 0 1px var(--td-edge);border-radius:50%;margin-top:-6px}.td-range.td-react-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--td-accent) 30%, transparent), 2px 2px 5px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), -2px -2px 4px color-mix(in srgb, var(--td-shadow-light) 70%, transparent), 0 0 0 1px var(--td-edge)}.td-range.td-react-range::-moz-range-track{background:color-mix(in srgb, var(--td-surface) 92%, black);height:6px;box-shadow:inset 1px 1px 2px color-mix(in srgb, var(--td-shadow-dark) 38%, transparent), inset -1px -1px 1.5px color-mix(in srgb, var(--td-shadow-light) 34%, transparent);border-radius:3px}.td-range.td-react-range::-moz-range-progress{background:var(--td-brand);border-radius:3px;height:6px}.td-range.td-react-range::-moz-range-thumb{background:var(--td-raise-fill);width:18px;height:18px;box-shadow:0 0 0 0 rgb(from var(--td-accent) r g b / 0), 2px 2px 5px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), -2px -2px 4px color-mix(in srgb, var(--td-shadow-light) 70%, transparent), 0 0 0 1px var(--td-edge);border:0;border-radius:50%}.td-range.td-react-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--td-accent) 30%, transparent), 2px 2px 5px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), -2px -2px 4px color-mix(in srgb, var(--td-shadow-light) 70%, transparent), 0 0 0 1px var(--td-edge)}.td-react-range-wrap[data-disabled]{opacity:.55}.td-react-range-wrap[data-disabled] .td-dualrange input[type=range]{cursor:not-allowed}.td-dualrange input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--td-accent);outline-offset:2px}.td-dualrange input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--td-accent);outline-offset:2px}.td-react-range-wrap--entry{align-items:center;column-gap:var(--td-sp-6);grid-template-columns:1fr auto;display:grid}.td-react-range-wrap--entry .td-react-range-head{grid-column:1/-1}.td-react-range-wrap--entry .td-react-range-bounds{grid-column:1}.td-react-range-entry{padding:var(--td-sp-3) var(--td-sp-5);border-radius:var(--td-radius-4);background:color-mix(in srgb, var(--td-surface) 88%, black);box-shadow:var(--td-inset-soft);align-items:baseline;gap:2px;display:inline-flex}.td-react-range-entry:focus-within{box-shadow:var(--td-inset-soft), 0 0 0 1.5px color-mix(in srgb, var(--td-accent) 40%, transparent)}.td-react-range-number{width:var(--td-range-entry-w,6ch);field-sizing:content;min-width:var(--td-range-entry-w,6ch);font-family:var(--td-font-mono);color:var(--td-ink);text-align:end;appearance:textfield;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:600}.td-react-range-number:focus{outline:none}.td-react-range-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.td-react-range-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.td-react-range-suffix{font-family:var(--td-font-mono);color:var(--td-ink-3);font-size:.68rem}
.td-react-upload{gap:var(--td-sp-6,10px);min-width:0;max-width:100%;display:grid}.td-react-upload-list{gap:var(--td-sp-4,6px);margin:0;padding:0;list-style:none;display:grid}.td-react-upload-item{align-items:center;gap:var(--td-sp-6,10px);background:var(--td-surface);box-shadow:inset 1px 1px 3px color-mix(in srgb, var(--td-shadow-dark) 38%, transparent), inset -.5px -.5px 2px color-mix(in srgb, var(--td-shadow-light) 40%, transparent);font-family:var(--td-font-ui);border-radius:10px;min-width:0;padding:7px 8px 7px 10px;font-size:12.5px;display:flex}.td-react-upload-name{color:var(--td-ink);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.td-react-upload-size{font-family:var(--td-font-mono);color:var(--td-ink-3);flex:none;font-size:11px}.td-react-upload-thumb{object-fit:cover;background:var(--td-surface-2);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--td-edge);border-radius:7px;flex:none}.td-react-upload-reject{font-family:var(--td-font-ui);color:var(--td-brand-text);margin:0;font-size:12px;font-weight:600}.td-dropzone[data-disabled]{opacity:.55;cursor:not-allowed}.td-dropzone:focus-within{border-color:var(--td-brand)}
.td-react-otp{flex-wrap:wrap}.td-react-otp[data-disabled]{opacity:.55}.td-react-otp[data-state=error] .td-otp-cell{border-color:var(--td-brand)}.td-otp-cell:disabled{cursor:not-allowed}
.td-react-rating{display:inline-flex}.td-rating[role=radiogroup]:focus-visible{outline:2px solid var(--td-accent);outline-offset:3px;border-radius:8px}.td-rating[data-disabled]{opacity:.55;cursor:not-allowed}.td-rating[data-disabled] .td-rating-btn{cursor:not-allowed}.td-rating-star>svg{width:100%;height:100%;display:block}.td-rating.td-react-rating{--td-lamp-glow:var(--td-rating-ink,var(--td-brand))}.td-rating.td-react-rating .td-rating-btn{color:var(--td-lamp-unlit);transition:color var(--td-t-base) var(--td-ease)}.td-rating.td-react-rating .td-rating-btn[aria-checked=true],.td-rating.td-react-rating .td-rating-btn[aria-checked=true]~.td-rating-btn{color:color-mix(in srgb, var(--td-lamp-glow) var(--td-lamp-held-mix), var(--td-lamp-unlit))}.td-rating.td-react-rating .td-rating-btn:hover,.td-rating.td-react-rating .td-rating-btn:hover~.td-rating-btn{color:color-mix(in srgb, var(--td-lamp-glow) var(--td-lamp-hover-mix), var(--td-lamp-unlit))}.td-rating.td-react-rating .td-rating-btn:active,.td-rating.td-react-rating .td-rating-btn:active~.td-rating-btn{color:var(--td-lamp-glow)}.td-rating.td-react-rating .td-rating-btn{appearance:none;border-radius:var(--td-radius-3);cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:26px;margin:0;padding:0;line-height:0;display:inline-grid}.td-rating.td-react-rating .td-rating-btn:focus-visible{outline:2px solid var(--td-accent);outline-offset:-2px}.td-rating.td-react-rating{--td-rating-groove:color-mix(in srgb, var(--td-ink-3) 58%, var(--td-surface));--td-rating-lip:color-mix(in srgb, var(--td-shadow-light) 90%, transparent);--td-lamp-unlit:var(--td-rating-groove)}.td-rating.td-react-rating .td-rating-btn,.td-rating.td-react-rating .td-rating-star--empty,.td-rating.td-react-rating .td-rating-star--half{filter:drop-shadow(0 1px 0 var(--td-rating-lip)) drop-shadow(0 -.5px .5px color-mix(in srgb, var(--td-shadow-dark) 40%, transparent))}.td-rating.td-react-rating .td-rating-btn[aria-checked=true],.td-rating.td-react-rating .td-rating-btn[aria-checked=true]~.td-rating-btn,.td-rating.td-react-rating .td-rating-stars,.td-rating.td-react-rating .td-rating-star--half>svg:last-child{filter:drop-shadow(1px 1.5px 1.5px color-mix(in srgb, var(--td-shadow-dark) 55%, transparent))}.td-rating.td-react-rating .td-rating-btn:hover,.td-rating.td-react-rating .td-rating-btn:hover~.td-rating-btn,.td-rating.td-react-rating .td-rating-btn:active,.td-rating.td-react-rating .td-rating-btn:active~.td-rating-btn{filter:drop-shadow(1px 1.5px 2px color-mix(in srgb, var(--td-shadow-dark) 60%, transparent))}.td-rating.td-react-rating{gap:0}.td-rating.td-react-rating .td-rating-btn{width:24px;height:24px}.td-rating.td-react-rating .td-rating-star{width:16px;height:16px}.td-rating.td-react-rating .td-rating-value{margin-inline-start:var(--td-sp-5);font-size:.95rem}.td-rating.td-react-rating .td-rating-count{margin-inline-start:var(--td-sp-4)}.td-rating.td-react-rating{width:fit-content;max-width:100%;box-shadow:none;background:0 0;border-radius:0;align-self:start;padding:0}.td-rating.td-react-rating .td-rating-star--empty,.td-rating.td-react-rating .td-rating-star--half{color:var(--td-rating-groove)}:root[data-theme=dark] .td-rating.td-react-rating{--td-rating-groove:color-mix(in srgb, var(--td-shadow-dark) 72%, var(--td-surface));--td-rating-lip:color-mix(in srgb, var(--td-shadow-light) 100%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .td-rating.td-react-rating{--td-rating-groove:color-mix(in srgb, var(--td-shadow-dark) 72%, var(--td-surface));--td-rating-lip:color-mix(in srgb, var(--td-shadow-light) 100%, transparent)}}
.td-react-colorpop[data-disabled]{opacity:.55;pointer-events:none}.td-colorpop-cell:focus-visible,.td-colorpop-swatch:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-react-colorpop-custom{justify-content:space-between;align-items:center;gap:var(--td-sp-6,10px);font-family:var(--td-font-ui);color:var(--td-ink-2);cursor:pointer;font-size:12px;font-weight:600;display:flex}.td-react-colorpop-custom input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:6px;width:30px;height:24px;padding:0}
.td-react-numfield{align-items:stretch;gap:var(--td-sp-4,6px);min-width:0;display:inline-flex}.td-react-numfield[data-disabled]{opacity:.55}.td-react-numfield-btn{appearance:none;background:var(--td-raise-fill);width:34px;color:var(--td-ink-2);font-family:var(--td-font-ui);cursor:pointer;box-shadow:1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 38%, transparent), -2px -2px 4px color-mix(in srgb, var(--td-shadow-light) 85%, transparent), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);transition:box-shadow var(--td-t-base) var(--td-ease), background var(--td-t-base) var(--td-ease), color var(--td-t-base) var(--td-ease);border:0;border-radius:10px;flex:none;place-items:center;font-size:16px;font-weight:600;line-height:1;display:grid}.td-react-numfield-btn:hover:not(:disabled){background:var(--td-raise-fill-hover);color:var(--td-ink)}.td-react-numfield-btn:active:not(:disabled){background:var(--td-surface);box-shadow:inset 1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 50%, transparent), inset -1px -1px 2.5px color-mix(in srgb, var(--td-shadow-light) 32%, transparent)}.td-react-numfield-btn:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-react-numfield-btn:disabled{opacity:.4;cursor:not-allowed}.td-react-numfield-slot{flex:auto;min-width:0}.td-react-numfield-input{font-family:var(--td-font-mono);font-variant-numeric:tabular-nums;text-align:right}
.td-react-address{gap:var(--td-sp-6,10px);min-width:0;max-width:100%;display:grid}.td-react-address-row{gap:var(--td-sp-6,10px);min-width:0;display:grid}.td-react-address-row--split{grid-template-columns:1fr 1fr}.td-react-address-wide{width:100%}.td-react-address .td-react-combobox{width:100%;min-width:0}.td-react-address-postcode{font-family:var(--td-font-mono);letter-spacing:.04em}@media (max-width:520px){.td-react-address-row--split{grid-template-columns:1fr}}.td-react-address-locate{align-items:center;gap:var(--td-sp-6);flex-wrap:wrap;margin-block-end:var(--td-sp-6);display:flex}.td-react-address-locate-btn{align-items:center;gap:var(--td-sp-4);padding:var(--td-sp-4) var(--td-sp-6);border-radius:var(--td-radius-4);cursor:pointer;font-family:var(--td-font-ui);color:var(--td-ink-2);box-shadow:var(--td-row-rest);transition:color var(--td-t-base) var(--td-ease), background var(--td-t-base) var(--td-ease), box-shadow var(--td-t-base) var(--td-ease);background:0 0;border:0;font-size:.74rem;font-weight:600;display:inline-flex}.td-react-address-locate-btn:hover:not(:disabled){color:var(--td-ink);background:var(--td-surface);box-shadow:var(--td-row-hover)}.td-react-address-locate-btn:active:not(:disabled){box-shadow:var(--td-row-press)}.td-react-address-locate-btn:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-react-address-locate-btn:disabled{box-shadow:var(--td-row-selected);color:var(--td-ink-3);cursor:default}.td-react-address-locate-msg:not(:empty){font-family:var(--td-font-ui);color:var(--td-brand-text);font-size:.7rem;line-height:1.4}
.td-react-windowcontrols{align-items:center;gap:var(--td-windowcontrols-gap,8px);flex:none;display:inline-flex}.td-react-windowcontrols--sm{--td-windowcontrols-size:11px;--td-windowcontrols-gap:7px}.td-react-windowcontrols--md{--td-windowcontrols-size:14px;--td-windowcontrols-gap:8px}.td-react-windowcontrols-dot{appearance:none;width:var(--td-windowcontrols-size,14px);height:var(--td-windowcontrols-size,14px);cursor:pointer;background:var(--td-windowcontrols-fill);transition:background var(--td-t-base) var(--td-ease), box-shadow var(--td-t-base) var(--td-ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 .5px #0000001f,inset 0 0 #0000}.td-react-windowcontrols-dot--close{--td-windowcontrols-fill:#ff5f57}.td-react-windowcontrols-dot--minimise{--td-windowcontrols-fill:#febc2e}.td-react-windowcontrols-dot--maximise{--td-windowcontrols-fill:#28c840}.td-react-windowcontrols-dot:active{box-shadow:inset 0 0 0 .5px #0000001f,inset 0 1px 2px #00000047}.td-react-windowcontrols-dot:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-react-windowcontrols-dot:disabled{--td-windowcontrols-fill:color-mix(in srgb, var(--td-ink-3) 26%, transparent);cursor:default}.td-react-windowcontrols[data-focused=false] .td-react-windowcontrols-dot{--td-windowcontrols-fill:color-mix(in srgb, var(--td-ink-3) 26%, transparent)}.td-react-windowcontrols-mark{line-height:0;font-size:calc(var(--td-windowcontrols-size,14px) * .64);color:#0000009e;opacity:0;transition:opacity var(--td-t-base) var(--td-ease);place-items:center;display:grid}.td-react-windowcontrols:hover .td-react-windowcontrols-mark,.td-react-windowcontrols:focus-within .td-react-windowcontrols-mark{opacity:1}.td-react-windowcontrols-dot:disabled .td-react-windowcontrols-mark{opacity:0}.td-react-windowcontrols[data-focused=false] .td-react-windowcontrols-mark{color:#0000006b}@media (forced-colors:active){.td-react-windowcontrols-mark{opacity:1;color:canvastext}.td-react-windowcontrols-dot{box-shadow:none;border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){.td-react-windowcontrols-dot,.td-react-windowcontrols-mark{transition:none}}