
.w-0 {
  width: 0 !important;
}

.min-w-0 {
  min-width: 0 !important;
}

.min-h-0 {
  min-height: 0 !important;
}

.flex-center {
  @include flex-center;
}

.absolute-center {
  @include center-absolute;
}

.hidden {
  display: none !important;
}

.mobile-hidden {
  @include mobile {
    display: none !important;
  }
}

.desktop-hidden {
  @include desktop {
    display: none !important;
  }
}

.mobile-visible {
  display: none !important;

  @include mobile {
    display: initial !important;
  }
}

.desktop-visible {
  display: none !important;

  @include desktop {
    display: initial !important;
  }
}

.bg-light-blue {
  background-color: $light-blue;
}

.clickable {
  cursor: pointer !important;
}

.text-color-default {
  color: var(--default-text-color) !important;
}

.bg-transparent {
  background: transparent !important;
}

.flex-none {
  flex: none !important;
}

.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.col-break-line {
  @extend .col-12;
  padding: 0;
  margin: 0;
}

@each $key, $value in $spacers {
  .ml-#{$key} {
    margin-left: $value !important;
  }
}
