@layer payload-default{}@layer payload-default{}@layer payload-default{.file-field{position:relative;margin-bottom:var(--base);background:var(--theme-elevation-50);border-radius:var(--style-radius-s)}.file-field__upload{display:flex}.file-field .tooltip.error-message{z-index:3;bottom:calc(100% - calc(var(--base) * .5))}.file-field__file-selected{display:flex}.file-field__thumbnail-wrap{position:relative;width:150px}.file-field__thumbnail-wrap .thumbnail{position:relative;width:100%;height:100%;object-fit:contain;border-radius:var(--style-radius-s) 0 0 var(--style-radius-s)}.file-field__remove{margin:calc(1.5384615385rem*1.5) 1.5384615385rem 1.5384615385rem 0;place-self:flex-start}.file-field__file-adjustments,.file-field__remote-file-wrap{padding:1.5384615385rem;width:100%;display:flex;flex-direction:column;gap:calc(var(--base)/2)}.file-field__filename,.file-field__remote-file{box-shadow:0 2px 2px -1px rgba(0,0,0,.1);font-family:var(--font-body);width:100%;border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);color:var(--theme-elevation-800);font-size:1rem;height:40px;line-height:20px;padding:8px 15px;-webkit-appearance:none;transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1);background-color:var(--theme-bg)}.file-field__filename:not(:disabled):hover,.file-field__remote-file:not(:disabled):hover{box-shadow:0 2px 2px -1px rgba(0,0,0,.2)}.file-field__filename[data-rtl=true],.file-field__remote-file[data-rtl=true]{direction:rtl}.file-field__filename::-webkit-input-placeholder,.file-field__remote-file::-webkit-input-placeholder{color:var(--theme-elevation-400);font-weight:400;font-size:1rem}.file-field__filename::-moz-placeholder,.file-field__remote-file::-moz-placeholder{color:var(--theme-elevation-400);font-weight:400;font-size:1rem}.file-field__filename:hover,.file-field__remote-file:hover{border-color:var(--theme-elevation-250)}.file-field__filename:active,.file-field__filename:focus,.file-field__filename:focus-within,.file-field__remote-file:active,.file-field__remote-file:focus,.file-field__remote-file:focus-within{border-color:var(--theme-elevation-400);outline:0}.file-field__filename:disabled,.file-field__remote-file:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.file-field__filename:disabled:hover,.file-field__remote-file:disabled:hover{border-color:var(--theme-elevation-150);box-shadow:none}.file-field__add-file-wrap,.file-field__upload-actions{display:flex;gap:calc(var(--base)/2);flex-wrap:wrap}.file-field__upload-actions{margin-top:calc(var(--base)*.5)}.file-field__previewDrawer h2{margin:0 var(--base) 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--base)*2)}.file-field .dropzone{background-color:rgba(0,0,0,0);padding-block:calc(var(--base)*2.25)}.file-field__dropzoneContent{display:flex;flex-wrap:wrap;gap:calc(var(--base)*.4);justify-content:space-between;width:100%}.file-field__dropzoneButtons{display:flex;gap:calc(var(--base)*.5);align-items:center}.file-field__dragAndDropText,.file-field__orText{color:var(--theme-elevation-500);text-transform:lowercase}.file-field__dragAndDropText{flex-shrink:0;margin:0;align-self:center}@media(max-width:768px){.file-field__upload{flex-wrap:wrap;justify-content:space-between}.file-field__remove{margin:1.5384615385rem;order:2}.file-field__file-adjustments{order:3;border-top:2px solid var(--theme-elevation-0);padding:calc(1.5384615385rem*.5);gap:0}.file-field__thumbnail-wrap{order:1;width:50%}.file-field__thumbnail-wrap .thumbnail{width:100%}.file-field__edit{display:none}}}@layer payload-default{}@layer payload-default{}@layer payload-default{.file-details-draggable{background:var(--theme-elevation-50);border-radius:3px;padding:.7rem .8rem}.file-details-draggable,.file-details-draggable--drag-wrapper{display:flex;gap:.6rem;align-items:center}.file-details-draggable__thumbnail{max-width:1.5rem}.file-details-draggable__actions{flex-grow:2;display:flex;gap:.6rem;align-items:center;justify-content:flex-end}.file-details-draggable__remove.btn--style-icon-label{margin:0}}