.GridRulers {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100000;
  pointer-events: none; }
  .GridRulers:target {
    display: block; }
  .GridRulers:after {
    display: block;
    z-index: 100000;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: #9248a6;
    color: white;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 16px; }
    @media (min-width: 1250px) {
      .GridRulers:after {
        content: "L"; } }
    @media (min-width: 1020px) and (max-width: 1249px) {
      .GridRulers:after {
        content: "M"; } }
    @media (max-width: 1019px) {
      .GridRulers:after {
        content: "XS"; } }
  .GridRulers, .GridRulers * {
    box-sizing: border-box; }
  .GridRulers .columns {
    height: 100%;
    white-space: nowrap; }
    @media (min-width: 1250px) {
      .GridRulers .columns {
        width: 1200px;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 1020px) and (max-width: 1249px) {
      .GridRulers .columns {
        width: 970px;
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 1019px) {
      .GridRulers .columns {
        width: auto; } }
    .GridRulers .columns .column {
      height: 100%;
      display: inline-block;
      vertical-align: top; }
      .GridRulers .columns .column .column_body {
        display: inline-block;
        vertical-align: top;
        height: 100%;
        border-left: 1px solid #9248a6;
        background-color: rgba(189, 136, 204, 0.3); }
        @media (min-width: 1250px) {
          .GridRulers .columns .column .column_body {
            width: 56px; } }
        @media (min-width: 1020px) and (max-width: 1249px) {
          .GridRulers .columns .column .column_body {
            width: 48px; } }
        @media (max-width: 1019px) {
          .GridRulers .columns .column .column_body {
            width: 32px; } }
      .GridRulers .columns .column .column_spacing {
        display: inline-block;
        vertical-align: top;
        height: 100%;
        border-left: 1px dotted #9248a6; }
        @media (min-width: 1250px) {
          .GridRulers .columns .column .column_spacing {
            width: 48px; } }
        @media (min-width: 1020px) and (max-width: 1249px) {
          .GridRulers .columns .column .column_spacing {
            width: 35.81818px; } }
        @media (max-width: 1019px) {
          .GridRulers .columns .column .column_spacing {
            width: -34.90909px; } }
      .GridRulers .columns .column:last-child {
        border-right: 1px solid #9248a6; }

/*# sourceMappingURL=gridrulers.palau_2023.scss.map */