.sbg-band{position:relative;width:100%;overflow:hidden;margin-bottom:-1px;pointer-events:none}.sbg-artboard{position:relative;width:clamp(var(--sbg-min-width),100%,var(--sbg-max-width));aspect-ratio:1536/1024;left:50%;transform:translateX(-50%);margin-top:-24px;isolation:isolate}.sbg-wing{position:absolute;top:0;height:100%;width:100vw;z-index:0}.sbg-wing-left{right:calc(100% - 1px)}.sbg-wing-right{left:calc(100% - 1px)}.sbg-book,.sbg-floor,.sbg-light,.sbg-native{position:absolute;inset:0;display:block;width:100%;height:100%}.sbg-floor{fill:var(--colors-blue-9);z-index:0}.sbg-book{z-index:1}.sbg-light,.sbg-native{z-index:2}.sbg-band[data-failed=true] .sbg-book{visibility:hidden}.sbg-band[data-failed=true] .sbg-wing{top:var(--sbg-floor-edge);height:calc(100% - var(--sbg-floor-edge));background:var(--colors-blue-9)}.sbg-band[data-failed=true] .sbg-wing rect{visibility:hidden}.sbg-trigger{position:absolute;left:41%;top:62%;width:18%;height:14%}@media (max-width:600px){.sbg-artboard{margin-top:-16px}}.sbg-native{z-index:2;visibility:hidden}.sbg-native>svg{display:block;width:100%;height:100%}.sbg-band[data-native=ready] .sbg-native{visibility:visible}.sbg-band[data-failed=true] .sbg-native,.sbg-band[data-native=ready] .sbg-book{visibility:hidden}