.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZyYW1lcy5zY3NzIiwiZnJhbWVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNJLFlBQUE7RUFDQSxVQUpTO0VBS1Qsa0JBQUE7RUFDQSxNQUFBO0FDREo7QURLSTtFQUNJLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLDJDQUFBO0FDSFI7QURNSTtFQUNJLFNBQUE7RUFDQSxnQkFsQks7RUFtQkwsV0FBQTtBQ0pSO0FEUUk7RUFDSSxZQUFBO0VBQ0EsVUF6Qks7QUNtQmI7O0FEVUE7RUFDSSxRQUFBO0FDUEo7QURTSTtFQUNJLFNBQUE7RUFDQSxRQUFBO0FDUFI7QURTSTtFQUNJLFNBQUE7RUFDQSxRQUFBO0FDUFI7O0FEV0E7RUFDSSxPQUFBO0FDUko7QURVSTtFQUNJLE1BQUE7RUFDQSxPQUFBO0FDUlI7QURVSTtFQUNJLFNBQUE7RUFDQSxPQUFBO0FDUlIiLCJmaWxlIjoiZnJhbWVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiRmcmFtZXdpZHRoOiAzNyU7XG5cbi5yaWdodC1mcmFtZSwgLmxlZnQtZnJhbWUge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogJGZyYW1ld2lkdGg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBcbiAgICBcblxuICAgIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHotaW5kZXg6IDM7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0eWxlLWZyYW1lX2NvbG91cik7XG4gICAgfVxuICAgIFxuICAgIC5ob3Jpem9udGFsIHtcbiAgICAgICAgaGVpZ2h0OiAwO1xuICAgICAgICBwYWRkaW5nLXRvcDogJGZyYW1ld2lkdGg7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBcbiAgICB9XG4gICAgXG4gICAgLnZlcnRpY2FsIHtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogJGZyYW1ld2lkdGg7XG4gICAgfVxufVxuXG4ucmlnaHQtZnJhbWUge1xuICAgIHJpZ2h0OiAwO1xuXG4gICAgLmhvcml6b250YWwge1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cbiAgICAudmVydGljYWwge1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgIH1cbn1cblxuLmxlZnQtZnJhbWUge1xuICAgIGxlZnQ6IDA7XG5cbiAgICAuaG9yaXpvbnRhbCB7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICB9XG4gICAgLnZlcnRpY2FsIHtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgIH1cbn0iLCIucmlnaHQtZnJhbWUsIC5sZWZ0LWZyYW1lIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMzclO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbn1cbi5yaWdodC1mcmFtZSBzcGFuLCAubGVmdC1mcmFtZSBzcGFuIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdHlsZS1mcmFtZV9jb2xvdXIpO1xufVxuLnJpZ2h0LWZyYW1lIC5ob3Jpem9udGFsLCAubGVmdC1mcmFtZSAuaG9yaXpvbnRhbCB7XG4gIGhlaWdodDogMDtcbiAgcGFkZGluZy10b3A6IDM3JTtcbiAgd2lkdGg6IDEwMCU7XG59XG4ucmlnaHQtZnJhbWUgLnZlcnRpY2FsLCAubGVmdC1mcmFtZSAudmVydGljYWwge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAzNyU7XG59XG5cbi5yaWdodC1mcmFtZSB7XG4gIHJpZ2h0OiAwO1xufVxuLnJpZ2h0LWZyYW1lIC5ob3Jpem9udGFsIHtcbiAgYm90dG9tOiAwO1xuICByaWdodDogMDtcbn1cbi5yaWdodC1mcmFtZSAudmVydGljYWwge1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xufVxuXG4ubGVmdC1mcmFtZSB7XG4gIGxlZnQ6IDA7XG59XG4ubGVmdC1mcmFtZSAuaG9yaXpvbnRhbCB7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbn1cbi5sZWZ0LWZyYW1lIC52ZXJ0aWNhbCB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbn0iXX0= */