.tna-file-input__droppable-status{--background: var(--background-tint);background-color:var(--background, #f4f4f4)}.tna-file-input__droppable:not(.tna-file-input__droppable--empty) .tna-file-input__droppable-status{--background: var(--accent-background-light);--font-base: #343338;--font-dark: rgb(1, 1, 1);--font-light: rgba(1, 1, 1, 0.58);--icon-light: rgba(1, 1, 1, 0.58);--keyline: rgba(38, 38, 42, 0.25);--keyline-dark: rgb(38, 38, 42);--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--accent-border: var(--accent-background);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-file-input__droppable:not(.tna-file-input__droppable--empty) .tna-file-input__droppable-status,.tna-file-input__droppable:not(.tna-file-input__droppable--empty) .tna-template--system-theme .tna-file-input__droppable-status{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}}.tna-template--dark-theme .tna-file-input__droppable:not(.tna-file-input__droppable--empty) .tna-file-input__droppable-status,.tna-file-input__droppable:not(.tna-file-input__droppable--empty) .tna-template--dark-theme .tna-file-input__droppable-status{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}.tna-file-input__droppable:not(.tna-file-input__droppable--empty) .tna-file-input__droppable-status,.tna-file-input__droppable--over::before,.tna-file-input__droppable--over-multiple::before{--accent-font-base: rgb(255, 255, 255) !important;--accent-font-dark: rgb(255, 255, 255) !important;--accent-font-light: rgba(255, 255, 255, 0.7) !important;--accent-icon-light: rgba(255, 255, 255, 0.7) !important;--accent-link: rgb(255, 255, 255) !important;--accent-link-visited: rgb(255, 255, 255) !important;--accent-keyline: rgba(255, 255, 255, 0.5) !important;--accent-keyline-dark: rgba(255, 255, 255, 0.8) !important;--button-accented-text: rgb(255, 255, 255) !important}.tna-file-input__droppable--over::before,.tna-file-input__droppable--over-multiple::before{--accent-background: rgb(0, 98, 59) !important;--accent-background-light: rgb(221, 229, 213) !important;--accent-border: rgb(0, 98, 59) !important;--accent-border-bright: rgb(134, 188, 37) !important;--button-accented-background: rgb(0, 98, 59) !important}.tna-file-input__droppable:not(.tna-file-input__droppable--empty) .tna-file-input__droppable-status{--accent-background: rgb(0, 76, 126) !important;--accent-background-light: rgb(212, 229, 239) !important;--accent-border: rgb(0, 76, 126) !important;--accent-border-bright: rgb(0, 176, 255) !important;--button-accented-background: rgb(0, 76, 126) !important}.tna-file-input__droppable:has(.tna-file-input:focus){outline:3px #010101 solid !important;outline-offset:3px !important;box-shadow:0 0 0 3px #fc0 !important;transition:outline-offset .1s,box-shadow .1s}.tna-template--dark-theme .tna-file-input__droppable:has(.tna-file-input:focus){outline-color:#fc0 !important;box-shadow:0 0 0 3px #010101 !important}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-file-input__droppable:has(.tna-file-input:focus){outline-color:#fc0 !important;box-shadow:0 0 0 3px #010101 !important}}.tna-file-input{width:100%;display:block;box-sizing:border-box;border-radius:.1px;cursor:pointer}.tna-file-input::file-selector-button{margin-right:0.5rem;cursor:inherit}.tna-file-input__droppable{width:100%;padding:0.5rem 1rem 1rem;box-sizing:border-box;position:relative;border:2px var(--keyline, rgba(38, 38, 42, 0.25)) solid;border-radius:2px}.tna-file-input__droppable--empty{border-style:dashed}.tna-file-input__droppable:has(:is(.tna-file-input:hover,.tna-file-input:active)){border-color:var(--keyline-dark, rgb(38, 38, 42))}.tna-file-input__droppable .tna-file-input{padding:1rem;position:absolute;inset:0;z-index:1;opacity:0}.tna-file-input__droppable-buttons{font-size:0.875rem;line-height:1.5rem}@media(max-width: 30em){.tna-file-input__droppable-buttons{flex-direction:row;align-items:center}}.tna-file-input__droppable-status{margin-top:0.5rem;padding:0.5rem;display:block;overflow:hidden;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;border-radius:2px}.tna-file-input__droppable:not(.tna-file-input__droppable--empty) .tna-file-input__droppable-status{font-weight:600}.tna-file-input__droppable .tna-file-input:hover~.tna-file-input__droppable-buttons .tna-button:not(.tna-button--plain){color:var(--button-hover-text, rgb(1, 1, 1));text-decoration:none;background:rgba(0,0,0,0)}.tna-file-input__droppable--over,.tna-file-input__droppable--over-multiple{border-color:var(--keyline-dark, rgb(38, 38, 42))}.tna-file-input__droppable--over::before,.tna-file-input__droppable--over-multiple::before{display:flex;align-items:center;justify-content:center;position:absolute;inset:0.5rem;z-index:2;pointer-events:none;color:var(--accent-font-base, rgb(1, 1, 1));font-weight:700;background-color:var(--accent-background, #afb6b5)}.tna-file-input__droppable--over::before{content:"Drop file here"}.tna-file-input__droppable--over-multiple::before{content:"Drop files here"}/*# sourceMappingURL=file-input.css.map */