.file-input{width:100%}.file-input__html-label{color:var(--fontColor);margin-bottom:calc(var(--boxSizeMargin) * .5)}.file-input__input{display:none}.file-input__label{cursor:pointer;flex-grow:1;margin-top:calc(var(--boxSizeMargin) * -1);margin-bottom:calc(var(--boxSizeMargin) * -1);padding-top:var(--boxSizeMargin);padding-bottom:var(--boxSizeMargin);margin-left:calc(var(--boxSizeMargin) * -2);padding-left:calc(var(--boxSizeMargin) * 2);border-radius:2rem}.file-input__label-container{border:1px solid var(--shade03);background-color:var(--backgroundColor);border-radius:2rem;padding:var(--boxSizeMargin) calc(var(--boxSizeMargin) * 2);font-size:var(--regularSize);color:var(--fontColor);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--boxSizeMargin)}.file-input__hint{color:var(--fontDisabled);margin-left:calc(var(--boxSizeMargin) * 2)}.file-input__hint--info{color:var(--fontDisabled)}.file-input__hint--error{color:var(--warning)}