.stockholm-pride-test{position:relative;display:flex;width:100%;height:100vh;overflow:hidden;background-color:var(--backgroundColor)}.stockholm-pride-test__slider{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__slider::-webkit-scrollbar{display:none}.stockholm-pride-test__slider .project-description p{margin:0 0 1em}.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__slider{width:100%;height:auto;overflow:visible}.stockholm-pride-test__canvas{width:100%;height:70dvh}.stockholm-pride-test__divider{display:none}}