.file-upload{height:auto}.file-upload__wrapper{display:inline-block;position:relative}.file-upload__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background:var(--color-gray-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-dasharray='6, 14' stroke-dashoffset='13' stroke-linecap='square' stroke-width='3'/%3E%3C/svg%3E");display:-webkit-box;display:flex;flex-direction:column;gap:var(--spacing-s);justify-content:center;padding:var(--spacing-l);position:relative;text-align:center}.file-upload__content p{margin:0}.file-upload__button{width:auto}.file-upload__button:has(input[type=file]:focus),.file-upload__button:has(input[type=file]:hover){background:var(--button-bg--focus);color:var(--button-fg--focus);outline:2px solid currentColor;outline-offset:2px}.file-upload__allowed-types{color:var(--color-gray-darkest)}.file-upload input[type=file]{bottom:0;left:0;margin:0;opacity:0;position:absolute;right:0;top:0}.file-upload__preview{font-weight:var(--bold);margin-top:var(--spacing);text-align:left}.file-upload__preview-item{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-box-align:center;-webkit-box-pack:end;align-items:center;background:var(--color-gray-light);display:-webkit-box;display:flex;flex-direction:row-reverse;gap:var(--spacing-s);justify-content:flex-end;margin-bottom:var(--spacing-xs);padding:var(--spacing-s)}.file-upload__preview-image,.file-upload__preview-item svg{-webkit-box-ordinal-group:2;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;order:1;width:1.875rem}