.web-form{width:32rem}.web-form-row{grid-template-columns:repeat(var(--web-form-row-columns,1), minmax(0, 1fr));gap:1rem;display:grid}.web-form-field{text-align:left;gap:.4rem;display:grid}.web-form-field__label{color:#ffffffe6;font-size:.95rem;line-height:1.2}.web-form-field__control{display:grid}.web-form-field__description,.web-form-field__error{margin:0;font-size:.85rem;line-height:1.35}.web-form-field__description{color:var(--web-form-text-muted)}.web-form-field__error{color:var(--web-form-error)}.web-form-field :where(input,textarea,select){border:1px solid color-mix(in srgb, var(--web-form-base-color) 45%, transparent);background:var(--web-form-field-bg);color:#fff;width:100%;min-height:2.9rem;font:inherit;border-radius:.9rem;outline:none;padding:.75rem .9rem;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:inset 0 0 18px #00000061,0 0 #0000}.web-form-field :where(input,textarea,select):focus-visible{border-color:var(--web-form-border-hot);box-shadow:inset 0 0 18px #00000061,0 0 18px color-mix(in srgb, var(--web-form-base-color) 45%, transparent)}.web-form-field :where(input,textarea,select):disabled{cursor:not-allowed;opacity:.55}.web-form-field[data-has-error=true] :where(input,textarea,select){border-color:var(--web-form-error)}@media (max-width:640px){.web-form-row{grid-template-columns:1fr}}