.inventory__section__wrapper {
  display: flex;

  align-items: center;
}

.inventory__section__switch__wrap {
  margin-bottom: 10px !important;
}

/* Toki Homepage */

.homepage-toki .home.navbar-nav {
  flex-direction: row;

  gap: 20px;
}

.home.navbar-nav .nav-link.active {
  font-weight: 700;
}

.collapse.navbar-collapse.mobile-content {
  display: none !important;
}

.search {
  position: relative;

  padding-bottom: 15px;

  bottom: -7px;
}

.search-input::placeholder {
  color: white;

  opacity: 0.8;
}

.search-input {
  height: 0px;

  border: none;

  position: absolute;

  left: -200px;

  visibility: hidden;

  opacity: 0;

  top: 40px;

  background: #5747e1;

  color: white;

  padding: 6px;

  font-size: 12px;

  outline: none;

  width: 220px;

  transition: 80ms all ease-in;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

  box-shadow: none;
}

.search-button {
  background: transparent;

  border: none;
}

.search-button:hover + .search-input,
.search-input:hover,
.search:hover .search-input {
  visibility: visible !important;

  opacity: 1 !important;

  z-index: 9 !important;

  box-shadow: 1px 3px 4px #e6e6e6;

  height: 25px !important;
}

.filter {
  display: flex;

  padding: 30px 0px;

  justify-content: center;

  max-width: 100%;
}

.button {
  margin-right: 18px;

  cursor: pointer;

  color: black;

  background-color: unset;

  text-transform: capitalize;

  font-size: 15px;

  font-weight: bold;

  border: 0;

  outline: none;

  white-space: nowrap;
}

.button:last-child {
  margin-right: 0;
}

.content {
  width: 1024px;

  margin: 0 auto;
}

/* card */

.card-info {
  height: 100px;

  display: flex;

  align-items: center;

  width: 100%;

  justify-content: flex-start;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;

  /* background: #d2d2dd; */
}

.card-homepage {
  border-radius: 20px;
}

.card-body {
  background: #d2d2dd;

  border-radius: 20px;
}

.label-top {
  position: absolute;

  background-color: #11b4f5;

  color: #fff;

  top: 8px;

  right: 21px;

  padding: 5px 10px 5px 10px;

  font: 500 var(--size-13) var(--font-gordita);

  border-radius: 50px;

  text-transform: uppercase;
}