/* Global styles */

@font-face {
  font-family: 'BaseSans-Medium';
  src: url(/static/3bd56d9abcd0fcad2ad2.woff2);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BaseSans-Regular';
  src: url(/static/3cc23309486d6aeed2e1.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BaseSansMono-Medium';
  src: url(/static/be7e5dfe2c90f8442aa2.woff2);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BaseSansMono-Regular';
  src: url(/static/dd32eead251bc7ec6ffe.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter-SemiBold';
  src: url(/static/594041393209f0003754.woff2);
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter-Regular';
  src: url(/static/85c128721035823e5405.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  -webkit-font-smoothing: antialiased;
}

@media (prefers-color-scheme: light) {
  html {
    background-color: var(--background);
  }
}

@media (prefers-color-scheme: dark) {
  html {
    background-color: var(--background);
  }
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 3px;
  height: 0px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--line);
}

::-webkit-scrollbar-corner {
  width: 0;
}

.base--rKVHv {
  position: relative;
  border: 1.1em solid;
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.spinnerStatus--aaNrM {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.spinnerAnimation--dOMiw {
  animation: spin--SFb2W 1000ms linear infinite;
}

@keyframes spin--SFb2W {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.wz2txbj{max-height:-webkit-fill-available !important;}
.wjapf4u{padding-bottom:env(safe-area-inset-bottom) !important;}
.s10mjr3n{overflow:hidden;}@media (max-height:699px){.s10mjr3n{overflow:auto;}}
.nijjzy4 .popup-container{position:static !important;height:auto !important;width:auto !important;overflow:visible !important;}

.overlay--hqUFq {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.inlineBlockStyle--bO9Rk {
  display: inline-block;
}

.redCountDownStyle--JmtWp {
  display: inline-block;
  animation: countDownAnimation--RtxPo 11s infinite;
}

@keyframes countDownAnimation--RtxPo {
  0% {
    color: rgb(var(--gray60));
  }
  100% {
    color: rgb(var(--red60));
  }
}

.s1uotqwd{-webkit-text-decoration:line-through;text-decoration:line-through;}

/* Responsive Drawer Container */
.web-drawer-animation-enter {
  transform: translateX(100%);
}
.web-drawer-animation-enter-active {
  transform: translateX(0);
  transition: transform 750ms;
}
.web-drawer-animation-exit {
  transform: translateX(0);
  position: absolute;
}
.web-drawer-animation-exit-active {
  transform: translateX(100%);
  transition: transform 750ms;
}

.base-drawer-animation-enter {
  opacity: 0;
}
.base-drawer-animation-enter-active {
  opacity: 1;
  transition: opacity 750ms;
}
.base-drawer-animation-exit {
  opacity: 1;
  position: absolute;
}
.base-drawer-animation-exit-active {
  opacity: 0;
  transition: opacity 750ms;
}
.base-drawer-animation-exit-done {
  display: none;
}

/* Drawer */
.mobile-drawer-overlay {
  position: fixed;
}

.mobile-drawer {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: fixed;
}

.mobile-drawer-animation-enter {
  transform: translateY(100%);
}
.mobile-drawer-animation-enter-active {
  transform: translateY(0);
  transition: transform 500ms;
}
.mobile-drawer-animation-exit {
  transform: translateY(0);
}
.mobile-drawer-animation-exit-active {
  transform: translateY(100%);
  transition: transform 500ms;
}

/* Header */
.header-body {
  overflow-wrap: break-word;
}

/* Warning */
.warning-style {
  background: rgb(var(--yellow5));
}

/* IDV Save Code Prompt */
.idv-code-container {
  cursor: pointer;
}

.idv-code-container h2 {
  letter-spacing: 0.05em;
}

.iconStyle--JoRYE {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background-color: rgb(var(--gray20));
  color: rgb(var(--gray0));
}

@media (prefers-color-scheme: dark) {
  .iconStyle--JoRYE {
    background-color: var(--color-fgMuted);
  }
}

.sideBySideStyle--s7J33 {
  margin-left: -4px;
}

.assetPrimaryStyle--XgA9b {
  margin-left: -16px;
  margin-top: 18px;
}

.smallAssetPrimaryStyle--Je9hA {
  margin-left: -8px;
  margin-top: 14px;
}

.baseStyle--bysil {
  border-radius: 50%;
}

.squareStyle--wdfX7 {
  border-radius: 25%;
}

.borderedStyle--D5vIT {
  border-width: 1px;
  border-color: var(--color-bg);
}

.l103q8pi{z-index:1;position:relative;left:2px;}
.rbb4hth{position:relative;left:-2px;}
.l1l7tkyy{-webkit-animation:logoAnimation-l1l7tkyy 0.66s;animation:logoAnimation-l1l7tkyy 0.66s;-webkit-animation-timing-function:cubic-bezier(0,0,0.58,1);animation-timing-function:cubic-bezier(0,0,0.58,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}@-webkit-keyframes logoAnimation-l1l7tkyy{40%{-webkit-transform:scale(1.3) translate(-30px,50px);-ms-transform:scale(1.3) translate(-30px,50px);transform:scale(1.3) translate(-30px,50px);}60%{-webkit-transform:scale(1.3) translate(-30px,50px);-ms-transform:scale(1.3) translate(-30px,50px);transform:scale(1.3) translate(-30px,50px);opacity:1;}80%{-webkit-transform:scale(1.3) translate(15px,50px);-ms-transform:scale(1.3) translate(15px,50px);transform:scale(1.3) translate(15px,50px);}100%{-webkit-transform:scale(1.3) translate(15px,50px);-ms-transform:scale(1.3) translate(15px,50px);transform:scale(1.3) translate(15px,50px);opacity:0;}}@keyframes logoAnimation-l1l7tkyy{40%{-webkit-transform:scale(1.3) translate(-30px,50px);-ms-transform:scale(1.3) translate(-30px,50px);transform:scale(1.3) translate(-30px,50px);}60%{-webkit-transform:scale(1.3) translate(-30px,50px);-ms-transform:scale(1.3) translate(-30px,50px);transform:scale(1.3) translate(-30px,50px);opacity:1;}80%{-webkit-transform:scale(1.3) translate(15px,50px);-ms-transform:scale(1.3) translate(15px,50px);transform:scale(1.3) translate(15px,50px);}100%{-webkit-transform:scale(1.3) translate(15px,50px);-ms-transform:scale(1.3) translate(15px,50px);transform:scale(1.3) translate(15px,50px);opacity:0;}}
.r1q1j3hw{-webkit-animation:logoAnimation-r1q1j3hw 0.66s;animation:logoAnimation-r1q1j3hw 0.66s;-webkit-animation-timing-function:cubic-bezier(0,0,0.58,1);animation-timing-function:cubic-bezier(0,0,0.58,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}@-webkit-keyframes logoAnimation-r1q1j3hw{40%{-webkit-transform:scale(1.3) translate(30px,50px);-ms-transform:scale(1.3) translate(30px,50px);transform:scale(1.3) translate(30px,50px);}60%{-webkit-transform:scale(1.3) translate(30px,50px);-ms-transform:scale(1.3) translate(30px,50px);transform:scale(1.3) translate(30px,50px);opacity:1;}80%{-webkit-transform:scale(1.3) translate(-10px,50px);-ms-transform:scale(1.3) translate(-10px,50px);transform:scale(1.3) translate(-10px,50px);}100%{-webkit-transform:scale(1.3) translate(-10px,50px);-ms-transform:scale(1.3) translate(-10px,50px);transform:scale(1.3) translate(-10px,50px);opacity:0;}}@keyframes logoAnimation-r1q1j3hw{40%{-webkit-transform:scale(1.3) translate(30px,50px);-ms-transform:scale(1.3) translate(30px,50px);transform:scale(1.3) translate(30px,50px);}60%{-webkit-transform:scale(1.3) translate(30px,50px);-ms-transform:scale(1.3) translate(30px,50px);transform:scale(1.3) translate(30px,50px);opacity:1;}80%{-webkit-transform:scale(1.3) translate(-10px,50px);-ms-transform:scale(1.3) translate(-10px,50px);transform:scale(1.3) translate(-10px,50px);}100%{-webkit-transform:scale(1.3) translate(-10px,50px);-ms-transform:scale(1.3) translate(-10px,50px);transform:scale(1.3) translate(-10px,50px);opacity:0;}}
.c1qoq9ld{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:rgb(var(--blue50));width:91px;height:91px;border-radius:52px;position:absolute;margin-top:130px;z-index:2;opacity:0;}
.cgoqjrc{-webkit-animation:logoAnimation-cgoqjrc 0.66s;animation:logoAnimation-cgoqjrc 0.66s;-webkit-animation-timing-function:cubic-bezier(0.25,1.67,0.89,1.05);animation-timing-function:cubic-bezier(0.25,1.67,0.89,1.05);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}@-webkit-keyframes logoAnimation-cgoqjrc{0%{opacity:0;}60%{opacity:0;-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}100%{opacity:1;}}@keyframes logoAnimation-cgoqjrc{0%{opacity:0;}60%{opacity:0;-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}100%{opacity:1;}}
.czbiy9b{opacity:0;margin-top:275px;position:absolute;font-size:16px;-webkit-letter-spacing:0.4px;-moz-letter-spacing:0.4px;-ms-letter-spacing:0.4px;letter-spacing:0.4px;font-weight:500;}
.c11d1lz9{-webkit-animation:textAnimation-c11d1lz9 0.66s cubic-bezier(0,0,0.58,1) 0.45s forwards;animation:textAnimation-c11d1lz9 0.66s cubic-bezier(0,0,0.58,1) 0.45s forwards;}@-webkit-keyframes textAnimation-c11d1lz9{0%{opacity:0;}55%{opacity:0;}100%{opacity:1;}}@keyframes textAnimation-c11d1lz9{0%{opacity:0;}55%{opacity:0;}100%{opacity:1;}}
.caopdyw{width:80px;height:80px;border-radius:50%;display:block;stroke-width:3;stroke:white;stroke-miterlimit:10;box-shadow:inset 0px 0px 0px $green;margin:auto;opacity:0;}
.cy1srdy{-webkit-animation:stroke-cy1srdy 0.66s cubic-bezier(0,0,0.58,1) 0.45s forwards;animation:stroke-cy1srdy 0.66s cubic-bezier(0,0,0.58,1) 0.45s forwards;}@-webkit-keyframes stroke-cy1srdy{0%{opacity:0;}50%{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}100%{opacity:1;}}@keyframes stroke-cy1srdy{0%{opacity:0;}50%{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}100%{opacity:1;}}
.ccjewza{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;}

.container--DJtbm {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  width: 100%;
}

.containerOverflowHidden--zbOqc {
  overflow: hidden;
}

.containerOverflowVisible--nKtc2 {
  overflow: visible;
}

.iconStyles--TO3lY {
  font-family: 'CoinbaseIcons';
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  flex-shrink: 0;
  display: block;
  text-decoration: none;
}

.iconStyles--TO3lY > * {
  transition: fill 150ms ease-in-out;
}

.i116yuqq{overflow:hidden;border-radius:24px;}
.s19ikkiv{position:absolute;top:0;left:-100%;right:0;bottom:0;width:200%;background:linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 100% );pointer-events:none;-webkit-animation:shimmer-s19ikkiv 2s infinite;animation:shimmer-s19ikkiv 2s infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}@-webkit-keyframes shimmer-s19ikkiv{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}}@keyframes shimmer-s19ikkiv{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}}

.mediaContainer--onB15 {
  position: relative;
  height: 100%;
}

.mediaContainerFull--w9rqU {
  width: 100%;
}

.mediaContainerJustify--jcjQI {
  justify-content: center;
}

.loadWrapper--BSTKE {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
}

.loadWrapperHidden--KUdqP {
  display: none;
}

.loadWrapperVisible--t67Vk {
  display: block;
}

.mediaContentWrapper--IPW4z {
  transition: opacity 0.2s linear;
  z-index: 2;
}

.mediaContentWrapper--IPW4z img {
  object-fit: contain;
}

.mediaContentWrapperLoaded--aGJ_R {
  opacity: 1;
}

.mediaContentWrapperLoading--EK4Xb {
  opacity: 0;
}

.collectibleMediaFrame--sCrfw {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  pointer-events: none;
}

.s1dciuiy{display:block;margin:0px;padding:0px;overflow:hidden;pointer-events:none;background:var(--color-bg);}
.f1pfosxx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.s17exqtd{object-fit:contain;margin:0;}

.verticalIconGroupContainer--PDs4O {
  height: fit-content;
}

.verticalIconGroupContainer--PDs4O > div {
  position: relative;
  z-index: 0;
  flex-direction: column;
  align-items: initial;
}

.verticalIconGroupContainer--PDs4O > div > div:not(:last-child) {
  margin-top: -16px;
  margin-right: 0;
}

.style--lFIl_ {
  background-color: rgb(var(--gray15));
  padding-top: 0;
}

.p70bwx2{word-break:break-word;margin:0;}

.p1lgst30{white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;}

.pmialw4{white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;}

.container--iPiCJ {
  display: flex;
  flex: 1;
  justify-content: flex-start;
  align-items: baseline;
  position: relative;
  transform-origin: left;
}

.styledInput--SCKJf {
  padding: 0;
  margin: 0;
  box-shadow: none;
  border: none;
  overflow: hidden;
  outline: none;
  color: var(--color-fg);
  font-family: CoinbaseSans;
  font-size: 64px;
  text-align: right;
  background-color: transparent;
}

.styledInput--SCKJf::placeholder {
  color: var(--color-fg);
  line-height: normal;
  opacity: 1;
}

.sizeReference--sO5Li {
  font-family: CoinbaseSans;
  font-size: 64px;
  text-align: left;
  position: absolute;
  bottom: 0;
  right: 0;
  visibility: hidden;
}

.foreground--aZtK4 {
  color: var(--foreground);
}

.foregroundMuted--wmFpC {
  color: var(--foreground-muted);
}

.primary--Dwg3q {
  color: var(--primary);
}

.primaryForeground--srNKD {
  color: var(--primary-foreground);
}

.secondary--HDO1R {
  color: var(--secondary);
}

.secondaryForeground--oJ0Wg {
  color: var(--secondary-foreground);
}

.positive--e7e8s {
  color: var(--positive);
}

.positiveForeground--tPkqN {
  color: var(--positive-foreground);
}

.negative--G9yEH {
  color: var(--negative);
}

.negativeForeground--nQ6di {
  color: var(--negative-foreground);
}

.warning--fTTBC {
  color: var(--warning);
}

.warningForeground--mjiOu {
  color: var(--warning-foreground);
}

.spinnerLoader--Fi4rR {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.button--yo4DQ {
  text-decoration: none;
  display: inline-flex;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin: 0;
  position: relative;
  min-width: 100px;
  white-space: nowrap;
  appearance: none;
  outline: 0;
  overflow: visible;
  text-transform: none;
  height: var(--interactable-height);
}

.buttonCompact--vnQsf.buttonCompact--vnQsf {
  min-width: auto;
}

.buttonBlock--zTZAP.buttonBlock--zTZAP {
  display: flex;
  width: 100%;
  max-width: 100%;
  white-space: normal;
}

.iconButton--kAi7e {
  width: var(--interactable-height);
  height: var(--interactable-height);
  min-width: unset;
}

.centerLoader--EhyQc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 24px;
}

.visibilityHidden--gV7X5 {
  visibility: hidden;
}

.positionRelative--Ht6bm {
  position: relative;
}

.unsetNoWrap--K6TCL {
  white-space: unset;
}

.buttonWithIcon--BfPf5.buttonWithIcon--BfPf5 {
  justify-content: space-between;
}

.startIcon--rgaCl {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
  margin-right: var(--spacing-1);
}

.endIcon--oxzBc {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  margin-left: var(--spacing-1);
}

@property --rotate {
  syntax: '<angle>';
  initial-value: 130deg;
  inherits: false;
}

.gradientClass--mDr8A {
  --rotate: 130deg; /* for firefox */
  position: relative;
  width: 7.5rem;
  background: var(--primary-foreground);
  border-radius: 9999px; /* Match the button's borderRadius={1000} */
}

.gradientClass--mDr8A::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 9999px; /* Match the outer radius */
  padding: 2px;
  background: conic-gradient(
    from var(--rotate),
    #79dbd2,
    #45e1e5,
    #0052ff,
    #b82ea4,
    #ff9533,
    #7fd057
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.gradientClass--mDr8A:hover::before {
  --rotate: 850deg;
  transition: --rotate 2s cubic-bezier(0.27, 0, 0.24, 0.99);
}