/* @group Toggle Background (module) — shared shape only.
   Hard rule: hidden on mobile in every consumer, unconditionally. Each
   consuming component adds its own positioning/sizing rules scoped under
   its own root class (e.g. .downloads-apps .toggle-background,
   .checklist-banner .toggle-background) — never widen this selector. */

.toggle-background {
    display: none;
    pointer-events: none;
}

.toggle-background picture,
.toggle-background img {
    display: block;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .toggle-background {
        display: block;
    }
}

/* @end */