.fractal-glass{isolation:isolate;aspect-ratio:1.5;background:#dbe0e5;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.fractal-glass:focus-visible{outline-offset:4px;outline:2px solid}.fractal-glass-image,.fractal-glass-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.fractal-glass-image{object-fit:cover}.fractal-glass-canvas{opacity:0}.fractal-glass[data-renderer=webgl] .fractal-glass-canvas{opacity:1}.fractal-glass-content{z-index:1;position:relative}.fractal-glass[data-animate-entrance=true]>.fractal-glass-image{opacity:0}.fractal-glass[data-animate-entrance=true][data-image-ready=true]>.fractal-glass-image,.fractal-glass[data-animate-entrance=true][data-renderer=webgl]>.fractal-glass-canvas{opacity:1;animation:.8s cubic-bezier(.22,1,.36,1) both fractal-glass-enter}@keyframes fractal-glass-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.fractal-glass[data-animate-entrance=true]>.fractal-glass-image,.fractal-glass[data-animate-entrance=true]>.fractal-glass-canvas{animation:none}}:is(.component-showcase:has(.fractal-glass-demo),.component-preview-canvas:has(.fractal-glass-demo)){min-height:0}.component-showcase .component-preview-stage:has(>.fractal-glass-demo){min-height:0;box-shadow:none;padding:0}.fractal-glass-demo{width:100%;min-width:0}.fractal-glass-demo .fractal-glass{color:var(--theme-ink,#171717)}.fractal-glass-export-error{color:#e5484d;grid-column:1/-1;margin:.5rem 0 0;font-size:.8125rem}