.base64-image-upload-wrapper{flex-direction:column;gap:6px;width:100%;padding:0;display:flex}.base64-image-upload-wrapper .base64-image-upload-inline{align-items:center;gap:8px;width:100%;display:flex}.base64-image-upload-wrapper .base64-image-upload-inline .file-input{display:none}.base64-image-upload-wrapper .image-preview-container{justify-content:center;align-items:center;width:138px;min-width:138px;max-width:138px;height:35px;padding:4px 10px;display:flex;position:relative;overflow:hidden}.base64-image-upload-wrapper .image-preview-container.has-image{border:1px solid var(--c-border-default);border-radius:var(--r-default);background-color:var(--c-bg-element)}.base64-image-upload-wrapper .image-preview-container.is-clickable{cursor:pointer}.base64-image-upload-wrapper .image-preview-container .preview-image-inline{object-fit:contain;background-color:var(--c-bg-component);border-radius:4px;max-width:100%;max-height:26px;padding:1px 2px}.base64-image-upload-wrapper .image-preview-container .no-image-text{color:var(--c-text-muted);font-size:var(--smallTextSize);font-style:italic}.base64-image-upload-wrapper .image-preview-container .no-image-icon{object-fit:contain;color:#0000;background-color:currentColor;width:22px;height:22px;-webkit-mask-image:url(/icons/no-image.svg);mask-image:url(/icons/no-image.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.image-hover-preview-popup{z-index:2000;border:1px solid var(--c-border-default);border-radius:var(--r-default);background:var(--c-bg-card);justify-content:center;align-items:center;width:360px;max-width:42vw;max-height:260px;padding:8px;display:flex;position:fixed}.image-hover-preview-popup.compact{width:230px;max-width:min(230px,100vw - 24px);max-height:170px;padding:6px}.image-hover-preview-popup .preview-image-stage{border:1px solid var(--c-border-default);background-color:#eef1f5;background-image:linear-gradient(45deg,#0000000a 25%,#0000 25%),linear-gradient(-45deg,#0000000a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0000000a 75%),linear-gradient(-45deg,#0000 75%,#0000000a 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;min-height:120px;padding:6px;display:flex;overflow:hidden}.image-hover-preview-popup .preview-image-popup{object-fit:contain;width:100%;height:100%}