.file-field:has(.sm){width:520px}.file-field:has(.md){width:600px}.file-field:has(.lg){width:100%}.file-field:has(.lg)>button.file-drop-zone>.file-drop-zone-information{min-height:100px}.file-field>button.file-drop-zone{border-radius:var(--size-2xs);border:2px dashed var(--control-border-default);justify-content:space-around;padding:0 1rem;display:flex}@keyframes hatchMarkProcessingAnim{0%{background-position-x:0}to{background-position-x:14px}}.file-field>button.file-drop-zone.validating,.file-field>button.file-drop-zone.error,.file-field>button.file-drop-zone.unacceptable-file,.file-field>button.file-drop-zone.invalid{box-shadow:none;background-image:url(/versions/v0.1.0-c29ae38ad3/assets/fileFields-hatch-KUI_yBW7-v0.1.0-c29ae38ad3.svg#hatchPattern);background-repeat:round;outline:none}.file-field>button.file-drop-zone.validating,.file-field>button.file-drop-zone.error,.file-field>button.file-drop-zone.unacceptable-file{animation:1s linear infinite hatchMarkProcessingAnim}.file-field>button.file-drop-zone.validating{border:2px dashed var(--interact-border-active);background-color:var(--interact-bg-weak-active);cursor:no-drop!important}.file-field>button.file-drop-zone.invalid,.file-field>button.file-drop-zone.error,.file-field>button.file-drop-zone.unacceptable-file{border:2px dashed var(--negative-border-medium-active)}.file-field>button.file-drop-zone.error,.file-field>button.file-drop-zone.unacceptable-file{background-color:color-mix(in srgb, var(--negative-bg-active), transparent 80%);cursor:no-drop!important}.file-field>button.file-drop-zone.invalid{background-color:color-mix(in srgb, var(--negative-bg-weak-active), transparent 50%)}.file-field>button.file-drop-zone.invalid>.file-drop-zone-information{border-color:var(--negative-border-default)}.file-field>button.file-drop-zone.acceptable-file{border:2px dashed var(--positive-border-active);background-color:color-mix(in srgb, var(--positive-bg-medium-hover), transparent 80%);cursor:grab!important}.file-field>button.file-drop-zone.acceptable-file>.file-drop-zone-information{outline:1px solid color-mix(in srgb, var(--positive-bg-medium-hover), transparent 20%);outline-offset:5px}.file-field>button.file-drop-zone:not(.success):active{border-color:var(--interact-bg-active);background-color:var(--base-bg-weak-disabled)}.file-field>button.file-drop-zone:not(.success):focus-visible{background-color:var(--interact-bg-weak-active)}.file-field>button.file-drop-zone.validating:active{border-color:var(--interact-border-disabled)}.file-field>button.file-drop-zone.success{border-color:var(--control-border-default);border-style:solid}.file-field>button.file-drop-zone.success:hover{border-color:var(--control-border-hover)}.file-field>button.file-drop-zone.success:focus{box-shadow:var(--effects-shadow-focus)}.file-field>button.file-drop-zone.success:focus-visible{box-shadow:var(--effects-shadow-focus)}.file-field>button.file-drop-zone>.file-drop-zone-information{align-items:center;gap:var(--size-xs);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);min-height:30px;padding:0 var(--size-xs);border-radius:var(--size-2xs);pointer-events:none;border:1px solid #0000;display:flex}.file-field>button.file-drop-zone>.file-drop-zone-information>svg{min-width:var(--size-lg)}.file-field>button.file-drop-zone>.file-drop-zone-information .file-name{font-family:monospace}.file-field>button.file-drop-zone>.file-drop-zone-information .file-size{margin-left:1rem}.file-field>button.file-drop-zone>.file-drop-zone-information .browse-button{margin-left:var(--size-sm);padding-top:0;padding-bottom:0}.file-field>button.file-drop-zone>.file-drop-zone-information .file-clear-button{pointer-events:auto;padding:var(--size-2xs);cursor:pointer;border-radius:var(--size-2xs);color:var(--content-secondary);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.file-field>button.file-drop-zone>.file-drop-zone-information .file-clear-button:hover{background:var(--control-bg-hover);color:var(--content-primary)}