#spacer360-fullscreen-tour {
    position: fixed;
    inset: var(--wp-admin--admin-bar--height, 0px) 0 0;
    background: var(--color-neutral, #0b1b38);
    color: var(--color-neutral-content, #fff);
}

#spacer360-fullscreen-tour > iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

#spacer360-fullscreen-tour > details {
    position: absolute;
    top: max(0.75rem, env(safe-area-inset-top));
    right: max(0.75rem, env(safe-area-inset-right));
    display: grid;
    justify-items: end;
    gap: 0.5rem;
    width: min(28rem, calc(100% - 1.5rem));
    pointer-events: none;
}

#spacer360-fullscreen-tour summary,
#spacer360-fullscreen-tour details > div {
    pointer-events: auto;
}

#spacer360-fullscreen-tour details > div {
    width: 100%;
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 4rem);
    max-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px) - 4rem);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 1.5rem;
    border-radius: 0.75rem;
    background: var(--color-base-100, #fff);
    color: var(--color-base-content, #0b1b38);
    box-shadow: 0 8px 32px #0004;
}

#spacer360-fullscreen-tour details > div :is(p, ul, ol, h1, h2, h3) {
    margin-block: 0 0.9rem;
}

#spacer360-fullscreen-tour details a {
    text-decoration: underline;
}

#spacer360-fullscreen-tour .spacer360-tour-unavailable {
    padding: clamp(1.5rem, 6vw, 5rem);
}