@import url(https://db.onlinewebfonts.com/c/060fd297f19446447a9a1325ad5b889b?family=SF+Pro+Rounded);
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@700;800;900&display=swap");

:root {
  --font: "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #f4f5f7;
  --white: #ffffff;

  --text: #111111;
  --muted: #7c7c80;

  --primary: #0701fd;

  --secondary: #e3e3e5;
  --secondary-text: #1f1f22;

  --link: #190ec8;

  --pin-border: #e6e6ea;
  --pin-border-err: #ff3b30;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  overflow: hidden;
  /* чтобы не скроллилось */
}

/* ВАЖНО: каждый экран = ровно 100svh, без скролла */
.view {
  height: 100svh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.is-hidden {
  display: none !important;
}

.view-intro {
  background: var(--bg);
}

.view-white {
  background: var(--white);
}

.screen {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;

  padding: max(18px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom)) 12px;
}

/* ===== INTRO ===== */
.intro-screen {
  background: #f0eff4;
}

.hero {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 6px;
  padding-bottom: 0;
  overflow: hidden;
}

.hero video {
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
  margin-left: 0;
  margin-bottom: 30px;
  object-position: center center;
  will-change: transform;
}

nav.bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 6px;
}

.actions {
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.btn {
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 999px;
  font-family: var(--font);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.1px;
  box-shadow: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.06s ease;
}

.btn:active {
  transform: scale(0.99);
}

.btn-primary {
  background: var(--primary);
  color: #fff;
}

.btn-secondary {
  background: var(--secondary);
  color: var(--secondary-text);
}

.btn-wide {
  height: 48px;
  font-size: 16px;
}

.btn.btn-wide-replenish {
  height: 48px;
  font-size: 16px;
  font-weight: 500 !important;
  /* переопределяем .btn (700) */
  margin-bottom: 40px;
}

.footer {
  width: 100%;
  max-width: 520px;
  text-align: center;
  font-size: 12.5px;
  line-height: 1.35;
  color: #8b8b90;
  margin-bottom: 30px;
  padding: 20px;
}

.footer a {
  color: var(--link);
  text-decoration: none;
  font-weight: 600;
}

/* ===== TOPBAR ===== */
.topbar {
  height: 52px;
  display: grid;
  grid-template-columns: 52px 1fr 52px;
  align-items: center;

  /* safe-area только тут, чтобы не дублировать */
  padding: max(10px, env(safe-area-inset-top)) 6px 6px 6px;

  background: var(--white);
  flex: 0 0 auto;
}

.topbar-title {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: #000;
}

.icon-btn {
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.chev {
  width: 11px;
  height: 11px;
  border-left: 2.2px solid #1a1a1a;
  border-bottom: 2.2px solid #1a1a1a;
  transform: rotate(45deg);
  margin-left: 6px;
}

/* ===== ADD EXISTING WALLET ===== */
.add-existing .topbar {
  background: #f2f2f7;
  grid-template-columns: 44px 1fr 44px;
}

.add-existing .topbar-title {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  padding-left: 0;
}

.add-existing .screen {
  background: #f2f2f7 !important;
  align-items: stretch;
  padding: 6px 12px 22px;
}

.ae-wrap {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0 2px;
}

.ae-section-title {
  font-size: 13px;
  color: #8e8e93;
  margin: 10px 2px 10px;
  font-weight: 800;
  text-align: left;
}

.ae-section-gap {
  margin-top: 18px;
}

.ae-item {
  width: 100%;
  border: 0;
  background: #f3f3f5;
  border-radius: 16px;
  padding: 16px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
  cursor: pointer;
  font-family: var(--font);
  -webkit-tap-highlight-color: transparent;
  text-align: left;
}

.ae-item:active {
  filter: brightness(0.98);
}

.ae-item+.ae-item {
  margin-top: 12px;
}

.ae-icon {
  width: 52px;
  height: 52px;
  border-radius: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.ae-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.ae-icon-img {
  width: 52px;
  height: 52px;
  display: block;
  object-fit: contain;
}

.ae-label {
  flex: 1;
  font-size: 16px;
  font-weight: 800;
  color: #111114;
  text-align: left;
}

.ae-chevron {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ae-chevron svg {
  width: 14px;
  height: 14px;
  display: block;
}

.ae-badge {
  margin-left: 8px;
  font-size: 11px;
  font-weight: 700;
  background: #111;
  color: #fff;
  border-radius: 6px;
  padding: 2px 6px;
  letter-spacing: 0.2px;
}

/* ===== ADD EXISTING SHEET ===== */
.ae-sheet {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 999;
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 320ms ease,
    visibility 0s linear 320ms;
}

.ae-sheet.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition:
    opacity 320ms ease,
    visibility 0s linear 0s;
}

.ae-sheet-card {
  width: 100%;
  max-width: 520px;
  background: #fff;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.14);
  padding: 10px 16px 18px;
  transform: translateY(110%);
  transition: transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.ae-sheet.is-open .ae-sheet-card {
  transform: translateY(0);
}

.ae-sheet-close {
  display: flex;
  justify-content: flex-end;
  height: 34px;
  align-items: center;
}

.ae-sheet-x {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
  color: #6b6b6f;
  line-height: 1;
}

.ae-sheet-hero {
  display: flex;
  justify-content: center;
  padding: 10px 0 6px;
}

.ae-hero-img {
  width: 150px;
  height: 130px;
  display: block;
  object-fit: contain;
}

.ae-sheet-title {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  margin: 6px 8px 12px;
  color: #111114;
}

.ae-sheet-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 2px 14px;
}

.ae-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #f4f4f6;
  border-radius: 12px;
  padding: 12px 12px;
  font-size: 14px;
  line-height: 18px;
  color: #2b2f36;
}

.ae-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.ae-check-box {
  width: 20px;
  height: 20px;
  border: 2px solid #b9bcc7;
  border-radius: 4px;
  background: #f0f0f2;
  flex: 0 0 auto;
  margin-top: 2px;
  display: inline-block;
}

.ae-check input:checked+.ae-check-box {
  background: #0701fd;
  border-color: #0701fd;
  box-shadow: inset 0 0 0 2px #fff;
}

.ae-check-text {
  flex: 1;
}

.ae-sheet-cta {
  width: 100%;
  height: 48px;
  border-radius: 999px;
  border: 0;
  font-weight: 800;
  font-size: 16px;
  cursor: pointer;
  background: #d9d8ff;
  color: #ffffff;
}

.ae-sheet-cta.is-active {
  background: #0701fd;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 45px;
}

.ae-sheet-cta:disabled {
  background: #d9d8ff;
  color: #ffffff;
  opacity: 0.7;
  cursor: default;
}

/* ===== PIN ===== */
.pin-screen {
  background: var(--white);
  padding-top: 10px;
  /* без safe-area, оно в topbar */
}

.pin-center {
  width: 100%;
  max-width: 520px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
}

.pin-h1 {
  font-weight: 800;
  font-size: 20px;
  margin-top: 6px;
  margin-bottom: 24px;
}

.pin-grid {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
}

.pin-cell {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 1.6px solid var(--pin-border);
  background: #fff;
  text-align: center;
  outline: none;

  /* точки */
  -webkit-text-security: disc;
  text-security: disc;

  /* увеличиваем “точки” */
  font-size: 26px;
  font-weight: 800;
  line-height: 48px;
  color: #111;

  /* чтобы caret не мешал */
  caret-color: transparent;
}

.notify-img {
  width: 110px;
  height: 110px;
  object-fit: contain;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}

/* большая точка по центру */
.pin-cell.filled::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  /* размер точки */
  height: 12px;
  background: #1c1c1e;
  border-radius: 999px;
  transform: translate(-50%, -50%);
}

.pin-cell:focus {
  border-color: #cfcfd6;
}

.back-ic {
  width: 22px;
  height: 22px;
  display: block;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

.pin-desc {
  text-align: center;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.35;
}

.pin-error {
  min-height: 18px;
  margin-top: 10px;
  font-size: 13px;
  color: var(--pin-border-err);
  font-weight: 700;
  text-align: center;
}

.pin-grid.is-error .pin-cell {
  border-color: var(--pin-border-err);
}

.shake {
  animation: shake 0.28s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-8px);
  }

  50% {
    transform: translateX(8px);
  }

  75% {
    transform: translateX(-6px);
  }

  100% {
    transform: translateX(0);
  }
}

/* ===== NOTIFY (как на iOS скрине) ===== */
.notify-screen {
  background: var(--white);
  padding-top: 10px;
  /* safe-area в topbar */
}

/* Верхняя часть: флаг по центру и ниже */
.notify-upper {
  width: 100%;
  max-width: 520px;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* центрируем по вертикали весь блок */
}

.notify-hero {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  /* убрали ручной сдвиг */
}

.notify-media {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notify-img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}

/* Текст: как на 2м скрине */
.notify-text {
  width: 100%;
  max-width: 520px;
  margin-top: 25px;
  padding: 28px 6px 0;
  text-align: left;
}

.notify-h1 {
  font-weight: 900;
  font-size: 26px;
  line-height: 1.06;
  letter-spacing: -0.6px;
  margin: 0 0 10px 0;
  text-align: center;
}

.notify-p {
  color: #8b8b90;
  font-size: 16px;
  line-height: 1.35;
  margin: 0;
  text-align: center;
}

/* Низ: кнопка и “Пропустить…” */
.notify-actions {
  width: 100%;
  max-width: 520px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* ВАЖНО: тот же шрифт, как везде */
.link-btn {
  border: 0;
  background: transparent;
  font-family: var(--font);
  color: var(--primary);
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.2px;
  padding: 8px 0 2px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  margin-bottom: 50px;
}

/* ===== CONFETTI “выстрел” ===== */
.confetti {
  position: absolute;
  inset: -10px;
  pointer-events: none;
  overflow: visible;
}

.confetti-piece {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 12px;
  border-radius: 2px;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.confetti-burst .confetti-piece {
  animation: confetti 700ms ease-out forwards;
}

@keyframes confetti {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) translate(0, 0) rotate(0deg);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) translate(var(--dx), var(--dy)) rotate(var(--rot));
  }
}

/* ===== DONE ===== */
.done-top {
  height: 52px;
  padding: max(10px, env(safe-area-inset-top)) 12px 0 12px;
  display: flex;
  justify-content: flex-end;
  background: var(--white);
  flex: 0 0 auto;
}

.skip-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 32px;
  /* фиксируем “тонкую” высоту как на iOS */
  padding: 18px 16px;
  /* только по горизонтали */
  border: 0;
  border-radius: 999px;

  background: #f1f1f3;
  color: #414141;

  font-family: var(--font);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  /* чтобы текст не раздувал */
  letter-spacing: -0.2px;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.skip-pill:active {
  filter: brightness(0.97);
}

.done-screen {
  background: var(--white);
  padding-top: 10px;
}

.done-hero {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;

  padding-top: 24px;

  /* УБИРАЕМ ЛЮБЫЕ КОНТУРЫ/ГРАНИЦЫ */
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;

  /* на случай если линия из-за subpixel */
  transform: translateZ(0);
}

.done-img {
  width: 240px;
  height: 240px;
  object-fit: contain;
}

.done-text {
  width: 100%;
  max-width: 520px;
  text-align: center;
  padding: 0 6px;
}

.done-h1 {
  font-family: "Inter", var(--font);
  font-weight: 800;
  font-size: 25px;
  line-height: 1.05;
  letter-spacing: -0.6px;
  margin: 0 0 10px 0;
  color: #2b2b2b;
}

.done-video {
  width: 440px;
  height: 440px;
  object-fit: contain;
  display: block;

  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  /* Added border-radius to ensure no edge artifacts */
  border-radius: 0 !important;

  /* Added clip-path to crop 1px from top and 1px from right */
  clip-path: inset(2px 1px 0 0);

  /* иногда помогает убрать "рамку" декодера */
  -webkit-mask-image: -webkit-radial-gradient(white, black);

  /* Removed translateY to eliminate top spacing */
  transform: translateZ(0);
  user-select: none;
  -webkit-user-drag: none;

  /* Remove any default spacing */
  margin: 0 !important;
  padding: 0 !important;
}

.view-white,
.view-white .screen,
.done-screen {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

.done-p {
  color: #919191;
  font-size: 16px;
  margin: 0;
  margin-bottom: 30px;
}

.done-actions {
  width: 100%;
  max-width: 520px;
  padding: 18px 0 22px;
}

/* ===== SLIDE TRANSITIONS (стабильно, без display:none артефактов) ===== */
.view {
  position: fixed;
  inset: 0;
  /*width: 100%; before*/
  max-width: 430px;
  margin: 0 auto;
  
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  /* ВАЖНО: без transform по умолчанию — иначе мылит текст */
  transform: none;
  will-change: auto;
  background: inherit;
}

.is-hidden {
  visibility: hidden;
  pointer-events: none;
}

/* стартовые позиции */
.view.slide-from-right {
  transform: translate3d(100%, 0, 0);
}

.view.slide-from-left {
  transform: translate3d(-100%, 0, 0);
}

/* активный переход */
.view.slide-animating {
  will-change: transform;
  transition: transform 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* уход */
.view.slide-to-left {
  transform: translate3d(-100%, 0, 0);
}

.view.slide-to-right {
  transform: translate3d(100%, 0, 0);
}

/* override white view background for add existing wallet */
.add-existing.view-white,
.add-existing.view-white .screen {
  background: #f2f2f7 !important;
}

/* ===== CHOOSE NETWORK ===== */
.choose-network .topbar {
  background: #ffffff;
}

.choose-network .topbar-title {
  text-align: center;
  font-weight: 800;
  font-size: 18px;
}

.cn-info-dot {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #e8e8ec;
  color: #6b6b6f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  font-family: var(--font);
}

.cn-screen {
  background: #ffffff;
  align-items: stretch;
  padding: 8px 12px 20px;
}

.cn-wrap {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.cn-search {
  width: 100%;
  height: 40px;
  border-radius: 999px;
  background: #f1f1f3;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
}

.cn-search input {
  border: 0;
  background: transparent;
  outline: none;
  font-size: 14px;
  color: #111;
  width: 100%;
  font-family: var(--font);
}

.cn-search input::placeholder {
  color: #9ca0aa;
  font-weight: 600;
}

.cn-search-ic {
  width: 18px;
  height: 18px;
  display: flex;
}

.cn-recommend {
  position: relative;
  margin: 16px 0 14px;
}

.cn-recommend-pill {
  position: absolute;
  left: 18px;
  top: -12px;
  background: #0701fd;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  letter-spacing: 0.2px;
}

.cn-card {
  width: 100%;
  border: 1px solid #ebebef;
  background: #f4f4f6;
  border-radius: 16px;
  padding: 14px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-family: var(--font);
  text-align: left;
}

.cn-card-primary {
  border: 2px solid #0701fd;
  background: #f4f4f6;
}

.cn-title {
  flex: 1;
  font-size: 15px;
  font-weight: 800;
  color: #111114;
}

.cn-chevron svg {
  width: 14px;
  height: 14px;
}

.cn-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: 16px;
  background: #f4f4f6;
  border: 1px solid #ededf2;
  overflow: hidden;
}

.cn-list .cn-card {
  border: 0;
  border-bottom: 1px solid #ededf2;
  border-radius: 0;
  background: transparent;
}

.cn-list .cn-card:last-child {
  border-bottom: 0;
}

.cn-card-muted {
  cursor: default;
}

.cn-icon {
  width: 39px;
  height: 39px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  flex: 0 0 auto;
}

.cn-icon-img {
  width: 39px;
  height: 39px;
  display: block;
  object-fit: contain;
}

/* ===== IMPORT SEED ===== */
.import-seed .topbar {
  background: #ffffff;
}

.import-seed .topbar-title {
  text-align: center;
  font-weight: 800;
  font-size: 18px;
}

.is-scan-ic {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.is-screen {
  background: #ffffff;
  align-items: stretch;
  padding: 8px 12px 18px;
}

.is-wrap {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.is-label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #6b6b6f;
  margin: 12px 2px 8px;
}

.is-input-wrap {
  position: relative;
}

.is-input-wrap input {
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid #d7d7dc;
  background: #fff;
  padding: 0 44px 0 14px;
  font-size: 15px;
  font-weight: 700;
  outline: none;
  box-sizing: border-box;
}

.is-clear {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 0;
  background: #1a1a1a;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}

.is-seed-box {
  position: relative;
  border: 1px solid #d7d7dc;
  border-radius: 12px;
  background: #fff;
  padding: 12px 14px 40px;
  min-height: 180px;
}

.is-seed-box textarea {
  width: 100%;
  min-height: 128px;
  border: 0;
  resize: none;
  outline: none;
  font-size: 15px;
  line-height: 20px;
  font-family: inherit;
  box-sizing: border-box;
}

.is-paste {
  position: absolute;
  right: 12px;
  bottom: 10px;
  border: 0;
  background: transparent;
  color: #0701fd;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
  padding: 6px 4px;
}

.is-hint {
  font-size: 13px;
  color: #6b6b6f;
  margin: 8px 2px 0;
}

.is-error {
  display: none;
  margin-top: 10px;
  font-size: 13px;
  color: #d43737;
}

.is-bottom {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 18px;
}

.is-cta {
  width: 100%;
  height: 52px;
  border-radius: 999px;
  border: 0;
  font-weight: 800;
  font-size: 16px;
  cursor: pointer;
  background: #d9d8ff;
  color: #ffffff;
  opacity: 0.7;
}

.is-cta.is-active {
  background: #0701fd;
  color: #fff;
  opacity: 1;
}

.is-help {
  width: 100%;
  border: 0;
  background: transparent;
  color: #0701fd;
  font-weight: 800;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 45px;
}