.DesignerBackgroundSettings_dropzone__SoATc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-5);margin:0;height:150px;width:100%;background-color:var(--color-surface);border-radius:var(--border-radius-md);border:1px dotted var(--color-border);box-shadow:var(--drop-shadow-md);overflow:hidden;cursor:pointer}.DesignerBackgroundSettings_dropzone__SoATc:hover{opacity:.8}.DesignerBackgroundSettings_dropzone__SoATc:active{opacity:.6}.DesignerBackgroundSettings_hasImage__GIHVP{padding:0;border-style:solid;background-color:var(--color-background-muted);cursor:default}.DesignerBackgroundSettings_hasImage__GIHVP:active,.DesignerBackgroundSettings_hasImage__GIHVP:hover{opacity:1}.DesignerBackgroundSettings_dragOver__aWn8h{border:1px solid var(--color-primary)}.DesignerBackgroundSettings_preview__u7tyZ{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.DesignerBackgroundSettings_options___YILy{position:absolute;top:var(--spacing-3);right:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:999px;border:1px solid var(--color-border);background-color:var(--color-surface-overlay);box-shadow:var(--drop-shadow-md)}.DesignerBackgroundSettings_options___YILy svg{width:20px;height:20px}.DesignerBackgroundSettings_icon__iMjvB{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:999px;background-color:var(--color-primary-muted);color:var(--color-primary)}.DesignerBackgroundSettings_icon__iMjvB svg{width:24px;height:24px}.DesignerBackgroundSettings_text__rt0NM{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);width:100%}.DesignerBackgroundSettings_title__bv2aL{font-weight:var(--font-weight-medium)}.DesignerBackgroundSettings_description__o43Kx{color:var(--color-text-muted)}.DesignerBackgroundSettings_errorDescription__6sM9i{color:var(--color-red-500)}.DesignerBackgroundSettings_rotate__Et_Ew svg{animation:DesignerBackgroundSettings_rotate__Et_Ew 1.5s linear infinite}@keyframes DesignerBackgroundSettings_rotate__Et_Ew{to{transform:rotate(1turn)}}