.hw-surface{background:var(--hw-panel);border:1px solid var(--hw-border);border-radius:var(--hw-radius-lg);box-shadow:var(--hw-shadow-sm)}.hw-surface--solid{background:var(--hw-panel-solid)}.hw-surface--soft{background:var(--hw-panel-soft)}.hw-surface--hearth{isolation:isolate;background-color:var(--hw-elevated);background-image:radial-gradient(circle at 14% 22%, rgba(var(--hw-accent-rgb), .07), transparent 42%), radial-gradient(circle at 88% 78%, rgba(var(--hw-accent-rgb), .055), transparent 38%), linear-gradient(132deg, var(--hw-elevated) 0%, color-mix(in srgb, var(--hw-elevated) 88%, var(--hw-surface)) 100%);border:1px solid var(--hw-border-soft,var(--hw-border));box-shadow:var(--hw-shadow-md);position:relative;overflow:hidden}.hw-surface--hearth:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:.22;mix-blend-mode:soft-light;background-image:var(--hw-hero-grain-url);background-position:50%;background-size:cover;position:absolute;inset:0}.hw-surface--hearth:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:absolute;inset:0}.hw-surface--hearth>:not(.hw-ember-field){z-index:1;position:relative}.hw-surface--hearth>.hw-ember-field{z-index:0;pointer-events:none;position:absolute;inset:0}