.right-frame, .left-frame {
    height: 100%;
    width: 37%;
    position: absolute;
    top: 0;
}
.right-frame span, .left-frame span {
    position: absolute;
    z-index: 3;
    background-color: var(--style-frame_colour);
}
.right-frame .horizontal, .left-frame .horizontal {
    height: 0;
    padding-top: 37%;
    width: 100%;
}
.right-frame .vertical, .left-frame .vertical {
    height: 100%;
    width: 37%;
}

.right-frame {
    right: 0;
}
.right-frame .horizontal {
    bottom: 0;
    right: 0;
}
.right-frame .vertical {
    bottom: 0;
    right: 0;
}

.left-frame {
    left: 0;
}
.left-frame .horizontal {
    top: 0;
    left: 0;
}
.left-frame .vertical {
    bottom: 0;
    left: 0;
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZyYW1lcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0lBQ0k7SUFDQSxPQUpTO0lBS1Q7SUFDQTs7QUFJQTtJQUNJO0lBQ0E7SUFDQTs7QUFHSjtJQUNJO0lBQ0EsYUFsQks7SUFtQkw7O0FBSUo7SUFDSTtJQUNBLE9BekJLOzs7QUE2QmI7SUFDSTs7QUFFQTtJQUNJO0lBQ0E7O0FBRUo7SUFDSTtJQUNBOzs7QUFJUjtJQUNJOztBQUVBO0lBQ0k7SUFDQTs7QUFFSjtJQUNJO0lBQ0EiLCJmaWxlIjoiZnJhbWVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiRmcmFtZXdpZHRoOiAzNyU7XG5cbi5yaWdodC1mcmFtZSwgLmxlZnQtZnJhbWUge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogJGZyYW1ld2lkdGg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBcbiAgICBcblxuICAgIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHotaW5kZXg6IDM7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0eWxlLWZyYW1lX2NvbG91cik7XG4gICAgfVxuICAgIFxuICAgIC5ob3Jpem9udGFsIHtcbiAgICAgICAgaGVpZ2h0OiAwO1xuICAgICAgICBwYWRkaW5nLXRvcDogJGZyYW1ld2lkdGg7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBcbiAgICB9XG4gICAgXG4gICAgLnZlcnRpY2FsIHtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogJGZyYW1ld2lkdGg7XG4gICAgfVxufVxuXG4ucmlnaHQtZnJhbWUge1xuICAgIHJpZ2h0OiAwO1xuXG4gICAgLmhvcml6b250YWwge1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cbiAgICAudmVydGljYWwge1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cbn1cblxuLmxlZnQtZnJhbWUge1xuICAgIGxlZnQ6IDA7XG5cbiAgICAuaG9yaXpvbnRhbCB7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICB9XG4gICAgLnZlcnRpY2FsIHtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgIH1cbn0iXX0= */
