@layer components.form{:host{display:block;font-size:var(--s0);--_input-padding: var(--s-1);--_label-font-floating: var(--s-1);--_label-left: calc(var(--_input-padding) + 0.25em)}:host([error]){input,textarea,select{border:1px solid var(--color-error);box-shadow:0 0 5px 2px var(--color-error)}}e-c{display:flex;flex-direction:column;position:relative;margin-bottom:.5rem;input,textarea,select{display:block;padding:var(--s-1);font-size:var(--s0);font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--border-radius);outline:none;transition:border .2s ease,box-shadow .2s ease;background-color:white;margin:3px;&::placeholder{color:transparent}&:hover{border:1px solid var(--color-primary)}&:focus{border:1px solid var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}&:focus-visible{border:1px solid var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}&[aria-invalid=true]{border:1px solid var(--color-error);&:focus{border:1px solid var(--color-error);box-shadow:0 0 0 2px var(--color-error)}&:focus-visible{border:1px solid var(--color-error);box-shadow:0 0 0 2px var(--color-error)}}}textarea{resize:vertical}&:has(textarea) label{top:24px}select{cursor:pointer}label{position:absolute;left:var(--_label-left);top:50%;transform:translateY(-50%);background:white;padding:0 .25em;color:var(--color-text);transition:all .4s ease;pointer-events:none}input[required]+label::after,textarea[required]+label::after,select[required]+label::after{content:" *"}input:focus+label,input:not(:placeholder-shown)+label,textarea:focus+label,textarea:not(:placeholder-shown)+label{top:0;transform:translateY(-50%);left:var(--_label-left);font-size:var(--_label-font-floating);color:var(--color-primary)}input[aria-invalid=true]+label,textarea[aria-invalid=true]+label,select[aria-invalid=true]+label{color:var(--color-error)}e-error{position:absolute;bottom:calc(-1*var(--_label-font-floating) - .5em);left:var(--_label-left);color:var(--color-error);font-size:var(--_label-font-floating);white-space:nowrap;z-index:1}e-error:empty{display:none}}}/*# sourceMappingURL=shared-styles.css.map */