.input-file{--clip-icon-size:1.25rem;min-height:calc(2*var(--di-border-width) + var(--di-font-size)*var(--di-line-height) + 2*var(--di-py));padding:var(--di-py)calc(var(--di-px) + var(--clip-icon-size) + var(--di-px)/2)var(--di-py)var(--di-px);border-width:var(--di-border-width);border-radius:var(--di-border-radius);border-style:solid;border-color:var(--di-border-color);background-color:var(--di-bg);color:var(--di-color);font-size:var(--di-font-size);line-height:var(--di-line-height);text-overflow:ellipsis;white-space:nowrap;flex:auto;width:100%;transition:border-color .3s,background-color .3s;position:relative;overflow:hidden}.input-file:after{content:"";top:50%;right:var(--di-px);width:var(--clip-icon-size);height:var(--clip-icon-size);background-color:var(--di-placeholder-color);pointer-events:none;transition:color .3s;display:inline-block;position:absolute;transform:translateY(-50%);-webkit-mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-clip-view) 50% no-repeat;mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-clip-view) 50% no-repeat}.input-file:focus{outline:none}.input-file:focus-visible{border-color:var(--di-border-color-active)}.input-file.disabled{border-color:var(--di-border-color-disabled);background-color:var(--di-bg-disabled);color:var(--di-color-disabled);cursor:not-allowed;pointer-events:none}.input-file.disabled:after{background-color:var(--di-border-color-disabled)}.input-file.readonly:not(.disabled){cursor:default}.input-file.error{--di-placeholder-color:var(--di-color-error);border-color:var(--di-border-color-error);color:var(--di-color-error)}.input-file.error:after{background-color:var(--di-border-color-error)}.input-file__input{opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;position:absolute;top:0;left:0}.input-file__placeholder{color:var(--di-placeholder-color);pointer-events:none}.input-file__value{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:100%;display:inline-block;overflow:hidden}.files-preview{grid-template-columns:repeat(auto-fill,5rem);grid-auto-rows:5rem;gap:.5rem;width:100%;display:grid}.file-preview{z-index:var(--z-index-base);border-radius:var(--radius-m);background-color:var(--color-neutral-200);justify-content:flex-end;align-items:flex-end;padding:.5rem;display:flex;position:relative;overflow:hidden}.file-preview:before{content:"";z-index:var(--z-index-below);background-color:rgba(var(--color-neutral-900-trans),.5);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.file-preview__img{z-index:var(--z-index-below-secondary);object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.file-preview__ext{color:var(--color-neutral-900);font-size:var(--font-size-text-s);text-transform:uppercase;-webkit-user-select:none;user-select:none;font-weight:700;line-height:1}.file-preview__del{border-radius:var(--radius-m);background-color:var(--color-neutral-100);color:var(--color-primary-500);cursor:pointer;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:color .3s,background-color .3s;display:flex;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.file-preview__del:focus{background-color:var(--color-primary-500);color:var(--color-neutral-100);outline:none}.file-preview__del-icon{background-color:currentColor;width:75%;height:75%;display:inline-block;-webkit-mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-close-view) 50% no-repeat;mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-close-view) 50% no-repeat}@media (hover:hover){.input-file:hover{border-color:var(--di-border-color-hover)}.file-preview__del:hover{background-color:var(--color-primary-500);color:var(--color-neutral-100)}}