.tp-field{flex-direction:column;gap:6px;display:flex}.tp-field__label{font:var(--tp-type-text);color:var(--tp-text-heading);font-weight:500}.tp-control{box-sizing:border-box;border:1px solid var(--tp-border-field);border-radius:var(--tp-radius-box);background:var(--tp-surface);min-block-size:44px;color:var(--tp-text-heading);font:var(--tp-type-text);letter-spacing:var(--tp-type-text-tracking);transition:border-color var(--tp-motion-hover) var(--tp-ease-hover);padding:10px 12px}.tp-select{grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid;position:relative}.tp-select>.tp-control{appearance:none;padding-inline-end:42px}.tp-select:after{content:"";border-block-end:1.5px solid var(--tp-text-secondary);border-inline-end:1.5px solid var(--tp-text-secondary);pointer-events:none;block-size:7px;inline-size:7px;position:absolute;inset-block-start:50%;inset-inline-end:18px;transform:translateY(-70%)rotate(45deg)}.tp-control:hover:not(:disabled){border-color:var(--tp-text-secondary)}.tp-control::placeholder{color:var(--tp-text-placeholder)}.tp-control:focus-visible{border-color:var(--tp-text-body);outline:var(--tp-focus-outline);outline-offset:var(--tp-focus-offset)}.tp-control:disabled{cursor:not-allowed;background:var(--tp-surface-raised);color:var(--tp-text-body)}textarea.tp-control{resize:vertical;min-block-size:88px}[data-invalid]>.tp-control,[data-invalid]>.tp-select>.tp-control,[data-invalid]>.tp-checkbox__box{border-color:var(--tp-state-conflict-accent)}.tp-field__hint{font:var(--tp-type-text);color:var(--tp-text-secondary);margin:0}.tp-field__error{font:var(--tp-type-text);color:var(--tp-text-heading);align-items:center;gap:6px;margin:0;font-weight:500;display:flex}.tp-field__error svg{color:var(--tp-state-conflict-fg);flex:none}.tp-checkbox{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.tp-checkbox__box{block-size:16px;inline-size:16px;accent-color:var(--tp-brand);margin:0}.tp-checkbox__box:focus-visible{outline:var(--tp-focus-outline);outline-offset:var(--tp-focus-offset)}.tp-checkbox__label{font:var(--tp-type-text);color:var(--tp-text-body)}.tp-checkbox>.tp-field__error{grid-column:1/-1}@media (prefers-reduced-motion:reduce){.tp-control{transition:none}}