/* screen - nav-tablet */

.nav-tablet {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  position: relative;
  z-index: 1000;
}

#overlay-nav-tablet {
  align-items: center;
  background-color: #ffffff00;
  justify-content: center;
}

.nav-tablet .nav-tablet-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100.0vw;
}

.nav-tablet .frame-87 {
  align-self: stretch;
  background-color: var(--aquamarine);
  height: 92vh;
  position: relative;
  width: 100%;
}

.nav-tablet .frame-88 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 19.89vw;
  left: 24.19vw;
  position: relative;
  top: 26.88vw;
  width: 51.61vw;
}

.nav-tablet .frame-65 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.08vw;
  position: relative;
  width: 100%;
}

.nav-tablet .text-1 {
  letter-spacing: 0;
  line-height: 6.88vw;
  margin-top: -0.13vw;
  position: relative;
  width: fit-content;
}

.nav-tablet .name {
  letter-spacing: 0;
  line-height: 4.84vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.nav-tablet .frame-31 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4.03vw;
  overflow-x: scroll;
  position: relative;
}

.nav-tablet .frame-28 {
  align-items: center;
  background-color: var(--black);
  border-radius: 13.44vw;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 1.34vw;
  justify-content: center;
  padding: 1.08vw 10.75vw;
  position: relative;
  width: 32.26vw;
}

.nav-tablet .daily {
  letter-spacing: 0;
  line-height: 5.81vw;
  margin-top: -0.13vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.nav-tablet .frame-3 {
  align-items: center;
  background-color: var(--black);
  border-radius: 13.44vw;
  display: flex;
  flex: 0 0 auto;
  gap: 1.34vw;
  justify-content: center;
  padding: 1.08vw 10.75vw;
  position: relative;
  width: 32.26vw;
}

.nav-tablet .daily-1 {
  margin-left: -0.87vw;
  margin-right: -0.87vw;
}

.nav-tablet .daily-2 {
  margin-left: -1.75vw;
  margin-right: -1.75vw;
}

.nav-tablet .daily-3 {
  letter-spacing: 0;
  line-height: 5.81vw;
  margin-top: -0.13vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}