.ui-input-file[data-v-a4b781ef]{--card-width:172px;--card-height:92px;--card-border-radius:var(--ui-border-radius-m);display:flex;flex-direction:column;gap:var(--ui-spacer-xs);max-width:100%;overflow:hidden;flex:0 0 auto}@media only screen and (max-width:1029px){.ui-input-file[data-v-a4b781ef]{--card-width:144px;--card-height:76px}}@media only screen and (max-width:599px){.ui-input-file[data-v-a4b781ef]{--card-width:auto;--card-height:auto}}.ui-input-file__files[data-v-a4b781ef]{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--ui-spacer-xs);width:100%}@media only screen and (max-width:599px){.ui-input-file__files[data-v-a4b781ef]{display:grid;grid-template-columns:repeat(2,calc(50% - var(--ui-spacer-xs)/2))}}.ui-input-file__file[data-v-a4b781ef]{display:flex;flex-direction:column;gap:var(--ui-spacer-xs);width:var(--card-width);max-width:100%}.ui-input-file__file--error .ui-input-file__file-name[data-v-a4b781ef]{color:var(--ui-color-180)}.ui-input-file__file-image-wrapper[data-v-a4b781ef]{position:relative;overflow:hidden}.ui-input-file__file-name[data-v-a4b781ef]{color:var(--ui-color-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ui-desktop-text-xs-font-family),sans-serif;font-size:var(--ui-desktop-text-xs-font-size);font-weight:var(--ui-desktop-text-xs-font-weight);line-height:var(--ui-desktop-text-xs-line-height)}@media only screen and (max-width:1279px){.ui-input-file__file-name[data-v-a4b781ef]{font-size:var(--ui-v-tablet-text-xs-font-size);line-height:var(--ui-v-tablet-text-xs-line-height)}}@media only screen and (max-width:599px){.ui-input-file__file-name[data-v-a4b781ef]{font-size:var(--ui-mobile-text-xs-font-size);line-height:var(--ui-mobile-text-xs-line-height)}}.ui-input-file__file-delete[data-v-a4b781ef],.ui-input-file__file-rotate[data-v-a4b781ef]{background-color:var(--ui-color-10);border-radius:50%;box-shadow:0 2px 4px #00000040;cursor:pointer;position:absolute;z-index:var(--z-top-content)}.ui-input-file__file-image[data-v-a4b781ef]{width:var(--card-width);height:var(--card-height);border-radius:var(--card-border-radius);-o-object-fit:contain;object-fit:contain}@media only screen and (max-width:599px){.ui-input-file__file-image[data-v-a4b781ef]{width:100%;height:100%;aspect-ratio:144/96}}.ui-input-file__file-delete[data-v-a4b781ef]{top:var(--ui-spacer-xxs);right:var(--ui-spacer-xxs)}.ui-input-file__file-rotate[data-v-a4b781ef]{top:var(--ui-spacer-xxs);left:var(--ui-spacer-xxs)}.ui-input-file__input[data-v-a4b781ef]{display:none}.ui-input-file__file-placeholder[data-v-a4b781ef]{cursor:pointer;width:var(--card-width);height:var(--card-height);background-color:var(--ui-color-20);border-radius:var(--card-border-radius);display:flex;align-items:center;justify-content:center;gap:var(--ui-spacer-xs);color:var(--ui-color-70);text-decoration:underline;font-family:var(--ui-desktop-text-s-font-family),sans-serif;font-size:var(--ui-desktop-text-s-font-size);font-weight:var(--ui-desktop-text-s-font-weight);line-height:var(--ui-desktop-text-s-line-height)}@media only screen and (max-width:1279px){.ui-input-file__file-placeholder[data-v-a4b781ef]{font-size:var(--ui-v-tablet-text-s-font-size);line-height:var(--ui-v-tablet-text-s-line-height)}}@media only screen and (max-width:599px){.ui-input-file__file-placeholder[data-v-a4b781ef]{font-size:var(--ui-mobile-text-s-font-size);line-height:var(--ui-mobile-text-s-line-height);aspect-ratio:144/96}}.ui-input-file__count[data-v-a4b781ef]{color:var(--ui-color-70);font-family:var(--ui-desktop-text-xxs-font-family),sans-serif;font-size:var(--ui-desktop-text-xxs-font-size);font-weight:var(--ui-desktop-text-xxs-font-weight);line-height:var(--ui-desktop-text-xxs-line-height)}@media only screen and (max-width:1279px){.ui-input-file__count[data-v-a4b781ef]{font-size:var(--ui-v-tablet-text-xxs-font-size);line-height:var(--ui-v-tablet-text-xxs-line-height)}}@media only screen and (max-width:599px){.ui-input-file__count[data-v-a4b781ef]{font-size:var(--ui-mobile-text-xxs-font-size);line-height:var(--ui-mobile-text-xxs-line-height)}}.ui-input-file__extensions[data-v-a4b781ef]{color:var(--ui-color-70);font-family:var(--ui-desktop-text-xxs-font-family),sans-serif;font-size:var(--ui-desktop-text-xxs-font-size);font-weight:var(--ui-desktop-text-xxs-font-weight);line-height:var(--ui-desktop-text-xxs-line-height)}@media only screen and (max-width:1279px){.ui-input-file__extensions[data-v-a4b781ef]{font-size:var(--ui-v-tablet-text-xxs-font-size);line-height:var(--ui-v-tablet-text-xxs-line-height)}}@media only screen and (max-width:599px){.ui-input-file__extensions[data-v-a4b781ef]{font-size:var(--ui-mobile-text-xxs-font-size);line-height:var(--ui-mobile-text-xxs-line-height)}}.ui-input-file__max-size[data-v-a4b781ef]{color:var(--ui-color-70);transition:color .3s ease;font-family:var(--ui-desktop-text-xxs-font-family),sans-serif;font-size:var(--ui-desktop-text-xxs-font-size);font-weight:var(--ui-desktop-text-xxs-font-weight);line-height:var(--ui-desktop-text-xxs-line-height)}@media only screen and (max-width:1279px){.ui-input-file__max-size[data-v-a4b781ef]{font-size:var(--ui-v-tablet-text-xxs-font-size);line-height:var(--ui-v-tablet-text-xxs-line-height)}}@media only screen and (max-width:599px){.ui-input-file__max-size[data-v-a4b781ef]{font-size:var(--ui-mobile-text-xxs-font-size);line-height:var(--ui-mobile-text-xxs-line-height)}}.ui-input-file__max-size--error[data-v-a4b781ef]{color:var(--ui-color-180)}.ui-input-file__extensions-list[data-v-a4b781ef]{text-transform:uppercase}
