@use './scaling';
/*
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);
*/

.result-sha {
  margin-top: 0.2em !important;
}

.result-group {
  margin-top: 0.1em !important;
}

.limit-field {
  max-width: 85px !important;
}

.hide-small-element {
  display: none;
}

.hide-element-sha {
  display: block;
}

.hide-small-element-sha {
  display: none;
}

.sha256-col {
  flex-grow: 4;
}

.group-col {
  flex-wrap: wrap;
  flex-grow: 2;
}

.index-col {
  flex-wrap: wrap;
  flex-grow: 1;
}

.search-header {
  padding-left: 0;
  padding-right: 0;
}

.search-bar {
  max-width: 800px;
  width: 100%;
}

.search-input {
  padding-right: 50px;
  white-space: nowrap;
  overflow: hidden;
}

// 1400px
//@media (max-width: scaling.$xxl) { ... }

// 1200x
@media (max-width: scaling.$xl) {
  .hide-element {
    display: none !important;
  }

  .hide-small-element {
    display: block;
  }
}

// 992px
//@media (max-width: scaling.$lg) { ... }

@media (max-width: scaling.$md) {
  .hide-element-sha {
    display: none;
  }

  .hide-small-element-sha {
    display: block;
  }

  .sha256-col {
    min-width: 0;
  }
}

.param-sub-text {
  font-size: 11pt;
}

// 768px
//@media (max-width: scaling.$md) { ... }

// 576px
//@media (max-width: scaling.$sm) { ... }
