.stockholm-pride-test{position:relative;display:flex;width:100%;height:100vh;overflow:hidden;background-color:var(--backgroundColor)}.stockholm-pride-test__scroll{width:50%;height:100%;flex-shrink:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.stockholm-pride-test__scroll::-webkit-scrollbar{display:none}.stockholm-pride-test__scroll .project-description p{margin:0 0 1em}.stockholm-pride-test__description,.stockholm-pride-test__slider{width:100%}.stockholm-pride-test__description .slider-description{width:100%;box-sizing:border-box;margin-top:calc(-1*var(--menu-bar-height));min-height:calc(100vh - var(--menu-bar-height));padding:15px var(--padding-global) var(--menu-bar-height);display:flex;align-items:flex-start;justify-content:flex-start}.stockholm-pride-test__description .slider-description .project-description{color:#000;font-size:.8rem;line-height:1.2;max-width:500px}.stockholm-pride-test__canvas{position:relative;width:50%;height:100%;flex-shrink:0;cursor:-webkit-grab;cursor:grab;touch-action:none}.stockholm-pride-test__canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.stockholm-pride-test__canvas canvas{display:block;width:100%;height:100%;touch-action:none}.stockholm-pride-test__divider{position:absolute;top:0;bottom:0;left:50%;z-index:1;width:1px;pointer-events:none;background-color:var(--color-grey)}.stockholm-pride-test__status{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:.7rem;color:var(--color-grey)}@media screen and (max-width:768px){.stockholm-pride-test{flex-direction:column;height:auto;overflow:visible}.stockholm-pride-test__scroll{display:contents}.stockholm-pride-test__slider{order:1;width:100%}.stockholm-pride-test__canvas{order:2;width:100%;height:calc(100dvh - var(--menu-bar-height));margin-top:calc(-1*var(--menu-bar-height))}.stockholm-pride-test__description{order:3;width:100%}.stockholm-pride-test__description .slider-description{margin-top:0;min-height:calc(100dvh - 60px)}.stockholm-pride-test__description .slider-description .project-description{max-width:100%}.stockholm-pride-test__divider{display:none}}