@charset "UTF-8";

@import "@startinblox/hubl-styling-framework/dist/index.css";

main {
  background-color: pink;
}

.whitespace-normal {
  white-space: normal;
}

.block {
  display: block;
}

solid-display>div {
  display: contents !important;
}

.text-left {
  text-align: left;
}

$small: "max-width: 640px";

.segment {
  @media($small) {
    &.sm {
      &-hidden {
        display: none;
      }

      &-quarter {
        width: 25%;
      }

      &-third {
        width: 33.333%;
      }

      &-half {
        width: 50%;
      }

      &-two-third {
        width: 66.666%;
      }

      &-three-quarter {
        width: 75%;
      }

      &-full {
        width: 100%;
      }

      &-auto {
        width: auto;
      }
    }

    &.sm-children {
      &-hidden>div>solid-display {
        display: none;
      }

      &-quarter>div>solid-display {
        width: 25%;
      }

      &-third>div>solid-display {
        width: 33.333%;
      }

      &-half>div>solid-display {
        width: 50%;
      }

      &-two-third>div>solid-display {
        width: 66.666%;
      }

      &-three-quarter>div>solid-display {
        width: 75%;
      }

      &-full>div>solid-display {
        width: 100%;
      }

      &-auto>div>solid-display {
        width: auto;
      }
    }
  }
}





@import 'header/_index';
@import 'left-nav/_index';
@import 'content/_index';
@import 'about/_index';
@import 'chat/_index';