.textfield{margin-top:1.5rem;position:relative}.textfield__label{position:absolute;top:-1.5rem;white-space:nowrap;overflow:hidden;width:100%;display:inline-block;color:var(--heading-text);font-weight:500}.textfield__input{font-family:var(--font-family);font-size:1rem;width:100%;border-radius:.25rem;padding:1rem .75rem;background-color:var(--textfield-bg);color:var(--textfield-text);border:1px solid var(--textfield-border);transition:border-color .3s}.textfield__input::-moz-placeholder{font:inherit;-moz-user-select:none;user-select:none;color:var(--textfield-placeholder-text)}.textfield__input::placeholder{font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--textfield-placeholder-text)}.textfield--disabled{opacity:.3}.textfield--icon-left .textfield__input{padding-left:2.5rem}.textfield--icon-right .textfield__input{padding-right:2.5rem}.textfield--labelless{margin-top:0}.textfield--muted .textfield__input{border-color:var(--textfield-muted-border)}.textfield--muted .textfield__icon-left,.textfield--muted .textfield__icon-right{color:var(--textfield-muted-icon-text)}.textfield--muted:focus-within .textfield__icon-left,.textfield--muted:focus-within .textfield__icon-right{color:var(--textfield-icon-text)}.textfield--muted:focus-within .textfield__input{border-color:var(--textfield-border)}.textfield__icon-left,.textfield__icon-right{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;padding:.25rem;color:var(--textfield-icon-text);font-size:1rem;transition:color .3s}.textfield__icon-left{left:.75rem}.textfield__icon-right{right:.75rem}.textfield__icon-right--click{pointer-events:initial;cursor:pointer}.file-info{border:1px solid var(--file-info-border);background-color:var(--file-info-bg);padding:0 1.25rem;border-radius:.25rem}.file-info--borderless{border:none}.file-info--no-click .file-info__heading{cursor:initial}.file-info__heading{display:flex;align-items:center;padding:1rem 0;gap:0 1.25rem;cursor:pointer}.file-info__icon{font-size:1.5rem;color:var(--file-info-icon-text)}.file-info__title{flex-grow:1;font-weight:500;color:var(--heading-text)}.file-info__container{overflow:auto}.file-info__action-icon{display:grid;place-items:center}.file-info__action-icon i{font-size:1rem}.file-field__title{font-weight:500;font-size:1.25rem;line-height:2rem;text-align:center;margin-bottom:.75rem}.file-field__dropzone{display:flex;flex-direction:column;align-items:center;background:var(--file-field-dropzone-bg);border:1px dashed var(--file-field-dropzone-border);border-radius:.25rem;padding:2rem;transition:.3s;margin-bottom:.75rem;cursor:pointer}.file-field__dropzone--ready{border:1px solid var(--file-field-dropzone-active-border)}.file-field__icon{margin-bottom:1.5rem}.file-field__prompt{font-weight:700;font-size:1rem;color:var(--file-field-dropzone-text)}.file-field__input{display:none}.file-field__filelist{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem 0}.file-field__filelist .file-info__heading{cursor:initial}.file-field__flex{display:flex;justify-content:space-between;align-items:center}.file-field__flex>*{flex:1;margin-right:1.25rem}.file-field__flex>:last-child{margin-right:0}.file-field__flex>:only-child{margin:0}.file-field .option{display:flex;justify-content:space-between;align-items:center}.file-field .option-title{color:var(--grey-dkst);font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.00219rem}
