.field{--field-border-color:var(--color-gr-20);--field-background-color:#fff;--field-text-color:var(--color-gr-20);--field-border-width:0.2em;--field-top-padding:1.5em;--field-bottom-padding:0.5em;--field-left-padding:calc(var(--lh) - var(--field-border-width));--field-right-padding:1em;--field-focused-border-width:calc(var(--field-left-padding) - 0.7em);--field-font-weight:500;display:block;position:relative;background-color:var(--field-border-color)}.field--dark{--field-border-color:var(--color-gr-98);--field-background-color:var(--color-gr-25);--field-text-color:var(--color-gr-98)}.field--invalid{--field-border-color:var(--color-co-3)}.field--dark.field--invalid{--field-border-color:var(--color-co-1)}.field__control{display:block;margin:0;box-sizing:border-box;width:100%;padding:0;border-radius:0;border-width:var(--field-top-padding) var(--field-right-padding) var(--field-bottom-padding) var(--field-left-padding);border-color:var(--field-background-color);border-style:solid;background-color:var(--field-background-color);color:var(--field-text-color);font:inherit;font-weight:var(--field-font-weight);appearance:none;resize:none;transition-property:clip-path;transition-duration:.3s;clip-path:polygon(var(--field-border-width) -1%,101% -1%,101% 101%,var(--field-border-width) 101%);box-shadow:inset 0 0 0 9999px var(--field-background-color);-webkit-text-fill-color:var(--field-text-color)}.field--area .field__control{height:15em;overflow:auto}.field__control:focus{outline:0;clip-path:polygon(var(--field-focused-border-width) -1%,101% -1%,101% 101%,var(--field-focused-border-width) 101%)}.field__control::placeholder{visibility:hidden}.field__label{position:absolute;top:calc((var(--field-top-padding) + var(--field-bottom-padding))/ 2);left:var(--field-left-padding);right:var(--field-right-padding);color:var(--field-text-color);font-weight:calc(var(--field-font-weight) + 100);opacity:.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transform-origin:left;transition-duration:.3s;transition-property:transform}.field__control:focus+.field__label,.field__control:not(:placeholder-shown)+.field__label{transform:translateY(calc(-.1em - var(--lh)/ 2)) scale(.75)}.field__requirement-indicator{padding-left:.5em;font-weight:calc(var(--field-font-weight) - 200)}