// Sizing
.max-w-1  {  max-width: 1rem; }
.max-w-2  {  max-width: 2rem; }
.max-w-3  {  max-width: 4rem; }
.max-w-4  {  max-width: 8rem; }
.max-w-5  {  max-width: 16rem; }
.max-w-6  {  max-width: 32rem; }
.max-w-7  {  max-width: 48rem; }
.max-w-8  {  max-width: 64rem; }
.max-w-9  {  max-width: 96rem; }

.height-1 { height: 1rem; }
.height-2 { height: 2rem; }
.height-3 { height: 4rem; }
.height-4 { height: 8rem; }
.height-5 { height: 16rem; }

.rounded { border-radius: 6px }

.border { border: 1px solid $fg-1 }
.border-b { border-bottom: 1px solid $fg-1 }

.separator {
  @extend .text-fg-1;
  @extend .mx-2;
  display: inline-block;
  &:after {
    content: '|';
  }
}

.spacer { flex: 1 1 auto; }
.cursor-pointer { cursor: pointer; }