.shade { background-color: rgba(var(--accent), 0.4); position: fixed; top: -1em; left: -1em; width: calc(100% + 2em); height: calc(100% + 2em); transition: opacity var(--animation-speed-fast) ease-in-out, background-color var(--animation-speed-fast) ease-in-out; z-index: var(--z-index-shade); } .is-background-image-show .shade { background-color: rgba(var(--black), 0.5); } .is-edge:not(.is-background-image-show) .shade { background-color: rgba(var(--accent), 0.05); }