.field-file{display:flex;flex-direction:column}@media screen and (width >= 750px){.field-file{flex-direction:row}}input[type=file]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.button--file-label{background-color:#fff;border:1px solid rgba(var(--color-button), var(--alpha-button-background));cursor:unset;padding-left:2rem;padding-right:1rem;width:100%;text-align:center;transition:width .3s ease-in-out;border-bottom-right-radius:0;border-bottom-left-radius:0}@media screen and (width >= 750px){.button--file-label{padding-left:1rem;width:60%;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}}.file-name-container{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;width:100%}@media screen and (width >= 750px){.file-name-container{max-width:200px}}.file-name{display:inline-block;text-overflow:ellipsis;overflow:hidden;vertical-align:bottom;color:#000;max-width:calc(100% - 3rem)}.file-extension{display:inline-block;vertical-align:bottom}.file-input-label{transition:width .3s ease-in-out;border-top-right-radius:0;border-top-left-radius:0}@media screen and (width >= 750px){.file-input-label{border-bottom-left-radius:0;border-top-left-radius:0;border-top-right-radius:4px}}