.mobile-dock {
  z-index: var(--z-index-fixed);
  color: rgb(var(--color-text));
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
  border-radius: 0;
  border-start-end-radius: 16px;
  border-start-start-radius: 16px;
  border: none;
  border-block-start: var(--modal-border-thickness) solid rgb(var(--color-text)/ var(--modal-border-opacity));
  box-shadow: var(--modal-shadow-offset-x) var(--modal-shadow-offset-y) var(--modal-shadow-blur) rgb(var(--color-shadow)/ var(--modal-shadow-opacity));
}

.mobile-dock__item {
  height: 48px;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  color: rgb(var(--color-text));
}

.mobile-dock__item .body7 {
  letter-spacing: 0;
}

.mobile-dock-2col .mobile-dock__item {
  width: 50%;
}

.mobile-dock-3col .mobile-dock__item {
  width: 33.33%;
}

.mobile-dock-4col .mobile-dock__item {
  width: 25%;
}

.mobile-dock-5col .mobile-dock__item {
  width: 20%;
}

.mobile-dock-6col .mobile-dock__item {
  width: 16.66%;
}