/* Fonts */
@import url("//fonts.googleapis.com/css2?family=Inter&family=Nunito:ital,wght@0,200..700;1,200..700&display=swap");

.bm-modal-active {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* Original Bike Matrix CSS */
:root {
  --sm-width: 576px;
}

.bm-button {
  cursor: pointer;
  border: none;
  font-weight: 600;
}

.bm-header-btn {
  display: inline-block;
  padding: 0.8rem 1.4rem;
  font-weight: 200;
  background-color: black;
  color: white;
  border-radius: 5px;
  text-align: center;
  font-size: 0.75em;
}

.bm-header-btn:disabled {
  background-color: grey;
  cursor: not-allowed;
}

.bm-disabled {
  background-color: grey;
  cursor: not-allowed;
}

.bm-icon {
  display: inline-block;
  padding: 0.8rem 0.8rem;
  font-weight: 200;
  border: none;
  text-align: center;
  font-size: 0.75em;
}

.bm-modal-open {
  overflow: hidden;
}

.bm-hidden {
  display: none;
}

.bm-bike-select-icon.show-selected {
  position: relative;
}

.bm-bike-select-icon.show-selected::after {
  content: "";
  width: 12px;
  height: 12px;
  top: 2px;
  right: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 191.667 191.667' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M95.833 0C42.991 0 0 42.99 0 95.833s42.991 95.834 95.833 95.834 95.833-42.991 95.833-95.834S148.676 0 95.833 0zm55.029 79.646-60.207 60.207a13.463 13.463 0 0 1-9.583 3.969c-3.62 0-7.023-1.409-9.583-3.969l-30.685-30.685a13.464 13.464 0 0 1-3.97-9.583c0-3.621 1.41-7.024 3.97-9.584a13.46 13.46 0 0 1 9.583-3.97c3.62 0 7.024 1.41 9.583 3.971l21.101 21.1 50.623-50.623a13.463 13.463 0 0 1 9.583-3.969c3.62 0 7.023 1.409 9.583 3.969 5.286 5.286 5.286 13.883.002 19.167z' fill='%2300ab04' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  background-size: contain;
}

/* Bike Matrix Compatibility Label */
.bm-collection-result-wrapper {
  margin-top: calc(2 * var(--space-unit));
}