.file-upload *,
.file-upload *:before,
.file-upload *:after {
    box-sizing: border-box;
}
.file-upload {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: auto;
}
.file-upload__inner {
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
}
.file-upload__label {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 128px;
    padding: 15px;
    margin: 0;
    border: 2px dashed var(--color-grey);
    border-radius: 4px;
    transition: height 0.3s ease;
}
.file-upload__label-empty {
    height: 384px;
}
.file-upload__button {
    text-align: center;
    font-weight: 500;
}
.file-upload__title {
    margin-left: 8px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
    opacity: 0.6;
}
.file-upload__label + .file-upload__list {
    margin-top: 16px;
}
.file-upload__list {
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 16px;
    border: 2px solid var(--color-grey);
    border-radius: 4px;
}
.file-upload__list-item {
    display: flex;
    align-items: center;
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    gap: 16px;
}
.file-upload__list-item + .file-upload__list-item {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 2px solid var(--color-grey);
}
.file-upload__list-img-wrapper {
    flex: 0 0 auto;
    display: block;
    width: 64px;
    height: 64px;
    position: relative;
    border: 1px solid var(--color-grey);
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}
.file-upload__list-icon {
    border: none;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MSA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDAuMDQ5OCA5Ljg3ODExVjQ0QzQwLjA0OTggNDUuNzk0OSAzOC41OTQ3IDQ3LjI1IDM2Ljc5OTggNDcuMjVIOC43OTk5OUM3LjAwNTA2IDQ3LjI1IDUuNTQ5OTkgNDUuNzk0OSA1LjU0OTk5IDQ0VjRDNS41NDk5OSAyLjIwNTA3IDcuMDA1MDYgMC43NSA4Ljc5OTk5IDAuNzVIMzAuMTExOEw0MC4wNDk4IDkuODc4MTFaIiBzdHJva2U9IiNCNDg2NEYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PG1hc2sgaWQ9InBhdGgtMi1pbnNpZGUtMV8yXzI0IiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTI5LjIgMS4yMDAwMUgzOS40VjExLjRIMzAuMkMyOS42NDc3IDExLjQgMjkuMiAxMC45NTIzIDI5LjIgMTAuNFYxLjIwMDAxWiIvPjwvbWFzaz48cGF0aCBkPSJNMjkuMiAxLjIwMDAxSDM5LjRIMjkuMlpNMzkuNCAxMi40SDMwLjJDMjkuMDk1NCAxMi40IDI4LjIgMTEuNTA0NiAyOC4yIDEwLjRIMzAuMkgzOS40VjEyLjRaTTMwLjIgMTIuNEMyOS4wOTU0IDEyLjQgMjguMiAxMS41MDQ2IDI4LjIgMTAuNFYxLjIwMDAxSDMwLjJWMTAuNFYxMi40Wk0zOS40IDEuMjAwMDFWMTEuNFYxLjIwMDAxWiIgZmlsbD0iI0I0ODY0RiIgbWFzaz0idXJsKCNwYXRoLTItaW5zaWRlLTFfMl8yNCkiLz48cmVjdCB5PSIyNCIgd2lkdGg9IjI3LjYiIGhlaWdodD0iMTUuNiIgcng9IjIiIGZpbGw9IiNCNDg2NEYiLz48cGF0aCBkPSJNMTkuOTUxOCAyOS42NlYzMS4wOEgyMi4yNDE4VjMyLjRIMTkuOTUxOFYzMy45NEgyMi41NDE4VjM1LjMxSDE4LjI0MThWMjguMjlIMjIuNTQxOFYyOS42NkgxOS45NTE4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTUuMTg2MiAzMy45OUgxNy40MjYyVjM1LjMxSDEzLjQ3NjJWMjguMjlIMTUuMTg2MlYzMy45OVoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTEyLjIzNjkgMjguMjlWMzUuMzFIMTAuNTI2OVYyOC4yOUgxMi4yMzY5WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNOS42MjgyIDI4LjI5VjI5LjY2SDYuNzY4MlYzMS4xNEg4LjkwODJWMzIuNDdINi43NjgyVjM1LjMxSDUuMDU4MlYyOC4yOUg5LjYyODJaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
}
.file-upload__list-icon_pdf {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MSA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDAuMDQ5OCA5Ljg3ODExVjQ0QzQwLjA0OTggNDUuNzk0OSAzOC41OTQ3IDQ3LjI1IDM2Ljc5OTggNDcuMjVIOC43OTk5OUM3LjAwNTA2IDQ3LjI1IDUuNTQ5OTkgNDUuNzk0OSA1LjU0OTk5IDQ0VjRDNS41NDk5OSAyLjIwNTA3IDcuMDA1MDYgMC43NSA4Ljc5OTk5IDAuNzVIMzAuMTExOEw0MC4wNDk4IDkuODc4MTFaIiBzdHJva2U9IiNCNDg2NEYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PG1hc2sgaWQ9InBhdGgtMi1pbnNpZGUtMV8yXzIzIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTI5LjIgMS4yMDAwMUgzOS40VjExLjRIMzAuMkMyOS42NDc3IDExLjQgMjkuMiAxMC45NTIzIDI5LjIgMTAuNFYxLjIwMDAxWiIvPjwvbWFzaz48cGF0aCBkPSJNMjkuMiAxLjIwMDAxSDM5LjRIMjkuMlpNMzkuNCAxMi40SDMwLjJDMjkuMDk1NCAxMi40IDI4LjIgMTEuNTA0NiAyOC4yIDEwLjRIMzAuMkgzOS40VjEyLjRaTTMwLjIgMTIuNEMyOS4wOTU0IDEyLjQgMjguMiAxMS41MDQ2IDI4LjIgMTAuNFYxLjIwMDAxSDMwLjJWMTAuNFYxMi40Wk0zOS40IDEuMjAwMDFWMTEuNFYxLjIwMDAxWiIgZmlsbD0iI0I0ODY0RiIgbWFzaz0idXJsKCNwYXRoLTItaW5zaWRlLTFfMl8yMykiLz48cmVjdCB5PSIyNCIgd2lkdGg9IjI3LjYiIGhlaWdodD0iMTUuNiIgcng9IjIiIGZpbGw9IiNCNDg2NEYiLz48cGF0aCBkPSJNMjIuODM3OSAyOC4yOVYyOS42NkgxOS45Nzc5VjMxLjE0SDIyLjExNzlWMzIuNDdIMTkuOTc3OVYzNS4zMUgxOC4yNjc5VjI4LjI5SDIyLjgzNzlaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xMy42MzIzIDI4LjI5QzE0LjM3MjMgMjguMjkgMTUuMDE5IDI4LjQzNjcgMTUuNTcyMyAyOC43M0MxNi4xMjU3IDI5LjAyMzMgMTYuNTUyMyAyOS40MzY3IDE2Ljg1MjMgMjkuOTdDMTcuMTU5IDMwLjQ5NjcgMTcuMzEyMyAzMS4xMDY3IDE3LjMxMjMgMzEuOEMxNy4zMTIzIDMyLjQ4NjcgMTcuMTU5IDMzLjA5NjcgMTYuODUyMyAzMy42M0MxNi41NTIzIDM0LjE2MzMgMTYuMTIyMyAzNC41NzY3IDE1LjU2MjMgMzQuODdDMTUuMDA5IDM1LjE2MzMgMTQuMzY1NyAzNS4zMSAxMy42MzIzIDM1LjMxSDExLjAwMjNWMjguMjlIMTMuNjMyM1pNMTMuNTIyMyAzMy44M0MxNC4xNjkgMzMuODMgMTQuNjcyMyAzMy42NTMzIDE1LjAzMjMgMzMuM0MxNS4zOTIzIDMyLjk0NjcgMTUuNTcyMyAzMi40NDY3IDE1LjU3MjMgMzEuOEMxNS41NzIzIDMxLjE1MzMgMTUuMzkyMyAzMC42NSAxNS4wMzIzIDMwLjI5QzE0LjY3MjMgMjkuOTMgMTQuMTY5IDI5Ljc1IDEzLjUyMjMgMjkuNzVIMTIuNzEyM1YzMy44M0gxMy41MjIzWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTAuMTEyMSAzMC41NUMxMC4xMTIxIDMwLjk1NjcgMTAuMDE4OCAzMS4zMyA5LjgzMjA5IDMxLjY3QzkuNjQ1NDIgMzIuMDAzMyA5LjM1ODc1IDMyLjI3MzMgOC45NzIwOCAzMi40OEM4LjU4NTQyIDMyLjY4NjcgOC4xMDU0MiAzMi43OSA3LjUzMjA4IDMyLjc5SDYuNDcyMDlWMzUuMzFINC43NjIwOFYyOC4yOUg3LjUzMjA4QzguMDkyMDggMjguMjkgOC41NjU0MiAyOC4zODY3IDguOTUyMDkgMjguNThDOS4zMzg3NSAyOC43NzMzIDkuNjI4NzUgMjkuMDQgOS44MjIwOSAyOS4zOEMxMC4wMTU0IDI5LjcyIDEwLjExMjEgMzAuMTEgMTAuMTEyMSAzMC41NVpNNy40MDIwOCAzMS40M0M3LjcyODc1IDMxLjQzIDcuOTcyMDkgMzEuMzUzMyA4LjEzMjA5IDMxLjJDOC4yOTIwOSAzMS4wNDY3IDguMzcyMDkgMzAuODMgOC4zNzIwOSAzMC41NUM4LjM3MjA5IDMwLjI3IDguMjkyMDkgMzAuMDUzMyA4LjEzMjA5IDI5LjlDNy45NzIwOSAyOS43NDY3IDcuNzI4NzUgMjkuNjcgNy40MDIwOCAyOS42N0g2LjQ3MjA5VjMxLjQzSDcuNDAyMDhaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
}
.file-upload__list-icon[class$="document"] {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MSA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDAuMDQ5OCA5Ljg3ODExVjQ0QzQwLjA0OTggNDUuNzk0OSAzOC41OTQ3IDQ3LjI1IDM2Ljc5OTggNDcuMjVIOC43OTk5OUM3LjAwNTA2IDQ3LjI1IDUuNTQ5OTkgNDUuNzk0OSA1LjU0OTk5IDQ0VjRDNS41NDk5OSAyLjIwNTA3IDcuMDA1MDYgMC43NSA4Ljc5OTk5IDAuNzVIMzAuMTExOEw0MC4wNDk4IDkuODc4MTFaIiBzdHJva2U9IiNCNDg2NEYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PG1hc2sgaWQ9InBhdGgtMi1pbnNpZGUtMV80XzQ3IiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTI5LjIgMS4yMDAwMUgzOS40VjExLjRIMzAuMkMyOS42NDc3IDExLjQgMjkuMiAxMC45NTIzIDI5LjIgMTAuNFYxLjIwMDAxWiIvPjwvbWFzaz48cGF0aCBkPSJNMjkuMiAxLjIwMDAxSDM5LjRIMjkuMlpNMzkuNCAxMi40SDMwLjJDMjkuMDk1NCAxMi40IDI4LjIgMTEuNTA0NiAyOC4yIDEwLjRIMzAuMkgzOS40VjEyLjRaTTMwLjIgMTIuNEMyOS4wOTU0IDEyLjQgMjguMiAxMS41MDQ2IDI4LjIgMTAuNFYxLjIwMDAxSDMwLjJWMTAuNFYxMi40Wk0zOS40IDEuMjAwMDFWMTEuNFYxLjIwMDAxWiIgZmlsbD0iI0I0ODY0RiIgbWFzaz0idXJsKCNwYXRoLTItaW5zaWRlLTFfNF80NykiLz48cmVjdCB5PSIyNCIgd2lkdGg9IjI3LjYiIGhlaWdodD0iMTUuNiIgcng9IjIiIGZpbGw9IiNCNDg2NEYiLz48cGF0aCBkPSJNMTcuNzg4NSAzMS44MDVDMTcuNzg4NSAzMS4xMTE2IDE3LjkzODUgMzAuNDk1IDE4LjIzODUgMjkuOTU1QzE4LjUzODUgMjkuNDA4MyAxOC45NTUyIDI4Ljk4NSAxOS40ODg1IDI4LjY4NUMyMC4wMjg1IDI4LjM3ODMgMjAuNjM4NSAyOC4yMjUgMjEuMzE4NSAyOC4yMjVDMjIuMTUxOCAyOC4yMjUgMjIuODY1MSAyOC40NDUgMjMuNDU4NSAyOC44ODVDMjQuMDUxOCAyOS4zMjUgMjQuNDQ4NSAyOS45MjUgMjQuNjQ4NSAzMC42ODVIMjIuNzY4NUMyMi42Mjg1IDMwLjM5MTYgMjIuNDI4NSAzMC4xNjgzIDIyLjE2ODUgMzAuMDE1QzIxLjkxNTIgMjkuODYxNiAyMS42MjUxIDI5Ljc4NSAyMS4yOTg1IDI5Ljc4NUMyMC43NzE4IDI5Ljc4NSAyMC4zNDUxIDI5Ljk2ODMgMjAuMDE4NSAzMC4zMzVDMTkuNjkxOCAzMC43MDE2IDE5LjUyODUgMzEuMTkxNiAxOS41Mjg1IDMxLjgwNUMxOS41Mjg1IDMyLjQxODMgMTkuNjkxOCAzMi45MDgzIDIwLjAxODUgMzMuMjc1QzIwLjM0NTEgMzMuNjQxNiAyMC43NzE4IDMzLjgyNSAyMS4yOTg1IDMzLjgyNUMyMS42MjUxIDMzLjgyNSAyMS45MTUyIDMzLjc0ODMgMjIuMTY4NSAzMy41OTVDMjIuNDI4NSAzMy40NDE2IDIyLjYyODUgMzMuMjE4MyAyMi43Njg1IDMyLjkyNUgyNC42NDg1QzI0LjQ0ODUgMzMuNjg1IDI0LjA1MTggMzQuMjg1IDIzLjQ1ODUgMzQuNzI1QzIyLjg2NTEgMzUuMTU4MyAyMi4xNTE4IDM1LjM3NSAyMS4zMTg1IDM1LjM3NUMyMC42Mzg1IDM1LjM3NSAyMC4wMjg1IDM1LjIyNSAxOS40ODg1IDM0LjkyNUMxOC45NTUyIDM0LjYxODMgMTguNTM4NSAzNC4xOTUgMTguMjM4NSAzMy42NTVDMTcuOTM4NSAzMy4xMTUgMTcuNzg4NSAzMi40OTgzIDE3Ljc4ODUgMzEuODA1WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTMuNTM3MiAzNS4zOTVDMTIuODc3MiAzNS4zOTUgMTIuMjcwNSAzNS4yNDE3IDExLjcxNzIgMzQuOTM1QzExLjE3MDUgMzQuNjI4MyAxMC43MzM4IDM0LjIwMTcgMTAuNDA3MiAzMy42NTVDMTAuMDg3MiAzMy4xMDE3IDkuOTI3MTUgMzIuNDgxNyA5LjkyNzE1IDMxLjc5NUM5LjkyNzE1IDMxLjEwODMgMTAuMDg3MiAzMC40OTE3IDEwLjQwNzIgMjkuOTQ1QzEwLjczMzggMjkuMzk4MyAxMS4xNzA1IDI4Ljk3MTcgMTEuNzE3MiAyOC42NjVDMTIuMjcwNSAyOC4zNTgzIDEyLjg3NzIgMjguMjA1IDEzLjUzNzIgMjguMjA1QzE0LjE5NzIgMjguMjA1IDE0LjgwMDUgMjguMzU4MyAxNS4zNDcyIDI4LjY2NUMxNS45MDA1IDI4Ljk3MTcgMTYuMzMzOCAyOS4zOTgzIDE2LjY0NzIgMjkuOTQ1QzE2Ljk2NzIgMzAuNDkxNyAxNy4xMjcyIDMxLjEwODMgMTcuMTI3MiAzMS43OTVDMTcuMTI3MiAzMi40ODE3IDE2Ljk2NzIgMzMuMTAxNyAxNi42NDcyIDMzLjY1NUMxNi4zMjcyIDM0LjIwMTcgMTUuODkzOCAzNC42MjgzIDE1LjM0NzIgMzQuOTM1QzE0LjgwMDUgMzUuMjQxNyAxNC4xOTcyIDM1LjM5NSAxMy41MzcyIDM1LjM5NVpNMTMuNTM3MiAzMy44MzVDMTQuMDk3MiAzMy44MzUgMTQuNTQzOCAzMy42NDgzIDE0Ljg3NzIgMzMuMjc1QzE1LjIxNzIgMzIuOTAxNyAxNS4zODcyIDMyLjQwODMgMTUuMzg3MiAzMS43OTVDMTUuMzg3MiAzMS4xNzUgMTUuMjE3MiAzMC42ODE3IDE0Ljg3NzIgMzAuMzE1QzE0LjU0MzggMjkuOTQxNyAxNC4wOTcyIDI5Ljc1NSAxMy41MzcyIDI5Ljc1NUMxMi45NzA1IDI5Ljc1NSAxMi41MTcyIDI5LjkzODMgMTIuMTc3MiAzMC4zMDVDMTEuODQzOCAzMC42NzE3IDExLjY3NzIgMzEuMTY4MyAxMS42NzcyIDMxLjc5NUMxMS42NzcyIDMyLjQxNSAxMS44NDM4IDMyLjkxMTcgMTIuMTc3MiAzMy4yODVDMTIuNTE3MiAzMy42NTE3IDEyLjk3MDUgMzMuODM1IDEzLjUzNzIgMzMuODM1WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNS41ODE1NCAyOC4zMDVDNi4zMjE1NCAyOC4zMDUgNi45NjgyMSAyOC40NTE3IDcuNTIxNTQgMjguNzQ1QzguMDc0ODcgMjkuMDM4MyA4LjUwMTU0IDI5LjQ1MTcgOC44MDE1NCAyOS45ODVDOS4xMDgyMSAzMC41MTE3IDkuMjYxNTQgMzEuMTIxNyA5LjI2MTU0IDMxLjgxNUM5LjI2MTU0IDMyLjUwMTcgOS4xMDgyMSAzMy4xMTE3IDguODAxNTQgMzMuNjQ1QzguNTAxNTQgMzQuMTc4MyA4LjA3MTU0IDM0LjU5MTcgNy41MTE1NCAzNC44ODVDNi45NTgyMSAzNS4xNzgzIDYuMzE0ODcgMzUuMzI1IDUuNTgxNTQgMzUuMzI1SDIuOTUxNTRWMjguMzA1SDUuNTgxNTRaTTUuNDcxNTQgMzMuODQ1QzYuMTE4MiAzMy44NDUgNi42MjE1NCAzMy42NjgzIDYuOTgxNTQgMzMuMzE1QzcuMzQxNTQgMzIuOTYxNyA3LjUyMTU0IDMyLjQ2MTcgNy41MjE1NCAzMS44MTVDNy41MjE1NCAzMS4xNjgzIDcuMzQxNTQgMzAuNjY1IDYuOTgxNTQgMzAuMzA1QzYuNjIxNTQgMjkuOTQ1IDYuMTE4MiAyOS43NjUgNS40NzE1NCAyOS43NjVINC42NjE1NFYzMy44NDVINS40NzE1NFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
}
.file-upload__list-icon_plain {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MSA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDAuMDQ5OCA5Ljg3ODExVjQ0QzQwLjA0OTggNDUuNzk0OSAzOC41OTQ3IDQ3LjI1IDM2Ljc5OTggNDcuMjVIOC43OTk5OUM3LjAwNTA2IDQ3LjI1IDUuNTQ5OTkgNDUuNzk0OSA1LjU0OTk5IDQ0VjRDNS41NDk5OSAyLjIwNTA3IDcuMDA1MDYgMC43NSA4Ljc5OTk5IDAuNzVIMzAuMTExOEw0MC4wNDk4IDkuODc4MTFaIiBzdHJva2U9IiNCNDg2NEYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PG1hc2sgaWQ9InBhdGgtMi1pbnNpZGUtMV8yXzMwIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTI5LjIgMS4yMDAwMUgzOS40VjExLjRIMzAuMkMyOS42NDc3IDExLjQgMjkuMiAxMC45NTIzIDI5LjIgMTAuNFYxLjIwMDAxWiIvPjwvbWFzaz48cGF0aCBkPSJNMjkuMiAxLjIwMDAxSDM5LjRIMjkuMlpNMzkuNCAxMi40SDMwLjJDMjkuMDk1NCAxMi40IDI4LjIgMTEuNTA0NiAyOC4yIDEwLjRIMzAuMkgzOS40VjEyLjRaTTMwLjIgMTIuNEMyOS4wOTU0IDEyLjQgMjguMiAxMS41MDQ2IDI4LjIgMTAuNFYxLjIwMDAxSDMwLjJWMTAuNFYxMi40Wk0zOS40IDEuMjAwMDFWMTEuNFYxLjIwMDAxWiIgZmlsbD0iI0I0ODY0RiIgbWFzaz0idXJsKCNwYXRoLTItaW5zaWRlLTFfMl8zMCkiLz48cmVjdCB5PSIyNCIgd2lkdGg9IjI3LjYiIGhlaWdodD0iMTUuNiIgcng9IjIiIGZpbGw9IiNCNDg2NEYiLz48cGF0aCBkPSJNMjMuMDQzMyAyOC4yOVYyOS42NkgyMS4xODMzVjM1LjMxSDE5LjQ3MzNWMjkuNjZIMTcuNjEzM1YyOC4yOUgyMy4wNDMzWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTUuMTQ0OSAzNS4zMUwxMy43MTQ5IDMzLjE2TDEyLjQ1NDkgMzUuMzFIMTAuNTE0OUwxMi43NjQ5IDMxLjc0TDEwLjQ2NDkgMjguMjlIMTIuNDU0OUwxMy44NjQ5IDMwLjQxTDE1LjEwNDkgMjguMjlIMTcuMDQ0OUwxNC44MTQ5IDMxLjgzTDE3LjEzNDkgMzUuMzFIMTUuMTQ0OVoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTkuOTg2NjcgMjguMjlWMjkuNjZIOC4xMjY2N1YzNS4zMUg2LjQxNjY3VjI5LjY2SDQuNTU2NjdWMjguMjlIOS45ODY2N1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
}
.file-upload__list-icon[class$="sheet"] {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MSA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDAuMDQ5OCA5Ljg3ODExVjQ0QzQwLjA0OTggNDUuNzk0OSAzOC41OTQ3IDQ3LjI1IDM2Ljc5OTggNDcuMjVIOC43OTk5OUM3LjAwNTA2IDQ3LjI1IDUuNTQ5OTkgNDUuNzk0OSA1LjU0OTk5IDQ0VjRDNS41NDk5OSAyLjIwNTA3IDcuMDA1MDYgMC43NSA4Ljc5OTk5IDAuNzVIMzAuMTExOEw0MC4wNDk4IDkuODc4MTFaIiBzdHJva2U9IiNCNDg2NEYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PG1hc2sgaWQ9InBhdGgtMi1pbnNpZGUtMV80XzUzIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTI5LjIgMS4yMDAwMUgzOS40VjExLjRIMzAuMkMyOS42NDc3IDExLjQgMjkuMiAxMC45NTIzIDI5LjIgMTAuNFYxLjIwMDAxWiIvPjwvbWFzaz48cGF0aCBkPSJNMjkuMiAxLjIwMDAxSDM5LjRIMjkuMlpNMzkuNCAxMi40SDMwLjJDMjkuMDk1NCAxMi40IDI4LjIgMTEuNTA0NiAyOC4yIDEwLjRIMzAuMkgzOS40VjEyLjRaTTMwLjIgMTIuNEMyOS4wOTU0IDEyLjQgMjguMiAxMS41MDQ2IDI4LjIgMTAuNFYxLjIwMDAxSDMwLjJWMTAuNFYxMi40Wk0zOS40IDEuMjAwMDFWMTEuNFYxLjIwMDAxWiIgZmlsbD0iI0I0ODY0RiIgbWFzaz0idXJsKCNwYXRoLTItaW5zaWRlLTFfNF81MykiLz48cmVjdCB5PSIyNCIgd2lkdGg9IjI3LjYiIGhlaWdodD0iMTUuNiIgcng9IjIiIGZpbGw9IiNCNDg2NEYiLz48cGF0aCBkPSJNMTkuOTM3IDM1LjM5NUMxOS40MjM3IDM1LjM5NSAxOC45NjM3IDM1LjMxMTcgMTguNTU3IDM1LjE0NUMxOC4xNTA0IDM0Ljk3ODMgMTcuODIzNyAzNC43MzE3IDE3LjU3NyAzNC40MDVDMTcuMzM3IDM0LjA3ODMgMTcuMjEwNCAzMy42ODUgMTcuMTk3IDMzLjIyNUgxOS4wMTdDMTkuMDQzNyAzMy40ODUgMTkuMTMzNyAzMy42ODUgMTkuMjg3IDMzLjgyNUMxOS40NDA0IDMzLjk1ODMgMTkuNjQwNCAzNC4wMjUgMTkuODg3IDM0LjAyNUMyMC4xNDA0IDM0LjAyNSAyMC4zNDA0IDMzLjk2ODMgMjAuNDg3IDMzLjg1NUMyMC42MzM3IDMzLjczNSAyMC43MDcgMzMuNTcxNyAyMC43MDcgMzMuMzY1QzIwLjcwNyAzMy4xOTE3IDIwLjY0NyAzMy4wNDgzIDIwLjUyNyAzMi45MzVDMjAuNDEzNyAzMi44MjE3IDIwLjI3MDQgMzIuNzI4MyAyMC4wOTcgMzIuNjU1QzE5LjkzMDQgMzIuNTgxNyAxOS42OTA0IDMyLjQ5ODMgMTkuMzc3IDMyLjQwNUMxOC45MjM3IDMyLjI2NSAxOC41NTM3IDMyLjEyNSAxOC4yNjcgMzEuOTg1QzE3Ljk4MDQgMzEuODQ1IDE3LjczMzcgMzEuNjM4MyAxNy41MjcgMzEuMzY1QzE3LjMyMDQgMzEuMDkxNyAxNy4yMTcgMzAuNzM1IDE3LjIxNyAzMC4yOTVDMTcuMjE3IDI5LjY0MTcgMTcuNDUzNyAyOS4xMzE3IDE3LjkyNyAyOC43NjVDMTguNDAwNCAyOC4zOTE3IDE5LjAxNyAyOC4yMDUgMTkuNzc3IDI4LjIwNUMyMC41NTA0IDI4LjIwNSAyMS4xNzM3IDI4LjM5MTcgMjEuNjQ3IDI4Ljc2NUMyMi4xMjA0IDI5LjEzMTcgMjIuMzczNyAyOS42NDUgMjIuNDA3IDMwLjMwNUgyMC41NTdDMjAuNTQzNyAzMC4wNzgzIDIwLjQ2MDQgMjkuOTAxNyAyMC4zMDcgMjkuNzc1QzIwLjE1MzcgMjkuNjQxNyAxOS45NTcgMjkuNTc1IDE5LjcxNyAyOS41NzVDMTkuNTEwNCAyOS41NzUgMTkuMzQzNyAyOS42MzE3IDE5LjIxNyAyOS43NDVDMTkuMDkwNCAyOS44NTE3IDE5LjAyNyAzMC4wMDgzIDE5LjAyNyAzMC4yMTVDMTkuMDI3IDMwLjQ0MTcgMTkuMTMzNyAzMC42MTgzIDE5LjM0NyAzMC43NDVDMTkuNTYwNCAzMC44NzE3IDE5Ljg5MzcgMzEuMDA4MyAyMC4zNDcgMzEuMTU1QzIwLjgwMDQgMzEuMzA4MyAyMS4xNjcgMzEuNDU1IDIxLjQ0NyAzMS41OTVDMjEuNzMzNyAzMS43MzUgMjEuOTgwNCAzMS45MzgzIDIyLjE4NyAzMi4yMDVDMjIuMzkzNyAzMi40NzE3IDIyLjQ5NyAzMi44MTUgMjIuNDk3IDMzLjIzNUMyMi40OTcgMzMuNjM1IDIyLjM5MzcgMzMuOTk4MyAyMi4xODcgMzQuMzI1QzIxLjk4NyAzNC42NTE3IDIxLjY5MzcgMzQuOTExNyAyMS4zMDcgMzUuMTA1QzIwLjkyMDQgMzUuMjk4MyAyMC40NjM3IDM1LjM5NSAxOS45MzcgMzUuMzk1WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTQuMzQxNCAzNC4wMDVIMTYuNTgxNFYzNS4zMjVIMTIuNjMxNFYyOC4zMDVIMTQuMzQxNFYzNC4wMDVaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik05Ljc4Mjk3IDM1LjMyNUw4LjM1Mjk3IDMzLjE3NUw3LjA5Mjk3IDM1LjMyNUg1LjE1Mjk3TDcuNDAyOTcgMzEuNzU1TDUuMTAyOTcgMjguMzA1SDcuMDkyOTdMOC41MDI5NyAzMC40MjVMOS43NDI5NyAyOC4zMDVIMTEuNjgzTDkuNDUyOTcgMzEuODQ1TDExLjc3MyAzNS4zMjVIOS43ODI5N1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
}

.file-upload__list-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.file-upload__list-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
}
.file-upload__list-name {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: var(--color-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-upload__list-type-n-size {
    display: flex;
    align-items: center;
    gap: 8px;
}
.file-upload__list-type {
    padding: 2px 4px;
    background: var(--color-grey);
    border-radius: 2px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.file-upload__list-size {
    padding-top: 2px;
    font-size: 12px;
}
.file-upload__list-del {
    flex: 0 0 auto;
    position: relative;
    width: 24px;
    height: 24px;
    background: #fff;
    color: var(--color-red);
    z-index: 1;
}
.file-upload__list-del:before,
.file-upload__list-del:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: var(--color-red);
    top: 10px;
    left: 4px;
    right: 4px;
    transition: transform 0.3s ease;
}
.file-upload__list-del:before {
    transform: rotate(45deg);
}
.file-upload__list-del:after {
    transform: rotate(-45deg);
}
.file-upload__list-del:hover:before {
    transform: rotate(135deg);
}
.file-upload__list-del:hover:after {
    transform: rotate(45deg);
}

.file-upload__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /*visibility: hidden;*/
    cursor: pointer;
    max-width: 100%;
}