.HtmlArtifactFrame[data-v-3e7a67cb]{display:flex;flex-direction:column}.HtmlArtifactFrame--fill[data-v-3e7a67cb],.HtmlArtifactFrame--fill[data-v-3e7a67cb] .SandboxedFrame{height:100%}.HtmlArtifactFrame__state[data-v-3e7a67cb]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;min-height:200px;padding:var(--spacing-8);text-align:center;color:var(--color-text-secondary);background:var(--white);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-medium)}.HtmlArtifactFrame--fill .HtmlArtifactFrame__state[data-v-3e7a67cb]{height:100%;border:none;border-radius:0}.HtmlArtifactFrame__state--error[data-v-3e7a67cb]{color:var(--color-danger)}.HtmlArtifactFrame__stateIcon[data-v-3e7a67cb]{font-size:var(--font-size-large)}.HtmlArtifactFrame__stateMessage[data-v-3e7a67cb]{margin:0}.HtmlArtifactFrame__state[data-v-3e7a67cb]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.HtmlArtifactFrame__retry[data-v-3e7a67cb]{padding:var(--spacing-1) var(--spacing-3);cursor:pointer;color:var(--color-text);background:var(--white);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-small);transition:border-color var(--transition-duration-normal)}.HtmlArtifactFrame__retry[data-v-3e7a67cb]:hover{border-color:var(--color-accent)}.HtmlArtifactFrame__retry[data-v-3e7a67cb]:disabled{cursor:default;opacity:.6}.HtmlArtifactFrame__retry[data-v-3e7a67cb]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}