@charset "UTF-8";
/**
  Нормализация блочной модели
 */
*,
::before,
::after {
  box-sizing: border-box;
}
body {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Стандартный синтаксис */
}
/**
  Убираем внутренние отступы слева тегам списков,
  у которых есть атрибут class
 */
:where(ul, ol):where([class]) {
  padding-left: 0;
}

/**
  Убираем внешние отступы body и двум другим тегам,
  у которых есть атрибут class
 */
body,
:where(blockquote, figure):where([class]) {
  margin: 0;
}

/**
  Убираем внешние отступы вертикали нужным тегам,
  у которых есть атрибут class
 */
:where(h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

:where(fieldset[class]) {
  margin-left: 0;
  padding: 0;
  border: none;
}

/**
  Убираем стандартный маркер маркированному списку,
  у которого есть атрибут class
 */
:where(ul[class]) {
  list-style: none;
}

:where(address[class]) {
  font-style: normal;
}

/**
  Обнуляем вертикальные внешние отступы параграфа,
  объявляем локальную переменную для внешнего отступа вниз,
  чтобы избежать взаимодействие с более сложным селектором
 */
p {
  --paragraphMarginBottom: 8px;
  margin-block: 0;
}

/**
  Внешний отступ вниз для параграфа без атрибута class,
  который расположен не последним среди своих соседних элементов
 */
p:where(:not([class]):not(:last-child)) {
  margin-bottom: var(--paragraphMarginBottom);
}

/**
  Упрощаем работу с изображениями и видео
 */
img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

/**
  Наследуем свойства шрифт для полей ввода
 */
input,
textarea,
select,
button {
  font: inherit;
}

html {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  height: 100%;
  /**
    Убираем скачок интерфейса по горизонтали
    при появлении / исчезновении скроллбара
   */
  scrollbar-gutter: stable;
}

/**
  Плавный скролл
 */
html,
:has(:target) {
  scroll-behavior: smooth;
}

body {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  min-height: 100%;
  /**
    Унифицированный интерлиньяж
   */
  line-height: 1.5;
}

/**
  Нормализация высоты элемента ссылки при его инспектировании в DevTools
 */
a:where([class]) {
  display: inline-flex;
}

/**
  Курсор-рука при наведении на элемент
 */
button,
label {
  cursor: pointer;
}

/**
  Приводим к единому цвету svg-элементы
  (за исключением тех, у которых уже указан
  атрибут fill со значением 'none' или начинается с 'url')
 */
/**
  Чиним баг задержки смены цвета при взаимодействии с svg-элементами


/**
  Приведение рамок таблиц в классический 'collapse' вид
 */
:where(table) {
  border-collapse: collapse;
  border-color: currentColor;
}

/**
  Удаляем все анимации и переходы для людей,
  которые предпочитают их не использовать
 */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
a[class] {
  text-decoration: none;
}

a[class]:hover,
a[class]:focus-visible,
a[class]:active {
  text-decoration: none;
}

html:has(.welcome),
body:has(.welcome) {
  width: 100%;
  height: 100%;
  overflow: hidden;
  scrollbar-gutter: auto;
}

body:has(.welcome) {
  min-width: 1200px;
  min-height: 800px;
}

.welcome {
  display: grid;
  grid-template-columns: 581px 583px;
  gap: 12px;
  width: 1200px;
  height: 800px;
  padding: 12px;
  overflow: hidden;
  background: #03070b;
  font-family: "Inter", Arial, sans-serif;
}
.welcome__intro {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 776px;
  overflow: hidden;
  border-radius: 37px;
  background: #0c0f14;
  color: #f6f6f7;
}
.welcome__logo {
  position: absolute;
  inset-block-start: 70px;
  width: 150px;
  height: 37px;
}
.welcome__copy {
  position: absolute;
  inset-block-start: 225px;
  width: 100%;
  text-align: center;
}
.welcome__title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.08;
  letter-spacing: -1.55px;
}
.welcome__subtitle {
  padding-block-start: 14px;
  color: #afb2b8;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.welcome__actions {
  position: absolute;
  inset-block-start: 405px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 410px;
}
.welcome__button {
  align-items: center;
  justify-content: center;
  width: 410px;
  height: 48px;
  border-radius: 234px;
  color: #f5f8ff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}
.welcome__button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
.welcome__button:active {
  transform: scale(0.985);
}
.welcome__button--primary {
  background: #ffef46;
  color: #050501;
}
.welcome__button--primary:hover {
  background: #fff58a;
}
.welcome__button--primary:active {
  background: #eeda0f;
}
.welcome__button--secondary {
  margin-block-start: 12px;
  background: #181c22;
}
.welcome__button--secondary:hover {
  background: #21242c;
}
.welcome__button--secondary:active {
  background: #262931;
}
.welcome__duration {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-block-start: 21px;
  color: #a8abb1;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.welcome__duration-icon {
  flex: none;
}
.welcome__trust {
  position: absolute;
  inset-block-end: 32px;
  display: grid;
  grid-template-columns: 54px 112px 112px 54px;
  align-items: center;
  column-gap: 8px;
}
.welcome__wreath {
  width: 54px;
  height: 85px;
  object-fit: contain;
}
.welcome__wreath--mirrored {
  transform: scaleX(-1);
}
.welcome__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.welcome__stat-value {
  font-weight: 700;
  font-size: 16px;
  color: #f5f8ff;
  line-height: 22px;
}
.welcome__stat-label {
  padding-block-start: 10px;
  color: #afb2b8;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

.welcome-carousel {
  --carousel-progress-duration: 5000ms;
  position: relative;
  height: 776px;
  overflow: hidden;
  border-radius: 37px;
  background: #ffef46;
  color: #080808;
}
.welcome-carousel__page {
  position: absolute;
  z-index: 3;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  transform: translateX(var(--carousel-page-start, 100%));
}
.welcome-carousel--turning .welcome-carousel__page {
  box-shadow: -12px 0 28px rgba(0, 0, 0, 0.08);
  transition: transform 680ms cubic-bezier(0.65, 0, 0.22, 1);
}
.welcome-carousel--turning-active .welcome-carousel__page {
  transform: translateX(0);
}
.welcome-carousel__progress {
  position: absolute;
  z-index: 5;
  inset-block-start: 21px;
  inset-inline: 25px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}
.welcome-carousel__progress-item {
  position: relative;
  overflow: hidden;
  height: 2px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.18);
}
.welcome-carousel__progress-item::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #111111;
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
}
.welcome-carousel__progress-item--active::after {
  animation: welcome-progress-fill var(--carousel-progress-duration) linear forwards;
}
.welcome-carousel__progress-item--complete::after {
  transform: scaleX(1);
}
.welcome-carousel__stage {
  position: absolute;
  z-index: 1;
  inset: 0;
}
.welcome-carousel__image, .welcome-carousel__page-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: inherit;
  object-fit: cover;
}
.welcome-carousel__content {
  position: absolute;
  z-index: 2;
  inset-block-start: 575px;
  inset-inline: 30px;
  text-align: center;
  transition: opacity 200ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}
.welcome-carousel__page-content {
  position: absolute;
  z-index: 1;
  inset-block-start: 575px;
  inset-inline: 30px;
  text-align: center;
}
.welcome-carousel__title, .welcome-carousel__page-title {
  font-weight: 600;
  font-size: 31px;
  text-align: center;
  color: #02050a;
  line-height: 39px;
  letter-spacing: -0.8px;
}
.welcome-carousel__text, .welcome-carousel__page-text {
  padding-block-start: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #02050a;
  letter-spacing: -0.12px;
}
.welcome-carousel__controls {
  position: absolute;
  z-index: 5;
  inset-block-end: 40px;
  inset-inline-start: 50%;
  display: flex;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 7px);
  transition: opacity 220ms ease, transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
.welcome-carousel:hover .welcome-carousel__controls, .welcome-carousel__controls:has(.welcome-carousel__button:focus-visible) {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}
.welcome-carousel__button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f5f8ff;
  color: #000;
  transition: opacity 200ms ease, visibility 200ms ease, color 180ms ease, background-color 180ms ease, transform 180ms ease;
}
.welcome-carousel__button:hover {
  background: rgba(255, 255, 255, 0.88);
  color: #0c0d0e;
  transform: scale(1.06);
}
.welcome-carousel__button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.88);
  outline-offset: 3px;
}
.welcome-carousel__button:active {
  background: rgba(255, 255, 255, 0.68);
  transform: scale(0.94);
}
.welcome-carousel__button:disabled {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.welcome-carousel__button--next svg {
  transform: rotate(180deg);
}

@keyframes welcome-progress-fill {
  to {
    transform: scaleX(1);
  }
}
.wallet-setup__back {
  position: absolute;
  inset-block-start: 50px;
  inset-inline-start: 36px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: transparent;
  color: #696c72;
  transition: color 180ms ease, background-color 180ms ease;
}
.wallet-setup__back svg {
  width: 19px;
  height: 16px;
}
.wallet-setup__back:hover {
  background: #1e2126;
  color: #b5b8be;
}
.wallet-setup__back:active {
  background: transparent;
  color: #696c72;
}
.wallet-setup__back:focus-visible {
  outline: 2px solid #f6f6f7;
  outline-offset: 2px;
  border-radius: 50%;
}
.wallet-setup__back-label {
  position: absolute;
  inset-block-start: 55px;
  inset-inline-start: 83px;
  font-weight: 600;
  font-size: 21px;
  color: #fff;
  line-height: 29px;
  pointer-events: none;
  user-select: none;
}
.wallet-setup__logo {
  position: absolute;
  inset-block-start: 49px;
  width: 150px;
  height: 37px;
}
.wallet-setup__heading {
  position: absolute;
  inset-block-start: 135px;
  width: 100%;
  text-align: center;
}
.wallet-setup__title {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  color: #fff;
  letter-spacing: -0.3px;
}
.wallet-setup__description {
  padding-block-start: 6px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #afb2b8;
  line-height: 20px;
}
.wallet-setup__phrase-card {
  position: absolute;
  inset-block-start: 216px;
  width: 499px;
  height: 355px;
  padding: 4px 22px 21px;
  border-radius: 20px;
  background: #15181d;
}
.wallet-setup__phrase-list {
  display: grid;
  grid-template-columns: repeat(3, 133px);
  gap: 0 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wallet-setup__phrase-item {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  height: 53px;
  border-block-end: 1px solid #303338;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 22px;
}
.wallet-setup__phrase-number {
  font-weight: 600;
  font-size: 16px;
  color: #6e7176;
}
.wallet-setup__copy {
  position: absolute;
  inset-inline-end: 22px;
  inset-block-end: 22px;
  width: 130px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  background: #21252a;
  color: #f3f6fd;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  transition: background-color 180ms ease;
}
.wallet-setup__copy:hover {
  background: #2a2d34;
}
.wallet-setup__copy:active {
  background: #2e3138;
}
.wallet-setup__copy:focus-visible {
  outline: 2px solid #f6f6f7;
  outline-offset: 2px;
}
.wallet-setup__confirm {
  position: absolute;
  inset-block-start: 596px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 499px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  background: #ffef46;
  color: #050501;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  transition: background-color 180ms ease, transform 180ms ease;
}
.wallet-setup__confirm:hover {
  background: #fff58a;
}
.wallet-setup__confirm:active {
  background: #eeda0f;
  transform: scale(0.985);
}
.wallet-setup__confirm:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
.wallet-setup__existing {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 38px;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f5f8ff;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  white-space: nowrap;
  transform: translateX(-50%);
}
.wallet-setup__existing:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
  border-radius: 4px;
}

.wallet-import__card {
  position: absolute;
  inset-block-start: 216px;
  width: 499px;
  height: 355px;
  padding: 0 22px 21px;
  border-radius: 20px;
  background: #15181d;
}
.wallet-import__count {
  position: absolute;
  inset-block-start: 17px;
  inset-inline-start: 23px;
  display: grid;
  grid-template-columns: repeat(2, 56px);
  width: 120px;
  height: 32px;
  padding: 3px;
  border: 1px solid #272a2f;
  border-radius: 345px;
}
.wallet-import__count-button {
  padding: 0;
  border: 0;
  border-radius: 345px;
  background: transparent;
  color: #6e7176;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  transition: color 180ms ease, background-color 180ms ease;
}
.wallet-import__count-button:hover {
  background: transparent;
  color: #b3b5bc;
}
.wallet-import__count-button:active {
  background: #272a2f;
  color: #fff;
}
.wallet-import__count-button--active {
  background: #272a2f;
  color: #fff;
}
.wallet-import__count-button:focus-visible {
  outline: 2px solid #f6f6f7;
  outline-offset: 2px;
}
.wallet-import__words {
  position: absolute;
  inset-block-start: 60px;
  inset-inline: 22px;
  display: grid;
  grid-template-columns: repeat(3, 131px);
  grid-auto-rows: 53px;
  gap: 0 31px;
  height: 212px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #3a3e45 transparent;
  scrollbar-width: thin;
}
.wallet-import__words::-webkit-scrollbar {
  width: 4px;
}
.wallet-import__words::-webkit-scrollbar-track {
  background: transparent;
}
.wallet-import__words::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #3a3e45;
}
.wallet-import__word {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  height: 53px;
  border-block-end: 1px solid #303338;
}
.wallet-import__word:hover, .wallet-import__word:focus-within {
  border-block-end-color: #6f7177;
}
.wallet-import__word-number {
  font-weight: 600;
  font-size: 16px;
  color: #6e7176;
  line-height: 22px;
}
.wallet-import__word-input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 22px;
  caret-color: #f6f6f7;
}
.wallet-import__paste {
  position: absolute;
  inset-inline-end: 22px;
  inset-block-end: 22px;
  width: 130px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  background: #21252a;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #f3f6fd;
  line-height: 1;
  transition: background-color 180ms ease;
}
.wallet-import__paste:hover {
  background: #2a2d34;
}
.wallet-import__paste:active {
  background: #2e3138;
}
.wallet-import__paste:focus-visible {
  outline: 2px solid #f6f6f7;
  outline-offset: 2px;
}
.wallet-import__continue {
  position: absolute;
  inset-block-start: 596px;
  width: 499px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  background: #ffef46;
  color: #050501;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}
.wallet-import__continue:not(:disabled):hover {
  background: #fff58a;
}
.wallet-import__continue:not(:disabled):active {
  background: #eeda0f;
  transform: scale(0.985);
}
.wallet-import__continue:disabled {
  background: #181c22;
  color: #4d5157;
}
.wallet-import__continue:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
.wallet-import__new-wallet {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 38px;
  color: #f6f6f7;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
  transform: translateX(-50%);
}
.wallet-import__new-wallet:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
  border-radius: 4px;
}

.wallet-complete__logo {
  position: absolute;
  inset-block-start: 70px;
  width: 150px;
  height: 37px;
}
.wallet-complete__flag {
  position: absolute;
  inset-block-start: 176px;
  width: 190px;
  height: 218px;
  object-fit: contain;
}
.wallet-complete__copy {
  position: absolute;
  inset-block-start: 434px;
  width: 100%;
  text-align: center;
}
.wallet-complete__title {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  color: #fff;
  line-height: 29px;
  letter-spacing: -0.3px;
}
.wallet-complete__description {
  padding-block-start: 7px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #afb2b8;
  line-height: 20px;
}
.wallet-complete__button {
  position: absolute;
  inset-block-start: 551px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 499px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 25px;
  background: #ffef46;
  color: #050501;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.wallet-complete__button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
.wallet-complete__terms {
  position: absolute;
  inset-block-end: 39px;
  width: 100%;
  color: #afb2b8;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
}
.wallet-complete__terms strong {
  font-weight: 700;
  color: #fff;
}

html:has(.portfolio-app),
body:has(.portfolio-app) {
  width: 100%;
  height: 100%;
  overflow: hidden;
  scrollbar-gutter: auto;
}

.portfolio-page {
  min-width: 1200px;
  min-height: 800px;
  background: #02050a;
}

.portfolio-app {
  position: relative;
  width: 1200px;
  height: 800px;
  overflow: hidden;
  background: #02050a;
  color: #f3f6fd;
  font-family: "Inter", Arial, sans-serif;
}

.portfolio-sidebar {
  position: absolute;
  inset-block: 12px;
  inset-inline-start: 12px;
  width: 79px;
  border-radius: 25px;
  background: #0c0f14;
}
.portfolio-sidebar__logo {
  position: absolute;
  inset-block-start: 26px;
  inset-inline-start: 27px;
  width: 25px;
  height: 26px;
}
.portfolio-sidebar__nav {
  position: absolute;
  inset-block-start: 92px;
  inset-inline-start: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.portfolio-sidebar__item {
  display: grid;
  place-items: center;
  width: 47px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #696c72;
  transition: color 180ms ease, background-color 180ms ease;
}
.portfolio-sidebar__item svg {
  width: 19px;
  height: 19px;
}
.portfolio-sidebar__item:hover {
  background: #11151a;
  color: #a6a9af;
}
.portfolio-sidebar__item:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}
.portfolio-sidebar__item--active, .portfolio-sidebar__item--active:hover {
  background: #15181d;
  color: #f3f6fd;
}
.portfolio-sidebar__item--active svg {
  width: 23px;
  height: 23px;
}

.portfolio-main {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 104px;
  width: 1084px;
}

.portfolio-header {
  position: relative;
  height: 94px;
}
.portfolio-header__title {
  position: absolute;
  inset-block-start: 36px;
  inset-inline-start: 15px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #fff;
  line-height: 29px;
  letter-spacing: -0.3px;
}
.portfolio-header__settings {
  position: absolute;
  inset-block-start: 28px;
  inset-inline-start: 843px;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #0c0f14;
  transition: background-color 180ms ease;
}
.portfolio-header__settings svg path {
  fill: #f3f6fd;
}
.portfolio-header__settings:hover {
  background: #15181d;
}
.portfolio-header__settings:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}

.portfolio-search {
  position: absolute;
  inset-block-start: 28px;
  inset-inline-start: 517px;
  display: flex;
  align-items: center;
  width: 320px;
  height: 50px;
  padding-inline: 14px;
  border: 1px solid #202328;
  border-radius: 12px;
  background: #02050a;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.portfolio-search:hover {
  border-color: #34383f;
  background: #070a0f;
}
.portfolio-search:focus-within {
  border-color: #4d5158;
}
.portfolio-search__icon {
  flex: none;
}
.portfolio-search__icon path {
  transition: fill 180ms ease;
}
.portfolio-search:hover .portfolio-search__icon path {
  fill: #8b8e94;
}
.portfolio-search__input {
  width: 100%;
  min-width: 0;
  padding-inline-start: 10px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.portfolio-search__input::placeholder {
  color: #63666c;
  opacity: 1;
  transition: color 180ms ease;
}
.portfolio-search__input::-webkit-search-cancel-button {
  display: none;
}
.portfolio-search:hover .portfolio-search__input::placeholder {
  color: #8b8e94;
}

.portfolio-wallet {
  position: absolute;
  inset-block-start: 28px;
  inset-inline-start: 902px;
  display: grid;
  grid-template-columns: 40px 1fr 28px;
  align-items: center;
  width: 182px;
  height: 50px;
  padding: 5px 7px 5px 5px;
  border-radius: 25px;
  background: #0c0f14;

}
.portfolio-wallet__avatar {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #282b32;
  color: #f3f6fd;
  font-size: 13px;
  font-weight: 500;
}
.portfolio-wallet__details {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-inline-start: 8px;

}
.portfolio-wallet__details strong {
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portfolio-wallet__details small {
  overflow: hidden;
  color: #686b71;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portfolio-wallet__copy {
  display: grid;
  place-items: center;
  width: 28px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
}
.portfolio-wallet__copy svg path {
  fill: #f3f6fd;
}
.portfolio-wallet__copy svg rect {
  stroke: #f3f6fd;
}
.portfolio-wallet__copy:hover {
  background: #171b20;
}
.portfolio-wallet__copy:focus-visible {
  outline: 2px solid #7e9ef4;
  outline-offset: 1px;
}

.portfolio-balance {
  position: absolute;
  inset-block-start: 94px;
  inset-inline: 0;
  height: 216px;
  overflow: hidden;
  border-radius: 26px;
  background: #ffef46;
  color: #02050a;
}
.portfolio-balance__label {
  position: absolute;
  inset-block-start: 29px;
  inset-inline-start: 32px;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}
.portfolio-balance__value-row {
  position: absolute;
  inset-block-start: 48px;
  inset-inline-start: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 45px;
}
.portfolio-balance__value {
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: -1.3px;
}
.portfolio-balance__visibility {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
}
.portfolio-balance__visibility:hover {
  background: rgba(2, 5, 10, 0.08);
}
.portfolio-balance__visibility:focus-visible {
  outline: 2px solid #02050a;
  outline-offset: 1px;
}
.portfolio-balance__eye--show {
  display: none;
}
.portfolio-balance__stats {
  position: absolute;
  inset-block-start: 95px;
  inset-inline-start: 32px;
  display: flex;
  gap: 16px;
  font-weight: 500;
  font-size: 13px;
  color: #4c491c;
  line-height: 18px;
}
.portfolio-balance__hidden-stats {
  position: absolute;
  inset-block-start: 98px;
  inset-inline-start: 32px;
  display: none;
  gap: 10px;
}
.portfolio-balance__hidden-stats span {
  width: 65px;
  height: 12px;
  border-radius: 123px;
  background: #676322;
}
.portfolio-balance__deposit {
  position: absolute;
  inset-inline: 32px;
  inset-block-end: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 47px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  background: #e8d941;
  color: #05070b;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color 180ms ease;
}
.portfolio-balance__deposit:hover {
  background: #dfd034;
}
.portfolio-balance__deposit:active {
  background: #d5c735;
}
.portfolio-balance__deposit:focus-visible {
  outline: 2px solid #02050a;
  outline-offset: 2px;
}
.portfolio-balance--hidden .portfolio-balance__value {
  letter-spacing: 3px;
}
.portfolio-balance--hidden .portfolio-balance__eye--hide {
  display: none;
}
.portfolio-balance--hidden .portfolio-balance__eye--show {
  display: block;
}
.portfolio-balance--hidden .portfolio-balance__stats {
  display: none;
}
.portfolio-balance--hidden .portfolio-balance__hidden-stats {
  display: flex;
}

.portfolio-empty {
  position: absolute;
  inset-block-start: 322px;
  inset-inline: 0;
  height: 466px;
  overflow: hidden;
  border-radius: 31px;
  background: #0c0f14;
  text-align: center;
}
.portfolio-empty__image {
  position: absolute;
  inset-block-start: 60px;
  inset-inline-start: 50%;
  width: 389px;
  height: 167px;
  object-fit: contain;
  transform: translateX(-50%);
}
.portfolio-empty__title {
  position: absolute;
  inset-block-start: 248px;
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  color: #fff;
  line-height: 29px;
}
.portfolio-empty__text {
  position: absolute;
  inset-block-start: 287px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #afb2b8;
  line-height: 20px;
}
.portfolio-empty__receive {
  position: absolute;
  inset-block-start: 356px;
  inset-inline-start: 50%;
  width: 499px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  background: #ffef46;
  color: #050501;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  transform: translateX(-50%);
  transition: background-color 180ms ease;
}
.portfolio-empty__receive:hover {
  background: #f1de20;
}
.portfolio-empty__receive:active {
  background: #eeda0f;
}
.portfolio-empty__receive:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 3px;
}

.portfolio-assets {
  position: absolute;
  inset-block-start: 324px;
  inset-inline: 0;
  overflow-y: auto; /* Обязательно auto, чтобы список можно было прокручивать, если токенов много */
  border-radius: 24px;
  background: #0c0f14;
  min-height: 148px;
  max-height: 460px; /* Ограничим высоту, чтобы блок не улетал вниз экрана */
  padding-bottom: 20px;
}
.portfolio-assets__heading {
  position: relative;
  top: 0;
  background: #0c0f14;
  font-weight: 500;
  font-size: 14px;
  color: #63666c;
  line-height: 19px;
  padding: 26px 28px 16px 28px;
}
.portfolio-assets__label {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 14px;
  color: #63666c;
  line-height: 19px;
}
.portfolio-assets__total {
  font-weight: 500;
  font-size: 15px;
  color: #f3f6fd;
  line-height: 19px;
}
.portfolio-assets__view-all {
  position: absolute;
  inset-block-start: 43px;
  inset-inline-end: 32px;
  align-items: center;
  gap: 10px;
  color: #f3f6fd;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
}
.portfolio-assets__view-all:hover {
  color: #ffffff;
}
.portfolio-assets__view-all:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 3px;
  border-radius: 3px;
}
.portfolio-assets__row {
  position: relative; /* ВАЖНО: меняем absolute на relative, чтобы строки шли друг за другом, а не поверх */
  z-index: 1;
  display: grid;
  grid-template-columns: 351px 261px 225px 192px;
  align-items: center;
  height: 60px;
  margin: 0 28px;
}
.portfolio-assets__coin {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.portfolio-assets__name, .portfolio-assets__price, .portfolio-assets__holding {
  display: flex;
  flex-direction: column;
}
.portfolio-assets__name strong, .portfolio-assets__price strong, .portfolio-assets__holding strong {
  font-weight: 500;
  font-size: 16px;
  color: #dee1e7;
  line-height: 21px;
}
.portfolio-assets__name span, .portfolio-assets__price span, .portfolio-assets__holding span {
  font-weight: 500;
  font-size: 13px;
  color: #5f6268;
  line-height: 16px;
}
.portfolio-assets__name {
  padding-inline-start: 9px;
  font-weight: 500;
  font-size: 16px;
  color: #f3f6fd;
}
.portfolio-assets__price span {
  font-weight: 500;
  font-size: 12px;
  color: #67b944;
}
.portfolio-assets__holding {
  text-align: end;
}

.portfolio-toast {
  position: absolute;
  z-index: 10;
  inset-block-start: 35px;
  inset-inline-end: 20px;
  display: grid;
  grid-template-columns: 17px 1fr 28px;
  align-items: center;
  width: 289px;
  height: 50px;
  padding: 0 7px 0 13px;
  border: 1px solid #7f9ff6;
  border-radius: 12px;
  background: #090c11;
  color: #fdfdfd;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(42px);
  visibility: hidden;
  transition: opacity 220ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1), visibility 220ms ease;
}
.portfolio-toast--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  visibility: visible;
}
.portfolio-toast__info {
  width: 17px;
  height: 17px;
}
.portfolio-toast span {
  padding-inline-start: 6px;
}
.portfolio-toast__close {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
}
.portfolio-toast__close:hover {
  background: #171b20;
}
.portfolio-toast__close:focus-visible {
  outline: 2px solid #7e9ef4;
  outline-offset: 1px;
}

.assets-summary {
  position: absolute;
  inset-block-start: 94px;
  inset-inline: 0;
  height: 118px;
  border-radius: 27px;
  background: #0c0f14;
}
.assets-summary__label {
  position: absolute;
  inset-block-start: 28px;
  inset-inline-start: 32px;
  font-weight: 500;
  font-size: 14px;
  color: #686b71;
  line-height: 19px;
}
.assets-summary__value-row {
  position: absolute;
  inset-block-start: 47px;
  inset-inline-start: 32px;
  display: flex;
  align-items: baseline;
  gap: 11px;
}
.assets-summary__value {
  color: #f3f6fd;
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: -1.2px;
}
.assets-summary__change {
  font-weight: 500;
  font-size: 14px;
  color: #67b944;
  line-height: 19px;
}

.assets-list {
  position: absolute;
  inset-block-start: 224px;
  inset-inline: 0;
  overflow-y: auto; /* Обязательно auto, чтобы список можно было прокручивать, если токенов много */
  border-radius: 24px;
  background: #0c0f14;
  min-height: 148px;
  max-height: 560px; /* Ограничим высоту, чтобы блок не улетал вниз экрана */
  padding-bottom: 20px;
}
.assets-list::after {
  position: absolute;
  inset-block-start: 58px;
  inset-inline: 16px; /* Растянет на всю ширину с отступами по 16px от краев */
  height: 2px;
  background: red;
  content: "";
}

.assets-list__header {
  position: relative;
  top: 0;
  z-index: 2;
  background: #0c0f14;
  display: grid;
  grid-template-columns: 351px 261px 225px 1fr;
  font-weight: 500;
  font-size: 14px;
  color: #63666c;
  line-height: 19px;
  padding: 26px 28px 16px 28px;

}

.assets-list__header::after {
  position: absolute;
  bottom: 0;
  inset-inline: 16px; /* Отступы слева и справа по 16px (можете изменить на нужное значение, например, 28px) */
  height: 1px;
  background: #1c2027; /* Потом замените на свой цвет #2c2f34 */
  content: "";
}

.assets-list__row {
  position: relative; /* ВАЖНО: меняем absolute на relative, чтобы строки шли друг за другом, а не поверх */
  z-index: 1;
  display: grid;
  grid-template-columns: 351px 261px 225px 192px;
  align-items: center;
  height: 80px;
  margin: 0 28px;

}
.assets-list__identity {
  display: flex;
  align-items: center;
}
.assets-list__coin {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.assets-list__name, .assets-list__price, .assets-list__balance {
  display: flex;
  flex-direction: column;
}
.assets-list__name strong, .assets-list__price strong, .assets-list__balance strong {
  font-weight: 500;
  font-size: 16px;
  color: #dee1e7;
  line-height: 21px;
}
.assets-list__name span, .assets-list__price span, .assets-list__balance span {
  font-weight: 500;
  font-size: 13px;
  color: #5f6268;
  line-height: 16px;
}
.assets-list__name {
  padding-inline-start: 13px;
}
.assets-list__price span {
  font-weight: 500;
  font-size: 12px;
  line-height: 135%;
  color: #67b944;
}
.assets-list__balance {
  align-items: flex-end;
  width: 70px;
  text-align: end;
}
.assets-list__deposit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 192px;
  height: 47px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  background: #ffef46;
  color: #05070b;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color 180ms ease;
}
.assets-list__deposit:hover {
  background: #f1de20;
}
.assets-list__deposit:active {
  background: #eeda0f;
}
.assets-list__deposit:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 3px;
}

.assets-add {
  position: absolute;
  inset-block-start: 384px;
  inset-inline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 60px;
  padding: 0;
  border: 0;
  border-radius: 30px;
  background: #15181d;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color 180ms ease;
}
.assets-add svg path {
  fill: #f3f6fd;
}
.assets-add:hover {
  background: #21242c;
}
.assets-add:active {
  background: #262931;
}
.assets-add:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 3px;
}

.assets-empty-state {
  position: absolute;
  inset-block-start: 94px;
  inset-inline: 0;
  height: 694px;
  overflow: hidden;
  border-radius: 31px;
  background: #0c0f14;
  text-align: center;
}
.assets-empty-state__image {
  position: absolute;
  inset-block-start: 227px;
  inset-inline-start: 50%;
  width: 389px;
  height: 167px;
  object-fit: contain;
  transform: translateX(-50%);
}
.assets-empty-state__title {
  position: absolute;
  inset-block-start: 410px;
  width: 100%;
  color: #f3f6fd;
  font-size: 21px;
  font-weight: 600;
  line-height: 29px;
}
.assets-empty-state__text {
  position: absolute;
  inset-block-start: 449px;
  width: 100%;
  color: #a8abb1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.activity-history {
  position: relative;
  max-height: 700px; /* Обязательно укажи лимит высоты (в px, vh или %)! */
  border-radius: 35px;
  background: #0c0f14;
  padding-bottom: 24px;
  overflow-y: auto;
  overflow-x: hidden;
}

*::-webkit-scrollbar {
  display: none;
}
/*.activity-history__header, .activity-history__row {*/
/*  position: absolute;*/
/*  inset-inline: 31px;*/
/*  display: grid;*/
/*  grid-template-columns: 123px 228px 1fr 157px;*/
/*  align-items: center;*/
/*}*/
.activity-history__header {
  position: relative; /* Вместо absolute */
  inset: auto;
  inset-inline: 31px;
  display: grid;
  grid-template-columns: 123px 228px 1fr 157px;
  align-items: center;
  margin-top: 40px;
  color: #63666c;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  padding: 0 48px 0 0;
}
.activity-history::after {
  position: absolute;
  inset-block-start: 74px;
  inset-inline: 16px;
  height: 1px;
  background: #2c2f34;
  content: "";
}
.activity-history__row {
  position: relative; /* ВАЖНО: убираем absolute, чтобы строки шли друг за другом */
  inset: auto;
  inset-inline: 31px;
  display: grid;
  padding: 0 50px 0 0;
  grid-template-columns: 123px 228px 1fr 157px;
  align-items: center;
  height: 40px;
  color: #f3f6fd;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 24px; /* Отступ между строками истории */
}
/*.activity-history__row:nth-of-type(2) {*/
/*  inset-block-start: 94px;*/
/*}*/
/*.activity-history__row:nth-of-type(3) {*/
/*  inset-block-start: 158px;*/
/*}*/
/*.activity-history__row:nth-of-type(4) {*/
/*  inset-block-start: 222px;*/
/*}*/
.activity-history__details, .activity-history__wallet, .activity-history__result {
  display: flex;
  align-items: center;
}
.activity-history__details {
  gap: 9px;
  white-space: nowrap;
}
.activity-history__wallet {
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #282B31;
}
.activity-history__wallet svg {
  width: 12px;
  height: 10px;
}
.activity-history__arrow {
  display: grid;
  flex: none;
  place-items: center;
  width: 13px;
  height: 10px;
}
.activity-history__arrow svg {
  display: block;
  width: 13px;
  height: 10px;
}
.activity-history__result {
  justify-content: flex-end;
  gap: 12px;
  text-align: end;
}
.activity-history__result--received {
  color: #67b944;
}
.activity-history__result--sent {
  color: #e7453b;
}
.activity-history__coin {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.activity-empty {
  position: absolute;
  inset-block-start: 94px;
  inset-inline: 0;
  height: 694px;
  overflow: hidden;
  border-radius: 35px;
  background: #0c0f14;
  text-align: center;
}
.activity-empty__image {
  position: absolute;
  inset-block-start: 160px;
  inset-inline-start: 50%;
  width: 398px;
  height: 298px;
  object-fit: contain;
  transform: translateX(-50%);
}
.activity-empty__title {
  position: absolute;
  inset-block-start: 471px;
  width: 100%;
  color: #f3f6fd;
  font-size: 21px;
  font-weight: 600;
  line-height: 29px;
}
.activity-empty__text {
  position: absolute;
  inset-block-start: 510px;
  width: 100%;
  color: #a8abb1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.markets-panel {
  position: absolute;
  inset-block-start: 94px;
  inset-inline: 0;
  height: 694px;
  overflow: hidden;
  border-radius: 31px;
  background: #0c0f14;
}

.markets-search {
  position: absolute;
  z-index: 2;
  inset-block-start: 26px;
  inset-inline-start: 16px;
  display: flex;
  align-items: center;
  width: 359px;
  height: 50px;
  padding-inline: 14px;
  border: 1px solid #202328;
  border-radius: 12px;
  background: #0c0f14;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.markets-search:hover {
  border-color: #34383f;
  background: #11151a;
}
.markets-search:focus-within {
  border-color: #4d5158;
}
.markets-search__icon {
  flex: none;
}
.markets-search__icon path {
  transition: fill 180ms ease;
}
.markets-search:hover .markets-search__icon path {
  fill: #8b8e94;
}
.markets-search__input {
  width: 100%;
  min-width: 0;
  padding-inline-start: 10px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f3f6fd;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.markets-search__input::placeholder {
  color: #63666c;
  opacity: 1;
  transition: color 180ms ease;
}
.markets-search__input::-webkit-search-cancel-button {
  display: none;
}
.markets-search:hover .markets-search__input::placeholder {
  color: #8b8e94;
}

.markets-table__header, .markets-table__row {
  display: grid;
  grid-template-columns: 263px 163px 166px 184px 146px 130px;
  align-items: center;
}
.markets-table__header {
  position: absolute;
  z-index: 2;
  inset-block-start: 102px;
  inset-inline-start: 28px;
  color: #63666c;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}
.markets-table__body {
  position: absolute;
  inset-block: 136px 0;
  inset-inline: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.markets-table__body::-webkit-scrollbar {
  display: none;
}
.markets-table__body:focus-visible {
  outline: 2px solid #7e9ef4;
  outline-offset: -2px;
}
.markets-table__body::before {
  position: sticky;
  z-index: 2;
  inset-block-start: 0;
  display: block;
  width: calc(100% - 32px);
  height: 1px;
  margin-inline: 16px;
  background: #2c2f34;
  content: "";
}
.markets-table__row {
  width: 1022px;
  height: 72px;
  margin-inline-start: 28px;
  color: #dee1e7;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}
.markets-table__row:last-of-type {
  margin-block-end: 16px;
}
.markets-table__asset {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 12px;
}
.markets-table__coin {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: contain;
}
.markets-table__asset-name, .markets-table__price, .markets-table__volume {
  display: flex;
  flex-direction: column;
}
.markets-table__asset-name strong {
  color: #dee1e7;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.markets-table__asset-name span {
  color: #63666c;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}
.markets-table__price span, .markets-table__volume span {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}
.markets-table__price span {
  font-weight: 500;
  font-size: 13px;
  color: #66b844;
}
.markets-table__volume span {
  font-weight: 500;
  font-size: 13px;
  color: #e7453b;
}

.receive-modal {
  position: absolute;
  z-index: 30;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 220ms ease, visibility 220ms ease;
}
.receive-modal--visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.receive-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(2, 5, 10, 0.64);
  backdrop-filter: blur(5px);
}
.receive-modal__panel {
  position: absolute;
  inset-block: 12px;
  inset-inline-end: 11px;
  width: 420px;
  overflow: hidden;
  border-radius: 20px;
  background: #12151a;
  box-shadow: 0 14px 46px rgba(0, 0, 0, 0.34);
  transform: translateX(36px);
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}
.receive-modal--visible .receive-modal__panel {
  transform: translateX(0);
}
.receive-modal__title {
  position: absolute;
  inset-block-start: 28px;
  inset-inline-start: 23px;
  color: #f3f6fd;
  font-size: 21px;
  font-weight: 700;
  line-height: 29px;
}
.receive-modal__close {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-end: 12px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  transition: background-color 180ms ease;
}
.receive-modal__close:hover {
  background: #1c2026;
}
.receive-modal__close:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: -2px;
}
.receive-modal__wallet-card {
  position: absolute;
  inset-block-start: 145px;
  inset-inline-start: 65px;
  width: 292px;
  height: 368px;
  overflow: hidden;
  border-radius: 17px;
  background: #24272c;
}
.receive-modal__qr-area {
  position: absolute;
  inset-block-start: 3px;
  inset-inline-start: 4px;
  display: grid;
  place-items: center;
  width: 284px;
  height: 288px;
  overflow: hidden;
  border-radius: 15px;
  background: #02050a;
}
.receive-modal__qr {
  width: 220px;
  height: 220px;
  object-fit: contain;
}
.receive-modal__wallet-name {
  position: absolute;
  inset-block-start: 304px;
  inset-inline-start: 16px;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  line-height: 27px;
}
.receive-modal__wallet-address {
  position: absolute;
  inset-block-start: 335px;
  inset-inline-start: 16px;
  font-weight: 500;
  font-size: 14px;
  color: #76797e;
  line-height: 18px;
}
.receive-modal__notice {
  position: absolute;
  inset-block-start: 548px;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  color: #afb2b8;
  line-height: 18px;
  text-align: center;
}
.receive-modal__copy {
  position: absolute;
  inset-block-start: 584px;
  inset-inline-start: 21px;
  width: 378px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  background: #ffef46;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #050501;
  line-height: 22px;
  transition: background-color 180ms ease;
}
.receive-modal__copy:hover {
  background: #f1de20;
}
.receive-modal__copy:active {
  background: #eeda0f;
}
.receive-modal__copy:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .receive-modal,
  .receive-modal__panel {
    transition-duration: 1ms;
  }
}
.tax-header {
  position: relative;
  height: 94px;
}
.tax-header__title {
  position: absolute;
  inset-block-start: 36px;
  inset-inline-start: 15px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 29px;
}

.tax-filter {
  position: absolute;
  inset-block-start: 34px;
  height: 48px;
}
.tax-filter--year {
  inset-inline-start: 651px;
  width: 172px;
}
.tax-filter--method {
  inset-inline-start: 835px;
  width: 249px;
}
.tax-filter::after {
  position: absolute;
  inset-block-start: 19px;
  inset-inline-end: 19px;
  width: 7px;
  height: 7px;
  border-inline-end: 2px solid #696c72;
  border-block-end: 2px solid #696c72;
  content: "";
  pointer-events: none;
  transform: rotate(45deg);
}
.tax-filter select {
  width: 100%;
  height: 100%;
  padding: 0 45px 0 17px;
  border: 0;
  border-radius: 12px;
  outline: 0;
  appearance: none;
  background: #202328;
  color: #f3f6fd;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color 180ms ease;
}
.tax-filter select:hover {
  background: #292c32;
}
.tax-filter select:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}

.tax-overview {
  position: absolute;
  inset-block-start: 94px;
  inset-inline: 0;
  display: grid;
  grid-template-columns: 536px 536px;
  gap: 12px;
}
.tax-overview__card {
  position: relative;
  height: 141px;
  border-radius: 27px;
  background: #0c0f14;
}
.tax-overview__label {
  position: absolute;
  inset-block-start: 28px;
  inset-inline-start: 32px;
  color: #686b71;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}
.tax-overview__value {
  position: absolute;
  inset-block-start: 47px;
  inset-inline-start: 32px;
  color: #f3f6fd;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.2px;
  line-height: 45px;
}
.tax-overview__value--positive {
  color: #60c943;
}
.tax-overview__text {
  position: absolute;
  inset-block-start: 93px;
  inset-inline-start: 32px;
  color: #686b71;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.tax-summary-title {
  position: absolute;
  inset-block-start: 264px;
  inset-inline-start: 15px;
  color: #f3f6fd;
  font-size: 21px;
  font-weight: 700;
  line-height: 29px;
}

.tax-summary {
  position: absolute;
  inset-block-start: 318px;
  inset-inline: 0;
  height: 138px;
  overflow: hidden;
  border-radius: 31px;
  background: #0c0f14;
}
.tax-summary::after {
  position: absolute;
  inset-block-start: 74px;
  inset-inline: 16px;
  height: 1px;
  background: #2c2f34;
  content: "";
}
.tax-summary__header, .tax-summary__values {
  position: absolute;
  inset-inline: 31px;
  display: grid;
  grid-template-columns: 321px 328px 286px 87px;
}
.tax-summary__header {
  inset-block-start: 35px;
  color: #686b71;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}
.tax-summary--empty {
  height: 148px;
}
.tax-summary--empty .tax-summary__values span {
  color: #f3f6fd;
}
.tax-summary__values {
  inset-block-start: 94px;
  color: #f3f6fd;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.tax-summary__values span:nth-child(3) {
  color: #60c943;
}
.tax-summary__values span:nth-child(4) {
  color: #ff4e49;
}

.tax-result {
  position: absolute;
  inset-block-start: 468px;
  inset-inline: 0;
  height: 220px;
  border-radius: 31px;
  background: #0c0f14;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 240ms ease, visibility 240ms ease;
}
.tax-result__title {
  position: absolute;
  inset-block-start: 28px;
  inset-inline-start: 40px;
  color: #f3f6fd;
  font-size: 21px;
  font-weight: 700;
  line-height: 29px;
}
.tax-result__text {
  position: absolute;
  inset-block-start: 64px;
  inset-inline-start: 40px;
  color: #686b71;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.tax-result__cards {
  position: absolute;
  inset-block-start: 101px;
  inset-inline: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.tax-result__card {
  position: relative;
  height: 90px;
  border-radius: 15px;
  background: #202328;
}
.tax-result__card p {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-start: 20px;
  color: #686b71;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}
.tax-result__card strong {
  position: absolute;
  inset-block-start: 50px;
  inset-inline-start: 20px;
  color: #f3f6fd;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.tax-result__card .tax-result__gain {
  color: #60c943;
}

.tax-loading {
  position: absolute;
  z-index: 2;
  inset-block-start: 468px;
  inset-inline: 0;
  height: 220px;
  border-radius: 31px;
  background: rgba(12, 15, 20, 0.72);
  backdrop-filter: blur(9px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  visibility: hidden;
  transition: opacity 220ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1), visibility 220ms ease;
}
.tax-loading__spinner {
  position: absolute;
  inset-block-start: 48px;
  inset-inline-start: 50%;
  width: 47px;
  height: 47px;
  transform: translateX(-50%);
}
.tax-loading__spinner path {
  fill: #afb2b8;
  animation: tax-petal 960ms linear infinite;
}
.tax-loading__spinner path:nth-child(1) {
  animation-delay: 0ms;
}
.tax-loading__spinner path:nth-child(5) {
  animation-delay: 120ms;
}
.tax-loading__spinner path:nth-child(3) {
  animation-delay: 240ms;
}
.tax-loading__spinner path:nth-child(7) {
  animation-delay: 360ms;
}
.tax-loading__spinner path:nth-child(4) {
  animation-delay: 480ms;
}
.tax-loading__spinner path:nth-child(8) {
  animation-delay: 600ms;
}
.tax-loading__spinner path:nth-child(2) {
  animation-delay: 720ms;
}
.tax-loading__spinner path:nth-child(6) {
  animation-delay: 840ms;
}
.tax-loading__title {
  position: absolute;
  inset-block-start: 111px;
  width: 100%;
  color: #f3f6fd;
  font-size: 21px;
  font-weight: 700;
  line-height: 29px;
  text-align: center;
}
.tax-loading__text {
  position: absolute;
  inset-block-start: 151px;
  width: 100%;
  color: #afb2b8;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}

.tax-generate {
  position: absolute;
  inset-block-start: 680px;
  inset-inline: 0;
  height: 60px;
  padding: 0;
  border: 0;
  border-radius: 30px;
  background: #ffef46;
  color: #05070b;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color 180ms ease, inset-block-start 320ms cubic-bezier(0.22, 1, 0.36, 1);
}
.tax-generate:hover {
  background: #f1de20;
}
.tax-generate:active {
  background: #eeda0f;
}
.tax-generate:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 3px;
}
.tax-generate:disabled {
  background: #81791f;
  cursor: not-allowed;
}

.tax-reports--loading .tax-result,
.tax-reports--generated .tax-result {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.tax-reports--loading .tax-generate,
.tax-reports--generated .tax-generate {
  inset-block-start: 700px;
}

.tax-reports--loading .tax-loading {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

@keyframes tax-petal {
  0%, 12.4% {
    fill: #ffef46;
  }
  12.5%, 100% {
    fill: #afb2b8;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tax-loading,
  .tax-result,
  .tax-generate {
    transition-duration: 1ms;
  }
  .tax-loading__spinner path {
    animation: none;
  }
  .tax-loading__spinner path:first-child {
    fill: #ffef46;
  }
}
.settings-layout {
  position: absolute;
  inset-block-start: 94px;
  inset-inline: 0;
}

.settings-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 257px;
}
.settings-nav__button {
  width: 257px;
  height: 50px;
  padding-inline: 15px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #686b71;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: start;
  transition: background-color 180ms ease, color 180ms ease;
}
.settings-nav__button:hover {
  background: #090c11;
  color: #afb2b8;
}
.settings-nav__button:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}
.settings-nav__button--active, .settings-nav__button--active:hover {
  background: #0c0f14;
  color: #f3f6fd;
}

.settings-panel {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 269px;
  width: 815px;
  border-radius: 24px;
  background: #0c0f14;
}
.settings-panel[hidden] {
  display: none;
}
.settings-panel--general {
  height: 236px;
}
.settings-panel--security {
  height: 397px;
}
.settings-panel__row {
  position: absolute;
  inset-inline: 31px;
}
.settings-panel__row--currency {
  inset-block-start: 42px;
}
.settings-panel__row--network {
  inset-block-start: 130px;
}
.settings-panel__row--hide {
  inset-block-start: 42px;
}
.settings-panel__row--terms {
  inset-block-start: 130px;
}
.settings-panel__row--privacy {
  inset-block-start: 219px;
}
.settings-panel__row--logout {
  inset-block-start: 308px;
}
.settings-panel__title {
  color: #dee1e7;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.settings-panel__text {
  margin-block-start: 3px;
  color: #686b71;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.settings-panel__select {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  inset-inline-end: 1px;
  width: 200px;
  height: 49px;
}
.settings-panel__select::after {
  position: absolute;
  inset-block-start: 18px;
  inset-inline-end: 19px;
  width: 7px;
  height: 7px;
  border-inline-end: 2px solid #696c72;
  border-block-end: 2px solid #696c72;
  content: "";
  pointer-events: none;
  transform: rotate(45deg);
}
.settings-panel__select select {
  width: 100%;
  height: 100%;
  padding: 0 44px 0 17px;
  border: 0;
  border-radius: 12px;
  outline: 0;
  appearance: none;
  background: #202328;
  color: #f3f6fd;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color 180ms ease;
}
.settings-panel__select select:hover {
  background: #292c32;
}
.settings-panel__select select:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}
.settings-panel__action {
  position: absolute;
  inset-block-start: -1px;
  inset-inline-end: 0;
  width: 192px;
  height: 47px;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: #202328;
  color: #f3f6fd;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color 180ms ease;
}
.settings-panel__action:hover {
  background: #2b2e34;
}
.settings-panel__action:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}
.settings-panel__action--logout {
  background: #ff4e49;
}
.settings-panel__action--logout:hover {
  background: #ef413d;
}

.settings-switch {
  position: absolute;
  inset-block-start: 7px;
  inset-inline-end: 0;
  width: 52px;
  height: 31px;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #202328;
  transition: background-color 180ms ease;
}
.settings-switch::before {
  position: absolute;
  inset-block-start: 1px;
  inset-inline-start: 1px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #f3f6fd;
  content: "";
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
.settings-switch--active {
  background: #ffef46;
}
.settings-switch--active::before {
  transform: translateX(21px);
}
.settings-switch:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .settings-switch::before {
    transition-duration: 1ms;
  }
}
.legal-modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  color: #f3f6fd;
  font-family: "Inter", Arial, sans-serif;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 220ms ease, visibility 220ms ease;
}
.legal-modal--visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.legal-modal__backdrop {
  position: absolute;
  inset: 0;
  padding: 0;
  border: 0;
  background: rgba(2, 5, 10, 0.66);
  backdrop-filter: blur(6px);
}
.legal-modal__panel {
  position: absolute;
  inset-block: 12px;
  inset-inline-start: 373px;
  width: 815px;
  overflow: hidden;
  border-radius: 20px;
  background: #12151a;
  box-shadow: 0 14px 46px rgba(0, 0, 0, 0.34);
  transform: translateY(12px);
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
.legal-modal--visible .legal-modal__panel {
  transform: translateY(0);
}
.legal-modal__title {
  position: absolute;
  inset-block-start: 28px;
  inset-inline-start: 30px;
  color: #f3f6fd;
  font-size: 21px;
  font-weight: 700;
  line-height: 29px;
}
.legal-modal__close {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-end: 12px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  transition: background-color 180ms ease;
}
.legal-modal__close:hover {
  background: #1c2026;
}
.legal-modal__close:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: -2px;
}
.legal-modal__content {
  position: absolute;
  inset-block-start: 70px;
  inset-inline: 30px;
  color: #afb2b8;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}
.legal-modal__content p {
  margin: 0;
}
.legal-modal__content h3 {
  margin: 21px 0 14px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.wallet-complete__legal-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 700;
}
.wallet-complete__legal-button:hover {
  text-decoration: underline;
}
.wallet-complete__legal-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  border-radius: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .legal-modal,
  .legal-modal__panel {
    transition-duration: 1ms;
  }
}
.logout-modal {
  font-family: "Inter", Arial, sans-serif;
  font-style: normal;
  position: fixed;
  z-index: 1100;
  inset: 0;
  display: grid;
  place-items: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 220ms, opacity 220ms ease;
}
.logout-modal--visible {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.logout-modal__backdrop {
  position: absolute;
  inset: 0;
  padding: 0;
  border: 0;
  background: rgba(0, 2, 6, 0.62);
  backdrop-filter: blur(7px);
}
.logout-modal__panel {
  position: relative;
  width: 440px;
  height: 320px;
  padding: 24px;
  border-radius: 20px;
  background: #12151a;
  opacity: 0;
  transform: translateY(10px) scale(0.98);
  transition: opacity 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
.logout-modal--visible .logout-modal__panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.logout-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logout-modal__title {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  line-height: 28px;
}
.logout-modal__close {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  transition: opacity 180ms ease;
}
.logout-modal__close:hover {
  opacity: 0.72;
}
.logout-modal__close:focus-visible {
  border-radius: 6px;
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}
.logout-modal__warning {
  display: flex;
  gap: 10px;
  width: 392px;
  height: 79px;
  margin-block-start: 31px;
  padding: 11px 13px;
  border: 1px solid #48360f;
  border-radius: 12px;
  background: #1c1613;
  color: #fdb600;
}
.logout-modal__warning strong {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: #fdb600;
  line-height: 18px;
}
.logout-modal__warning p {
  margin-block-start: 1px;
  font-weight: 500;
  font-size: 12px;
  color: #b98706;
  line-height: 16px;
}
.logout-modal__info {
  flex: 0 0 14px;
  margin-block-start: 1px;
}
.logout-modal__description {
  margin-block-start: 17px;
  font-weight: 500;
  font-size: 14px;
  color: #afb2b8;
  line-height: 19px;
}
.logout-modal__actions {
  display: grid;
  grid-template-columns: 190px 190px;
  gap: 12px;
  margin-block-start: 33px;
}
.logout-modal__button {
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 234px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color 180ms ease, transform 100ms ease;
}
.logout-modal__button:active {
  transform: scale(0.985);
}
.logout-modal__button:focus-visible {
  outline: 2px solid #f3f6fd;
  outline-offset: 2px;
}
.logout-modal__button--cancel {
  background: #202427;
  color: #f1f4fb;
}
.logout-modal__button--cancel:hover {
  background: #2b2e34;
}
.logout-modal__button--continue {
  background: #ffef46;
  color: #050501;
}
.logout-modal__button--continue:hover {
  background: #f1de20;
}

body.logout-modal-open {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .logout-modal,
  .logout-modal__panel,
  .logout-modal__button {
    transition-duration: 1ms;
  }
}
.page-block-animations .portfolio-main > :is(.portfolio-balance,
.portfolio-assets,
.portfolio-empty,
.assets-summary,
.assets-list,
.assets-add,
.assets-empty-state,
.activity-history,
.activity-empty,
.markets-panel,
.tax-overview,
.tax-summary-title,
.tax-summary,
.tax-generate,
.settings-layout) {
  animation: page-block-enter 380ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.page-block-animations .portfolio-main > :is(.portfolio-balance,
.assets-summary,
.assets-empty-state,
.activity-history,
.activity-empty,
.markets-panel,
.tax-overview,
.settings-layout) {
  animation-delay: 20ms;
}
.page-block-animations .portfolio-main > :is(.portfolio-assets,
.portfolio-empty,
.assets-list,
.tax-summary-title) {
  animation-delay: 80ms;
}
.page-block-animations .portfolio-main > :is(.assets-add, .tax-summary) {
  animation-delay: 140ms;
}
.page-block-animations .portfolio-main > .tax-generate {
  animation-delay: 200ms;
}
.page-block-animations .welcome__intro > :is(.welcome__logo,
.welcome__copy,
.welcome__actions,
.welcome__trust,
.wallet-setup__back,
.wallet-setup__back-label,
.wallet-setup__logo,
.wallet-setup__heading,
.wallet-setup__phrase-card,
.wallet-setup__confirm,
.wallet-setup__existing,
.wallet-import__card,
.wallet-import__continue,
.wallet-import__new-wallet,
.wallet-complete__logo,
.wallet-complete__flag,
.wallet-complete__copy,
.wallet-complete__button,
.wallet-complete__terms) {
  animation: page-block-fade 320ms ease backwards;
}
.page-block-animations .welcome__intro > :is(.welcome__logo,
.wallet-setup__back,
.wallet-setup__back-label,
.wallet-setup__logo,
.wallet-complete__logo) {
  animation-delay: 15ms;
}
.page-block-animations .welcome__intro > :is(.welcome__copy,
.wallet-setup__heading,
.wallet-complete__flag) {
  animation-delay: 60ms;
}
.page-block-animations .welcome__intro > :is(.welcome__actions,
.wallet-setup__phrase-card,
.wallet-import__card,
.wallet-complete__copy) {
  animation-delay: 105ms;
}
.page-block-animations .welcome__intro > :is(.welcome__trust,
.wallet-setup__confirm,
.wallet-import__continue,
.wallet-complete__button) {
  animation-delay: 150ms;
}
.page-block-animations .welcome__intro > :is(.wallet-setup__existing,
.wallet-import__new-wallet,
.wallet-complete__terms) {
  animation-delay: 190ms;
}

@keyframes page-block-enter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes page-block-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-block-animations .portfolio-main > :is(.portfolio-balance,
  .portfolio-assets,
  .portfolio-empty,
  .assets-summary,
  .assets-list,
  .assets-add,
  .assets-empty-state,
  .activity-history,
  .activity-empty,
  .markets-panel,
  .tax-overview,
  .tax-summary-title,
  .tax-summary,
  .tax-generate,
  .settings-layout),
  .page-block-animations .welcome__intro > * {
    animation-duration: 1ms;
    animation-delay: 0ms;
  }
}

/*# sourceMappingURL=main.css.map */