.vmai-field{--vmai-field-w:var(--field-md);gap:var(--space-2);inline-size:100%;max-inline-size:var(--vmai-field-w);flex-direction:column;min-inline-size:0;display:flex}.vmai-field[data-width=xs]{--vmai-field-w:var(--field-xs)}.vmai-field[data-width=sm]{--vmai-field-w:var(--field-sm)}.vmai-field[data-width=md]{--vmai-field-w:var(--field-md)}.vmai-field[data-width=lg]{--vmai-field-w:var(--field-lg)}.vmai-field[data-width=person]{--vmai-field-w:var(--field-person)}.vmai-field[data-width=full]{--vmai-field-w:100%}.vmai-field__label{align-items:baseline;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-title);color:var(--color-text-2);transition-property:color;transition-duration:var(--duration-focus);transition-timing-function:var(--ease-out);display:flex}.vmai-field[data-disabled=true] .vmai-field__label{color:var(--color-muted)}.vmai-field__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-inline-size:0;display:flex}.vmai-field__aside{font-size:var(--text-xs);line-height:var(--leading-title);color:var(--color-muted);flex:none}.vmai-field__label-text{min-inline-size:0}.vmai-field__mark{font-size:var(--text-xs);color:var(--color-muted);font-weight:500}.vmai-field__mark[data-requirement=required]{color:var(--color-danger)}.vmai-field__hint{font-size:var(--text-sm);line-height:var(--leading-title);color:var(--color-text-2);margin:0}.vmai-field__error{align-items:flex-start;gap:calc(var(--space-1) * 1.5);font-size:var(--text-sm);line-height:var(--leading-title);color:var(--color-danger);animation-name:vmai-field-msg-in;animation-duration:var(--duration-pop);animation-timing-function:var(--ease-out);margin:0;animation-fill-mode:both;display:flex}.vmai-field__error-icon{inline-size:calc(var(--space-1) * 3.5);block-size:calc(var(--space-1) * 3.5);stroke-width:var(--icon-stroke);flex:none;margin-block-start:calc(var(--space-1) * .5)}@keyframes vmai-field-msg-in{0%{opacity:0;transform:translateY(calc(var(--space-1) * -1))}}.vmai-field--phone .vmai-field__label{font-size:var(--text-body)}.vmai-field.vmai-field--phone,.vmai-inspector .vmai-field:not([data-width]),.vmai-drawer[data-side=center] .vmai-field:not([data-width]),.vmai-drawer[data-side=bottom] .vmai-field:not([data-width]){--vmai-field-w:100%}.vmai-field .vmai-field__control{inline-size:100%}.vmai-field__control{min-block-size:var(--control-height);padding-block:var(--space-2);padding-inline:var(--space-3);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-field);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading);caret-color:var(--color-accent);appearance:none;transition-property:border-color,background-color,box-shadow;transition-duration:var(--duration-focus);transition-timing-function:var(--ease-out)}.vmai-field__control[data-size=sm]{min-block-size:var(--control-height-sm);padding-block:var(--space-1);border-radius:var(--control-radius-md);font-size:var(--text-body)}.vmai-field__control[data-size=lg]{min-block-size:var(--control-height-lg);border-radius:var(--control-radius-lg)}.vmai-field__control::placeholder{color:var(--color-muted);opacity:1}.vmai-field__control::selection{background-color:color-mix(in srgb, var(--color-accent) 30%, transparent)}.vmai-field__control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vmai-field__control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vmai-field__control[type=number]{appearance:textfield}.vmai-field__control[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.vmai-field__control[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}.vmai-field__control[type=search]::-webkit-search-results-button{-webkit-appearance:none;display:none}.vmai-field__control[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.vmai-field__control:-webkit-autofill{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 calc(var(--space-16) * 2) var(--color-field) inset;box-shadow:0 0 0 calc(var(--space-16) * 2) var(--color-field) inset;caret-color:var(--color-accent)}.vmai-field__control:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 calc(var(--space-16) * 2) var(--color-field) inset;box-shadow:0 0 0 calc(var(--space-16) * 2) var(--color-field) inset;caret-color:var(--color-accent)}.vmai-field__control:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 calc(var(--space-16) * 2) var(--color-field) inset;box-shadow:0 0 0 calc(var(--space-16) * 2) var(--color-field) inset;caret-color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.vmai-field__control:hover:not(:disabled):not(:read-only):not(:focus){border-color:color-mix(in srgb, var(--color-text) 24%, transparent)}}.vmai-field__control:focus{outline:var(--focus-width) solid transparent;border-color:var(--color-accent);box-shadow:0 0 0 calc(var(--space-1) * .75) color-mix(in srgb, var(--color-accent) 18%, transparent)}.vmai-field__control[aria-invalid=true]{border-color:color-mix(in srgb, var(--color-danger) 70%, transparent);animation-name:v-shake;animation-duration:var(--duration-lock);animation-timing-function:var(--ease-out);animation-iteration-count:1}.vmai-field__control[aria-invalid=true]:focus{border-color:var(--color-danger);box-shadow:0 0 0 calc(var(--space-1) * .75) color-mix(in srgb, var(--color-danger) 18%, transparent)}.vmai-field__control:read-only{border-color:var(--color-line);color:var(--color-text-2);background-color:#0000}.vmai-field__control:disabled{background-color:var(--color-raised);color:var(--color-muted);-webkit-text-fill-color:currentcolor;opacity:1;cursor:not-allowed;border-color:#0000}.vmai-field--phone .vmai-field__control{min-block-size:max(var(--control-height-phone), var(--hit-min));font-size:var(--text-md);padding-block:var(--space-3)}.vmai-input{--vmai-clear:calc(var(--space-1) * 0);--vmai-unit:calc(var(--space-1) * 0);--vmai-kbd:calc(var(--space-1) * 0);align-items:center;min-inline-size:0;display:flex;position:relative}.vmai-input[data-clear]{--vmai-clear:calc(var(--space-1) * 6.5)}.vmai-input[data-unit]{--vmai-unit:calc(var(--vmai-unit-chars,1) * var(--text-sm) + var(--space-2))}.vmai-input[data-kbd]{--vmai-kbd:calc(var(--space-1) * 7.5)}.vmai-input .vmai-field__control{padding-inline-end:calc(var(--space-3) + var(--vmai-clear) + var(--vmai-unit) + var(--vmai-kbd))}.vmai-input[data-lead] .vmai-field__control{padding-inline-start:calc(var(--space-3) + var(--icon-sm) + var(--space-2))}.vmai-input__lead{inline-size:var(--icon-sm);color:var(--color-muted);pointer-events:none;transition-property:color;transition-duration:var(--duration-focus);transition-timing-function:var(--ease-out);place-items:center;display:grid;position:absolute;inset-inline-start:var(--space-3)}.vmai-input__lead>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);stroke-width:var(--icon-stroke)}.vmai-input:focus-within .vmai-input__lead,.vmai-input[data-has-value] .vmai-input__lead{color:var(--color-text-2)}.vmai-input[data-loading] .vmai-input__lead>svg{animation-name:v-breathe;animation-duration:calc(var(--duration-breathe) / 2);animation-timing-function:var(--ease-in-out);animation-iteration-count:infinite}.vmai-input__trail{align-items:center;gap:var(--space-2);pointer-events:none;display:flex;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.vmai-input__unit{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;font-weight:500;line-height:1}.vmai-input__clear{inline-size:calc(var(--space-1) * 4.5);block-size:calc(var(--space-1) * 4.5);border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-text) 16%, transparent);color:var(--color-text-2);cursor:pointer;opacity:0;pointer-events:none;transition-property:opacity,transform,background-color;transition-duration:var(--duration-hover);transition-timing-function:var(--ease-out);border:0;place-items:center;margin:0;padding:0;display:grid;position:relative;transform:scale(.6)}.vmai-input__clear[data-visible=true]{opacity:1;pointer-events:auto;transform:scale(1)}.vmai-input__clear:before{content:"";inset:calc(var(--space-2) * -1);position:absolute}.vmai-input__clear>svg{inline-size:calc(var(--space-1) * 2.5);block-size:calc(var(--space-1) * 2.5);stroke-width:calc(var(--icon-stroke) * 1.15)}@media (hover:hover) and (pointer:fine){.vmai-input__clear[data-visible=true]:hover{background-color:color-mix(in srgb, var(--color-text) 28%, transparent)}}.vmai-input__clear[data-visible=true]:active{transform:scale(.9)}.vmai-input__kbd{min-inline-size:var(--space-5);block-size:var(--space-5);padding-inline:calc(var(--space-1) * 1.5);border:var(--border-width) solid color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-muted);font-family:var(--font-num);font-size:var(--text-xs);place-items:center;font-weight:600;line-height:1;display:grid}.vmai-input:focus-within .vmai-input__kbd{display:none}@media (pointer:coarse){.vmai-input__kbd{display:none}.vmai-input__clear:before{inset:calc(var(--space-3) * -1)}}.vmai-field--phone .vmai-input__kbd{display:none}.vmai-field--phone .vmai-input[data-kbd]{--vmai-kbd:calc(var(--space-1) * 0)}.vmai-field--phone .vmai-input__unit{font-size:var(--text-body)}