@layer openui{.openui-image-block-wrapper{flex:1 1 0;min-width:0;min-height:240px;max-height:240px;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;border-radius:var(--openui-radius-2xl);padding:calc(var(--openui-space-l) - 2px) calc(var(--openui-space-l) + 2px);overflow:hidden}.openui-image-block-wrapper::before{content:"";position:absolute;inset:-20px;background-image:var(--bg-image);background-size:150%;background-position:center;background-repeat:no-repeat;opacity:.2;filter:blur(12px);z-index:0;border-radius:inherit}.openui-image-block-wrapper--mobile{height:auto;width:100%;padding:0}.openui-image-block-wrapper--error{visibility:hidden}.openui-image-block-image{height:100%;max-width:100%;object-fit:cover;border:4px solid var(--openui-border-default);border-radius:var(--openui-radius-l);position:relative;z-index:1}.openui-image-block-image--mobile{border-radius:var(--openui-radius-2xl);width:100%;height:auto}.openui-image-block-image--error{visibility:hidden}.openui-image-block-loader{position:absolute;left:50%;top:50%;translate:-50% -50%;border-width:3px;border-style:solid;height:24px;width:24px;animation:openui-image-block-spin 1s linear infinite;border-radius:var(--openui-radius-full);border-color:#d1d5db;border-top-color:#2563eb;z-index:2}@keyframes openui-image-block-spin{to{transform:rotate(360deg)}}
}