@layer components{.window-panel{height:200px;border-radius:var(--radius-md);position:relative;overflow:hidden;border:3px solid var(--color-border);cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal)}.window-panel.dirty{background:linear-gradient(45deg,var(--bg-light) 25%,var(--color-border) 25%,var(--color-border) 50%,var(--bg-light) 50%,var(--bg-light) 75%,var(--color-border) 75%);background-size:20px 20px;opacity:.7}.window-panel.clean{background:var(--bg-callout-sky);border-color:var(--primary);box-shadow:0 10px 30px var(--success-a20)}.window-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--white-a30),var(--overlay-light));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.window-panel.clean .window-overlay{opacity:1}}