.field{display:flex;flex-direction:column;gap:var(--mable-space-xs)}.field__label{color:var(--mable-text-primary);font-size:var(--mable-type-body-md);font-weight:var(--mable-weight-bold)}.field__hint{color:var(--mable-text-secondary)}.field__error,.field__hint{font-size:var(--mable-type-body-sm)}.field__error{color:var(--mable-action-danger)}.input,.select,.textarea{background:var(--mable-input-bg);border:1px solid var(--mable-input-outline);border-radius:var(--mable-radius-field);color:var(--mable-text-primary);font-family:var(--mable-font-family);font-size:var(--mable-type-body-md);line-height:var(--mable-leading-body);padding:var(--mable-control-pad-block) var(--mable-space-sm);transition:border-color var(--mable-duration-fast) ease,background-color var(--mable-duration-fast) ease,box-shadow var(--mable-duration-fast) ease;width:100%}.input,.select{min-height:var(--mable-control-height)}.select{cursor:pointer}.textarea{min-height:220px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--mable-text-tertiary)}.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 var(--mable-focus-ring-width) var(--mable-focus-ring);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{background:var(--mable-input-error-bg);border-color:var(--mable-input-error-border)}.input:disabled,.select:disabled,.textarea:disabled{cursor:not-allowed;opacity:.4}.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23555' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--mable-space-sm) center;background-repeat:no-repeat;background-size:20px;padding-right:44px}.choice{align-items:flex-start;cursor:pointer;display:flex;gap:var(--mable-space-sm);padding:var(--mable-space-xs) 0}.choice__control{appearance:none;background:var(--mable-surface-elevated);border:2px solid var(--mable-action-secondary-outline);cursor:pointer;flex:none;height:24px;margin:0;transition:border-color var(--mable-duration-fast) ease,background-color var(--mable-duration-fast) ease;width:24px}.choice__control[type=radio]{border-radius:50%}.choice__control[type=checkbox]{border-radius:4px}.choice__control[type=radio]:checked{background-color:var(--mable-control-checked);border-color:var(--mable-control-checked);box-shadow:inset 0 0 0 4px var(--mable-surface-elevated)}.choice__control[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23494495' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px}.choice__control:focus-visible{box-shadow:0 0 0 var(--mable-focus-ring-width) var(--mable-focus-ring);outline:none}.choice__control:disabled{cursor:not-allowed;opacity:.4}.choice__label{font-size:var(--mable-type-body-md);line-height:var(--mable-leading-body)}.choice__support{color:var(--mable-text-secondary);display:block;font-size:var(--mable-type-body-sm)}.field-row{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:768px){.field-row{grid-template-columns:minmax(0,1fr)}}.input-pair{display:grid;gap:var(--mable-space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.field-affix{position:relative;width:100%}.field-affix .input{padding-right:calc(var(--mable-space-sm)*2 + var(--affix-size, 24px))}.field-affix__icon{color:var(--mable-text-primary);height:var(--affix-size,24px);pointer-events:none;position:absolute;right:var(--mable-space-sm);top:50%;transform:translateY(-50%);width:var(--affix-size,24px)}.field-affix--search .input{border-color:var(--mable-border-regular)}