.liquid-glass-logo{isolation:isolate;width:100%;height:100%;min-height:16rem;position:relative;overflow:hidden}.liquid-glass-logo-background,.liquid-glass-logo>canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.liquid-glass-logo>canvas{opacity:0}.liquid-glass-logo[data-liquid-glass-ready]>canvas{opacity:1}.liquid-glass-logo-fallback{white-space:pre;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.liquid-glass-logo-fallback>img{width:auto;height:.8em}:is(.component-showcase:has(.liquid-glass-logo-demo),.component-preview-canvas:has(.liquid-glass-logo-demo)){min-height:0}.component-showcase .component-preview-stage:has(>.liquid-glass-logo-demo){min-height:0;box-shadow:none;background:0 0;padding:0}.liquid-glass-logo-demo{width:100%;height:100%;min-height:30rem}.liquid-glass-logo-reset{appearance:none;border:1px solid color-mix(in srgb, currentColor 20%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:.625rem .875rem;font-size:.8125rem}.liquid-glass-logo-reset:hover{background:color-mix(in srgb, currentColor 7%, transparent)}.liquid-glass-logo-reset:focus-visible{outline-offset:3px;outline:2px solid}.liquid-glass-logo-export-stage{pointer-events:none;position:fixed;top:0;left:-100000px}.liquid-glass-logo-export-error{color:#ff6b6b;grid-column:1/-1;margin:.5rem 0 0;font-size:.8125rem}.liquid-glass-logo-reset-action{border:1px solid var(--theme-border);height:28px;color:var(--theme-ink-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:0 .625rem;font-size:.75rem;transition:color .14s,border-color .14s,background-color .14s;display:inline-flex}.liquid-glass-logo-reset-action:hover{border-color:var(--theme-border-strong);color:var(--theme-ink);background:color-mix(in srgb, var(--theme-ink) 5%, transparent)}.liquid-glass-logo-reset-action:focus-visible{outline:2px solid var(--theme-ink);outline-offset:2px}.liquid-glass-logo-reset-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.component-controls fieldset.reveal-control-group .reveal-fields.liquid-glass-logo-image-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.component-controls .reveal-fields.liquid-glass-logo-image-fields>.reveal-field.image-upload-control{grid-column:auto}.liquid-glass-logo-demo{place-items:center;display:grid;container-type:size}.component-showcase .component-background-preview>.liquid-glass-logo-frame,.liquid-glass-logo-frame{width:min(100cqw, 100cqh * var(--frame-ratio,1.7778));height:min(100cqh, 100cqw / var(--frame-ratio,1.7778));outline:1px solid var(--theme-border);transition:none;overflow:hidden}@media (prefers-reduced-motion:reduce){.liquid-glass-logo-frame{transition:none}}.component-showcase .component-background-preview>.liquid-glass-logo-frame.is-fill,.liquid-glass-logo-frame.is-fill{outline:none;width:100%;height:100%}.liquid-glass-logo-frame.is-transparent{background:repeating-conic-gradient(#292929 0% 25%,#393939 0% 50%) 0 0/20px 20px}