:root{--media-max-width:34em}.form-field{background:var(--form-field-background,none);border:var(--form-field-border,none);border-radius:var(--border-radius);box-shadow:var(--form-field-box-shadow,none);outline:var(--form-field-outline,none);padding:var(--form-field-padding,0);--sizing:var(--form-sizing,1);color:currentColor}.form-field__status{align-items:center;display:flex;font-size:1.25em;height:1em;justify-content:center;line-height:1;position:absolute;right:var(--space-s);top:50%;transform:translateY(-50%);width:1em}.form-field__status--success{color:var(--color-success)}.form-field__status--error{color:var(--color-error)}.form-field__status .icon{--icon-fill:transparent}.form-field__errors{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-s) 0}.form-field__error{animation:popInError .3s var(--bezier);background-color:color-mix(in srgb,var(--color-error),var(--color-background) 80%);border:1px solid color-mix(in srgb,var(--color-error),var(--color-background) 50%);border-radius:var(--border-radius);color:color-mix(in srgb,var(--color-error),var(--color-foreground) 50%);font-size:.66em;padding:1em;transform-origin:0 0}@keyframes popInError{0%{opacity:0;transform:scaleY(.5) translateY(25%)}to{opacity:1;transform:scale(1) translateY(0)}}.form-field--small{--sizing:.75}.form-field--medium{--sizing:1}.form-field--large{--sizing:1.25}.form-field__prefix,.form-field__suffix{align-items:baseline;color:var(--color-foreground);font-size:calc(.875em*var(--sizing));line-height:2;margin-right:var(--space-xs);opacity:.5;padding:var(--space);padding-left:var(--space);padding-right:0;position:relative;z-index:2}.form-field__control-container{display:flex}.form-field__control{background-color:transparent;border:none;color:currentColor;font-size:calc(1em*var(--sizing));line-height:1;padding:var(--input-control-padding,var(--input-control-padding-y,calc(.75em*var(--sizing)))) var(--input-control-padding,var(--input-control-padding-x,calc(var(--sizing)*1em)));position:relative;text-align:var(--input-control-text-align,left);width:100%;z-index:2}.form-field__control:focus{outline:none}.form-field__control::-moz-placeholder{opacity:.5}.form-field__control::placeholder{opacity:.5}.form-field__description{font-size:.75em;margin:var(--space) 0;opacity:.5}.form-field--no-controls input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-field--no-controls input[type=number]::-webkit-inner-spin-button,.form-field--no-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field__control-container{font-size:var(--input-control-font-size,1em);position:relative;width:100%}.form-field__control-container:has([disabled]):not(:has([disabled=false])){opacity:.25}.form-field__control-container:before{background-color:var(--input-control-background,var(--color-background));border-radius:var(--input-border-radius,var(--border-radius));box-shadow:var(--drop-shadow);content:"";height:100%;left:0;opacity:1;outline:1px solid color-mix(in srgb,var(--color-foreground),var(--color-background) 66.66%);position:absolute;top:0;transition:box-shadow .3s ease-in-out;width:100%}[data-contrast-mode] .form-field__control-container:before{outline:2px solid var(--color-foreground)}.form-field__control-container:has(:focus):before{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary),var(--color-background) 80%);opacity:1;outline:1px solid color-mix(in srgb,var(--color-primary),var(--color-background) 50%)}[data-contrast-mode] .form-field__control-container:has(:focus):before{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary),var(--color-background) 50%);outline:2px solid color-mix(in srgb,var(--primar),var(--color-background) 50%)}.form-field__control-container:hover .form-field__reset,.form-field__controls:hover .form-field__reset{opacity:1}.form-field__label{display:block;font-size:calc(.875em*var(--sizing));font-weight:500}.form-field__label+[class*=control-container],.form-field__label+[class*=controls]{margin-top:.5em}.form-field__reset{opacity:0;position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);z-index:100}.form-field+.form-field{margin-top:var(--spacing-form-field,var(--space))}.form-field__container{display:flex;flex-direction:column;gap:var(--space)}.form-field div [class*=__label]{font-size:.875em;padding:0}.form-field__label{color:var(--color-primary);font-size:.75em;font-weight:600;padding:var(--space) 0;text-transform:uppercase}.form-field--inline .form-field__container>div{align-items:center;display:flex;gap:var(--space)}.form-field--inline div [class*=__label]{width:50%}