[data-rk] .iekbcc0 {
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent;
}
[data-rk] .iekbcc1 {
  list-style: none;
}
[data-rk] .iekbcc2 {
  quotes: none;
}
[data-rk] .iekbcc2:before,
[data-rk] .iekbcc2:after {
  content: "";
}
[data-rk] .iekbcc3 {
  border-collapse: collapse;
  border-spacing: 0;
}
[data-rk] .iekbcc4 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[data-rk] .iekbcc5 {
  outline: none;
}
[data-rk] .iekbcc5::-moz-placeholder {
  opacity: 1;
}
[data-rk] .iekbcc5::placeholder {
  opacity: 1;
}
[data-rk] .iekbcc6 {
  background-color: transparent;
  color: inherit;
}
[data-rk] .iekbcc7:disabled {
  opacity: 1;
}
[data-rk] .iekbcc7::-ms-expand {
  display: none;
}
[data-rk] .iekbcc8::-ms-clear {
  display: none;
}
[data-rk] .iekbcc8::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
[data-rk] .iekbcc9 {
  background: none;
  cursor: pointer;
  text-align: left;
}
[data-rk] .iekbcca {
  color: inherit;
  text-decoration: none;
}
[data-rk] .ju367v0 {
  align-items: flex-start;
}
[data-rk] .ju367v2 {
  align-items: flex-end;
}
[data-rk] .ju367v4 {
  align-items: center;
}
[data-rk] .ju367v6 {
  display: none;
}
[data-rk] .ju367v8 {
  display: block;
}
[data-rk] .ju367va {
  display: flex;
}
[data-rk] .ju367vc {
  display: inline;
}
[data-rk] .ju367ve {
  align-self: flex-start;
}
[data-rk] .ju367vf {
  align-self: flex-end;
}
[data-rk] .ju367vg {
  align-self: center;
}
[data-rk] .ju367vh {
  background-size: cover;
}
[data-rk] .ju367vi {
  border-radius: 1px;
}
[data-rk] .ju367vj {
  border-radius: 6px;
}
[data-rk] .ju367vk {
  border-radius: 10px;
}
[data-rk] .ju367vl {
  border-radius: 13px;
}
[data-rk] .ju367vm {
  border-radius: var(--rk-radii-actionButton);
}
[data-rk] .ju367vn {
  border-radius: var(--rk-radii-connectButton);
}
[data-rk] .ju367vo {
  border-radius: var(--rk-radii-menuButton);
}
[data-rk] .ju367vp {
  border-radius: var(--rk-radii-modal);
}
[data-rk] .ju367vq {
  border-radius: var(--rk-radii-modalMobile);
}
[data-rk] .ju367vr {
  border-radius: 25%;
}
[data-rk] .ju367vs {
  border-radius: 9999px;
}
[data-rk] .ju367vt {
  border-style: solid;
}
[data-rk] .ju367vu {
  border-width: 0px;
}
[data-rk] .ju367vv {
  border-width: 1px;
}
[data-rk] .ju367vw {
  border-width: 2px;
}
[data-rk] .ju367vx {
  border-width: 4px;
}
[data-rk] .ju367vy {
  cursor: pointer;
}
[data-rk] .ju367vz {
  cursor: none;
}
[data-rk] .ju367v10 {
  pointer-events: none;
}
[data-rk] .ju367v11 {
  pointer-events: all;
}
[data-rk] .ju367v12 {
  min-height: 8px;
}
[data-rk] .ju367v13 {
  min-height: 44px;
}
[data-rk] .ju367v14 {
  flex-direction: row;
}
[data-rk] .ju367v15 {
  flex-direction: column;
}
[data-rk] .ju367v16 {
  font-family: var(--rk-fonts-body);
}
[data-rk] .ju367v17 {
  font-size: 12px;
  line-height: 18px;
}
[data-rk] .ju367v18 {
  font-size: 13px;
  line-height: 18px;
}
[data-rk] .ju367v19 {
  font-size: 14px;
  line-height: 18px;
}
[data-rk] .ju367v1a {
  font-size: 16px;
  line-height: 20px;
}
[data-rk] .ju367v1b {
  font-size: 18px;
  line-height: 24px;
}
[data-rk] .ju367v1c {
  font-size: 20px;
  line-height: 24px;
}
[data-rk] .ju367v1d {
  font-size: 23px;
  line-height: 29px;
}
[data-rk] .ju367v1e {
  font-weight: 400;
}
[data-rk] .ju367v1f {
  font-weight: 500;
}
[data-rk] .ju367v1g {
  font-weight: 600;
}
[data-rk] .ju367v1h {
  font-weight: 700;
}
[data-rk] .ju367v1i {
  font-weight: 800;
}
[data-rk] .ju367v1j {
  gap: 0;
}
[data-rk] .ju367v1k {
  gap: 1px;
}
[data-rk] .ju367v1l {
  gap: 2px;
}
[data-rk] .ju367v1m {
  gap: 3px;
}
[data-rk] .ju367v1n {
  gap: 4px;
}
[data-rk] .ju367v1o {
  gap: 5px;
}
[data-rk] .ju367v1p {
  gap: 6px;
}
[data-rk] .ju367v1q {
  gap: 8px;
}
[data-rk] .ju367v1r {
  gap: 10px;
}
[data-rk] .ju367v1s {
  gap: 12px;
}
[data-rk] .ju367v1t {
  gap: 14px;
}
[data-rk] .ju367v1u {
  gap: 16px;
}
[data-rk] .ju367v1v {
  gap: 18px;
}
[data-rk] .ju367v1w {
  gap: 20px;
}
[data-rk] .ju367v1x {
  gap: 24px;
}
[data-rk] .ju367v1y {
  gap: 28px;
}
[data-rk] .ju367v1z {
  gap: 32px;
}
[data-rk] .ju367v20 {
  gap: 36px;
}
[data-rk] .ju367v21 {
  gap: 44px;
}
[data-rk] .ju367v22 {
  gap: 64px;
}
[data-rk] .ju367v23 {
  gap: -1px;
}
[data-rk] .ju367v24 {
  height: 1px;
}
[data-rk] .ju367v25 {
  height: 2px;
}
[data-rk] .ju367v26 {
  height: 4px;
}
[data-rk] .ju367v27 {
  height: 8px;
}
[data-rk] .ju367v28 {
  height: 12px;
}
[data-rk] .ju367v29 {
  height: 20px;
}
[data-rk] .ju367v2a {
  height: 24px;
}
[data-rk] .ju367v2b {
  height: 28px;
}
[data-rk] .ju367v2c {
  height: 30px;
}
[data-rk] .ju367v2d {
  height: 32px;
}
[data-rk] .ju367v2e {
  height: 34px;
}
[data-rk] .ju367v2f {
  height: 36px;
}
[data-rk] .ju367v2g {
  height: 40px;
}
[data-rk] .ju367v2h {
  height: 44px;
}
[data-rk] .ju367v2i {
  height: 48px;
}
[data-rk] .ju367v2j {
  height: 54px;
}
[data-rk] .ju367v2k {
  height: 60px;
}
[data-rk] .ju367v2l {
  height: 200px;
}
[data-rk] .ju367v2m {
  height: 100%;
}
[data-rk] .ju367v2n {
  height: -moz-max-content;
  height: max-content;
}
[data-rk] .ju367v2o {
  justify-content: flex-start;
}
[data-rk] .ju367v2p {
  justify-content: flex-end;
}
[data-rk] .ju367v2q {
  justify-content: center;
}
[data-rk] .ju367v2r {
  justify-content: space-between;
}
[data-rk] .ju367v2s {
  justify-content: space-around;
}
[data-rk] .ju367v2t {
  text-align: left;
}
[data-rk] .ju367v2u {
  text-align: center;
}
[data-rk] .ju367v2v {
  text-align: inherit;
}
[data-rk] .ju367v2w {
  margin-bottom: 0;
}
[data-rk] .ju367v2x {
  margin-bottom: 1px;
}
[data-rk] .ju367v2y {
  margin-bottom: 2px;
}
[data-rk] .ju367v2z {
  margin-bottom: 3px;
}
[data-rk] .ju367v30 {
  margin-bottom: 4px;
}
[data-rk] .ju367v31 {
  margin-bottom: 5px;
}
[data-rk] .ju367v32 {
  margin-bottom: 6px;
}
[data-rk] .ju367v33 {
  margin-bottom: 8px;
}
[data-rk] .ju367v34 {
  margin-bottom: 10px;
}
[data-rk] .ju367v35 {
  margin-bottom: 12px;
}
[data-rk] .ju367v36 {
  margin-bottom: 14px;
}
[data-rk] .ju367v37 {
  margin-bottom: 16px;
}
[data-rk] .ju367v38 {
  margin-bottom: 18px;
}
[data-rk] .ju367v39 {
  margin-bottom: 20px;
}
[data-rk] .ju367v3a {
  margin-bottom: 24px;
}
[data-rk] .ju367v3b {
  margin-bottom: 28px;
}
[data-rk] .ju367v3c {
  margin-bottom: 32px;
}
[data-rk] .ju367v3d {
  margin-bottom: 36px;
}
[data-rk] .ju367v3e {
  margin-bottom: 44px;
}
[data-rk] .ju367v3f {
  margin-bottom: 64px;
}
[data-rk] .ju367v3g {
  margin-bottom: -1px;
}
[data-rk] .ju367v3h {
  margin-left: 0;
}
[data-rk] .ju367v3i {
  margin-left: 1px;
}
[data-rk] .ju367v3j {
  margin-left: 2px;
}
[data-rk] .ju367v3k {
  margin-left: 3px;
}
[data-rk] .ju367v3l {
  margin-left: 4px;
}
[data-rk] .ju367v3m {
  margin-left: 5px;
}
[data-rk] .ju367v3n {
  margin-left: 6px;
}
[data-rk] .ju367v3o {
  margin-left: 8px;
}
[data-rk] .ju367v3p {
  margin-left: 10px;
}
[data-rk] .ju367v3q {
  margin-left: 12px;
}
[data-rk] .ju367v3r {
  margin-left: 14px;
}
[data-rk] .ju367v3s {
  margin-left: 16px;
}
[data-rk] .ju367v3t {
  margin-left: 18px;
}
[data-rk] .ju367v3u {
  margin-left: 20px;
}
[data-rk] .ju367v3v {
  margin-left: 24px;
}
[data-rk] .ju367v3w {
  margin-left: 28px;
}
[data-rk] .ju367v3x {
  margin-left: 32px;
}
[data-rk] .ju367v3y {
  margin-left: 36px;
}
[data-rk] .ju367v3z {
  margin-left: 44px;
}
[data-rk] .ju367v40 {
  margin-left: 64px;
}
[data-rk] .ju367v41 {
  margin-left: -1px;
}
[data-rk] .ju367v42 {
  margin-right: 0;
}
[data-rk] .ju367v43 {
  margin-right: 1px;
}
[data-rk] .ju367v44 {
  margin-right: 2px;
}
[data-rk] .ju367v45 {
  margin-right: 3px;
}
[data-rk] .ju367v46 {
  margin-right: 4px;
}
[data-rk] .ju367v47 {
  margin-right: 5px;
}
[data-rk] .ju367v48 {
  margin-right: 6px;
}
[data-rk] .ju367v49 {
  margin-right: 8px;
}
[data-rk] .ju367v4a {
  margin-right: 10px;
}
[data-rk] .ju367v4b {
  margin-right: 12px;
}
[data-rk] .ju367v4c {
  margin-right: 14px;
}
[data-rk] .ju367v4d {
  margin-right: 16px;
}
[data-rk] .ju367v4e {
  margin-right: 18px;
}
[data-rk] .ju367v4f {
  margin-right: 20px;
}
[data-rk] .ju367v4g {
  margin-right: 24px;
}
[data-rk] .ju367v4h {
  margin-right: 28px;
}
[data-rk] .ju367v4i {
  margin-right: 32px;
}
[data-rk] .ju367v4j {
  margin-right: 36px;
}
[data-rk] .ju367v4k {
  margin-right: 44px;
}
[data-rk] .ju367v4l {
  margin-right: 64px;
}
[data-rk] .ju367v4m {
  margin-right: -1px;
}
[data-rk] .ju367v4n {
  margin-top: 0;
}
[data-rk] .ju367v4o {
  margin-top: 1px;
}
[data-rk] .ju367v4p {
  margin-top: 2px;
}
[data-rk] .ju367v4q {
  margin-top: 3px;
}
[data-rk] .ju367v4r {
  margin-top: 4px;
}
[data-rk] .ju367v4s {
  margin-top: 5px;
}
[data-rk] .ju367v4t {
  margin-top: 6px;
}
[data-rk] .ju367v4u {
  margin-top: 8px;
}
[data-rk] .ju367v4v {
  margin-top: 10px;
}
[data-rk] .ju367v4w {
  margin-top: 12px;
}
[data-rk] .ju367v4x {
  margin-top: 14px;
}
[data-rk] .ju367v4y {
  margin-top: 16px;
}
[data-rk] .ju367v4z {
  margin-top: 18px;
}
[data-rk] .ju367v50 {
  margin-top: 20px;
}
[data-rk] .ju367v51 {
  margin-top: 24px;
}
[data-rk] .ju367v52 {
  margin-top: 28px;
}
[data-rk] .ju367v53 {
  margin-top: 32px;
}
[data-rk] .ju367v54 {
  margin-top: 36px;
}
[data-rk] .ju367v55 {
  margin-top: 44px;
}
[data-rk] .ju367v56 {
  margin-top: 64px;
}
[data-rk] .ju367v57 {
  margin-top: -1px;
}
[data-rk] .ju367v58 {
  max-width: 1px;
}
[data-rk] .ju367v59 {
  max-width: 2px;
}
[data-rk] .ju367v5a {
  max-width: 4px;
}
[data-rk] .ju367v5b {
  max-width: 8px;
}
[data-rk] .ju367v5c {
  max-width: 12px;
}
[data-rk] .ju367v5d {
  max-width: 20px;
}
[data-rk] .ju367v5e {
  max-width: 24px;
}
[data-rk] .ju367v5f {
  max-width: 28px;
}
[data-rk] .ju367v5g {
  max-width: 30px;
}
[data-rk] .ju367v5h {
  max-width: 32px;
}
[data-rk] .ju367v5i {
  max-width: 34px;
}
[data-rk] .ju367v5j {
  max-width: 36px;
}
[data-rk] .ju367v5k {
  max-width: 40px;
}
[data-rk] .ju367v5l {
  max-width: 44px;
}
[data-rk] .ju367v5m {
  max-width: 48px;
}
[data-rk] .ju367v5n {
  max-width: 54px;
}
[data-rk] .ju367v5o {
  max-width: 60px;
}
[data-rk] .ju367v5p {
  max-width: 200px;
}
[data-rk] .ju367v5q {
  max-width: 100%;
}
[data-rk] .ju367v5r {
  max-width: -moz-max-content;
  max-width: max-content;
}
[data-rk] .ju367v5s {
  min-width: 1px;
}
[data-rk] .ju367v5t {
  min-width: 2px;
}
[data-rk] .ju367v5u {
  min-width: 4px;
}
[data-rk] .ju367v5v {
  min-width: 8px;
}
[data-rk] .ju367v5w {
  min-width: 12px;
}
[data-rk] .ju367v5x {
  min-width: 20px;
}
[data-rk] .ju367v5y {
  min-width: 24px;
}
[data-rk] .ju367v5z {
  min-width: 28px;
}
[data-rk] .ju367v60 {
  min-width: 30px;
}
[data-rk] .ju367v61 {
  min-width: 32px;
}
[data-rk] .ju367v62 {
  min-width: 34px;
}
[data-rk] .ju367v63 {
  min-width: 36px;
}
[data-rk] .ju367v64 {
  min-width: 40px;
}
[data-rk] .ju367v65 {
  min-width: 44px;
}
[data-rk] .ju367v66 {
  min-width: 48px;
}
[data-rk] .ju367v67 {
  min-width: 54px;
}
[data-rk] .ju367v68 {
  min-width: 60px;
}
[data-rk] .ju367v69 {
  min-width: 200px;
}
[data-rk] .ju367v6a {
  min-width: 100%;
}
[data-rk] .ju367v6b {
  min-width: -moz-max-content;
  min-width: max-content;
}
[data-rk] .ju367v6c {
  overflow: hidden;
}
[data-rk] .ju367v6d {
  padding-bottom: 0;
}
[data-rk] .ju367v6e {
  padding-bottom: 1px;
}
[data-rk] .ju367v6f {
  padding-bottom: 2px;
}
[data-rk] .ju367v6g {
  padding-bottom: 3px;
}
[data-rk] .ju367v6h {
  padding-bottom: 4px;
}
[data-rk] .ju367v6i {
  padding-bottom: 5px;
}
[data-rk] .ju367v6j {
  padding-bottom: 6px;
}
[data-rk] .ju367v6k {
  padding-bottom: 8px;
}
[data-rk] .ju367v6l {
  padding-bottom: 10px;
}
[data-rk] .ju367v6m {
  padding-bottom: 12px;
}
[data-rk] .ju367v6n {
  padding-bottom: 14px;
}
[data-rk] .ju367v6o {
  padding-bottom: 16px;
}
[data-rk] .ju367v6p {
  padding-bottom: 18px;
}
[data-rk] .ju367v6q {
  padding-bottom: 20px;
}
[data-rk] .ju367v6r {
  padding-bottom: 24px;
}
[data-rk] .ju367v6s {
  padding-bottom: 28px;
}
[data-rk] .ju367v6t {
  padding-bottom: 32px;
}
[data-rk] .ju367v6u {
  padding-bottom: 36px;
}
[data-rk] .ju367v6v {
  padding-bottom: 44px;
}
[data-rk] .ju367v6w {
  padding-bottom: 64px;
}
[data-rk] .ju367v6x {
  padding-bottom: -1px;
}
[data-rk] .ju367v6y {
  padding-left: 0;
}
[data-rk] .ju367v6z {
  padding-left: 1px;
}
[data-rk] .ju367v70 {
  padding-left: 2px;
}
[data-rk] .ju367v71 {
  padding-left: 3px;
}
[data-rk] .ju367v72 {
  padding-left: 4px;
}
[data-rk] .ju367v73 {
  padding-left: 5px;
}
[data-rk] .ju367v74 {
  padding-left: 6px;
}
[data-rk] .ju367v75 {
  padding-left: 8px;
}
[data-rk] .ju367v76 {
  padding-left: 10px;
}
[data-rk] .ju367v77 {
  padding-left: 12px;
}
[data-rk] .ju367v78 {
  padding-left: 14px;
}
[data-rk] .ju367v79 {
  padding-left: 16px;
}
[data-rk] .ju367v7a {
  padding-left: 18px;
}
[data-rk] .ju367v7b {
  padding-left: 20px;
}
[data-rk] .ju367v7c {
  padding-left: 24px;
}
[data-rk] .ju367v7d {
  padding-left: 28px;
}
[data-rk] .ju367v7e {
  padding-left: 32px;
}
[data-rk] .ju367v7f {
  padding-left: 36px;
}
[data-rk] .ju367v7g {
  padding-left: 44px;
}
[data-rk] .ju367v7h {
  padding-left: 64px;
}
[data-rk] .ju367v7i {
  padding-left: -1px;
}
[data-rk] .ju367v7j {
  padding-right: 0;
}
[data-rk] .ju367v7k {
  padding-right: 1px;
}
[data-rk] .ju367v7l {
  padding-right: 2px;
}
[data-rk] .ju367v7m {
  padding-right: 3px;
}
[data-rk] .ju367v7n {
  padding-right: 4px;
}
[data-rk] .ju367v7o {
  padding-right: 5px;
}
[data-rk] .ju367v7p {
  padding-right: 6px;
}
[data-rk] .ju367v7q {
  padding-right: 8px;
}
[data-rk] .ju367v7r {
  padding-right: 10px;
}
[data-rk] .ju367v7s {
  padding-right: 12px;
}
[data-rk] .ju367v7t {
  padding-right: 14px;
}
[data-rk] .ju367v7u {
  padding-right: 16px;
}
[data-rk] .ju367v7v {
  padding-right: 18px;
}
[data-rk] .ju367v7w {
  padding-right: 20px;
}
[data-rk] .ju367v7x {
  padding-right: 24px;
}
[data-rk] .ju367v7y {
  padding-right: 28px;
}
[data-rk] .ju367v7z {
  padding-right: 32px;
}
[data-rk] .ju367v80 {
  padding-right: 36px;
}
[data-rk] .ju367v81 {
  padding-right: 44px;
}
[data-rk] .ju367v82 {
  padding-right: 64px;
}
[data-rk] .ju367v83 {
  padding-right: -1px;
}
[data-rk] .ju367v84 {
  padding-top: 0;
}
[data-rk] .ju367v85 {
  padding-top: 1px;
}
[data-rk] .ju367v86 {
  padding-top: 2px;
}
[data-rk] .ju367v87 {
  padding-top: 3px;
}
[data-rk] .ju367v88 {
  padding-top: 4px;
}
[data-rk] .ju367v89 {
  padding-top: 5px;
}
[data-rk] .ju367v8a {
  padding-top: 6px;
}
[data-rk] .ju367v8b {
  padding-top: 8px;
}
[data-rk] .ju367v8c {
  padding-top: 10px;
}
[data-rk] .ju367v8d {
  padding-top: 12px;
}
[data-rk] .ju367v8e {
  padding-top: 14px;
}
[data-rk] .ju367v8f {
  padding-top: 16px;
}
[data-rk] .ju367v8g {
  padding-top: 18px;
}
[data-rk] .ju367v8h {
  padding-top: 20px;
}
[data-rk] .ju367v8i {
  padding-top: 24px;
}
[data-rk] .ju367v8j {
  padding-top: 28px;
}
[data-rk] .ju367v8k {
  padding-top: 32px;
}
[data-rk] .ju367v8l {
  padding-top: 36px;
}
[data-rk] .ju367v8m {
  padding-top: 44px;
}
[data-rk] .ju367v8n {
  padding-top: 64px;
}
[data-rk] .ju367v8o {
  padding-top: -1px;
}
[data-rk] .ju367v8p {
  position: absolute;
}
[data-rk] .ju367v8q {
  position: fixed;
}
[data-rk] .ju367v8r {
  position: relative;
}
[data-rk] .ju367v8s {
  -webkit-user-select: none;
}
[data-rk] .ju367v8t {
  right: 0;
}
[data-rk] .ju367v8u {
  transition: 0.125s ease;
}
[data-rk] .ju367v8v {
  transition: transform 0.125s ease;
}
[data-rk] .ju367v8w {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-rk] .ju367v8x {
  width: 1px;
}
[data-rk] .ju367v8y {
  width: 2px;
}
[data-rk] .ju367v8z {
  width: 4px;
}
[data-rk] .ju367v90 {
  width: 8px;
}
[data-rk] .ju367v91 {
  width: 12px;
}
[data-rk] .ju367v92 {
  width: 20px;
}
[data-rk] .ju367v93 {
  width: 24px;
}
[data-rk] .ju367v94 {
  width: 28px;
}
[data-rk] .ju367v95 {
  width: 30px;
}
[data-rk] .ju367v96 {
  width: 32px;
}
[data-rk] .ju367v97 {
  width: 34px;
}
[data-rk] .ju367v98 {
  width: 36px;
}
[data-rk] .ju367v99 {
  width: 40px;
}
[data-rk] .ju367v9a {
  width: 44px;
}
[data-rk] .ju367v9b {
  width: 48px;
}
[data-rk] .ju367v9c {
  width: 54px;
}
[data-rk] .ju367v9d {
  width: 60px;
}
[data-rk] .ju367v9e {
  width: 200px;
}
[data-rk] .ju367v9f {
  width: 100%;
}
[data-rk] .ju367v9g {
  width: -moz-max-content;
  width: max-content;
}
[data-rk] .ju367v9h {
  -webkit-backdrop-filter: var(--rk-blurs-modalOverlay);
  backdrop-filter: var(--rk-blurs-modalOverlay);
}
[data-rk] .ju367v9i,
[data-rk] .ju367v9j:hover,
[data-rk] .ju367v9k:active {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9l,
[data-rk] .ju367v9m:hover,
[data-rk] .ju367v9n:active {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9o,
[data-rk] .ju367v9p:hover,
[data-rk] .ju367v9q:active {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9r,
[data-rk] .ju367v9s:hover,
[data-rk] .ju367v9t:active {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9u,
[data-rk] .ju367v9v:hover,
[data-rk] .ju367v9w:active {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9x,
[data-rk] .ju367v9y:hover,
[data-rk] .ju367v9z:active {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367va0,
[data-rk] .ju367va1:hover,
[data-rk] .ju367va2:active {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va3,
[data-rk] .ju367va4:hover,
[data-rk] .ju367va5:active {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va6,
[data-rk] .ju367va7:hover,
[data-rk] .ju367va8:active {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va9,
[data-rk] .ju367vaa:hover,
[data-rk] .ju367vab:active {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vac,
[data-rk] .ju367vad:hover,
[data-rk] .ju367vae:active {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vaf,
[data-rk] .ju367vag:hover,
[data-rk] .ju367vah:active {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vai,
[data-rk] .ju367vaj:hover,
[data-rk] .ju367vak:active {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367val,
[data-rk] .ju367vam:hover,
[data-rk] .ju367van:active {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vao,
[data-rk] .ju367vap:hover,
[data-rk] .ju367vaq:active {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367var,
[data-rk] .ju367vas:hover,
[data-rk] .ju367vat:active {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vau,
[data-rk] .ju367vav:hover,
[data-rk] .ju367vaw:active {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vax,
[data-rk] .ju367vay:hover,
[data-rk] .ju367vaz:active {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vb0,
[data-rk] .ju367vb1:hover,
[data-rk] .ju367vb2:active {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb3,
[data-rk] .ju367vb4:hover,
[data-rk] .ju367vb5:active {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb6,
[data-rk] .ju367vb7:hover,
[data-rk] .ju367vb8:active {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb9,
[data-rk] .ju367vba:hover,
[data-rk] .ju367vbb:active {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vbc,
[data-rk] .ju367vbd:hover,
[data-rk] .ju367vbe:active {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbf,
[data-rk] .ju367vbg:hover,
[data-rk] .ju367vbh:active {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbi,
[data-rk] .ju367vbj:hover,
[data-rk] .ju367vbk:active {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbl,
[data-rk] .ju367vbm:hover,
[data-rk] .ju367vbn:active {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbo,
[data-rk] .ju367vbp:hover,
[data-rk] .ju367vbq:active {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbr,
[data-rk] .ju367vbs:hover,
[data-rk] .ju367vbt:active {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbu,
[data-rk] .ju367vbv:hover,
[data-rk] .ju367vbw:active {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbx,
[data-rk] .ju367vby:hover,
[data-rk] .ju367vbz:active {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vc0,
[data-rk] .ju367vc1:hover,
[data-rk] .ju367vc2:active {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc3,
[data-rk] .ju367vc4:hover,
[data-rk] .ju367vc5:active {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc6,
[data-rk] .ju367vc7:hover,
[data-rk] .ju367vc8:active {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc9,
[data-rk] .ju367vca:hover,
[data-rk] .ju367vcb:active {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vcc,
[data-rk] .ju367vcd:hover,
[data-rk] .ju367vce:active {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vcf,
[data-rk] .ju367vcg:hover,
[data-rk] .ju367vch:active {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vci,
[data-rk] .ju367vcj:hover,
[data-rk] .ju367vck:active {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcl,
[data-rk] .ju367vcm:hover,
[data-rk] .ju367vcn:active {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vco,
[data-rk] .ju367vcp:hover,
[data-rk] .ju367vcq:active {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcr,
[data-rk] .ju367vcs:hover,
[data-rk] .ju367vct:active {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcu,
[data-rk] .ju367vcv:hover,
[data-rk] .ju367vcw:active {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcx,
[data-rk] .ju367vcy:hover,
[data-rk] .ju367vcz:active {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vd0,
[data-rk] .ju367vd1:hover,
[data-rk] .ju367vd2:active {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd3,
[data-rk] .ju367vd4:hover,
[data-rk] .ju367vd5:active {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd6,
[data-rk] .ju367vd7:hover,
[data-rk] .ju367vd8:active {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd9,
[data-rk] .ju367vda:hover,
[data-rk] .ju367vdb:active {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vdc,
[data-rk] .ju367vdd:hover,
[data-rk] .ju367vde:active {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vdf,
[data-rk] .ju367vdg:hover,
[data-rk] .ju367vdh:active {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdi,
[data-rk] .ju367vdj:hover,
[data-rk] .ju367vdk:active {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdl,
[data-rk] .ju367vdm:hover,
[data-rk] .ju367vdn:active {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdo,
[data-rk] .ju367vdp:hover,
[data-rk] .ju367vdq:active {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdr,
[data-rk] .ju367vds:hover,
[data-rk] .ju367vdt:active {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdu,
[data-rk] .ju367vdv:hover,
[data-rk] .ju367vdw:active {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdx,
[data-rk] .ju367vdy:hover,
[data-rk] .ju367vdz:active {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367ve0,
[data-rk] .ju367ve1:hover,
[data-rk] .ju367ve2:active {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve3,
[data-rk] .ju367ve4:hover,
[data-rk] .ju367ve5:active {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve6,
[data-rk] .ju367ve7:hover,
[data-rk] .ju367ve8:active {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve9,
[data-rk] .ju367vea:hover,
[data-rk] .ju367veb:active {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vec,
[data-rk] .ju367ved:hover,
[data-rk] .ju367vee:active {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vef,
[data-rk] .ju367veg:hover,
[data-rk] .ju367veh:active {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367vei,
[data-rk] .ju367vej:hover,
[data-rk] .ju367vek:active {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vel,
[data-rk] .ju367vem:hover,
[data-rk] .ju367ven:active {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367veo,
[data-rk] .ju367vep:hover,
[data-rk] .ju367veq:active {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367ver,
[data-rk] .ju367ves:hover,
[data-rk] .ju367vet:active {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367veu,
[data-rk] .ju367vev:hover,
[data-rk] .ju367vew:active {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vex,
[data-rk] .ju367vey:hover,
[data-rk] .ju367vez:active {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vf0,
[data-rk] .ju367vf1:hover,
[data-rk] .ju367vf2:active {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf3,
[data-rk] .ju367vf4:hover,
[data-rk] .ju367vf5:active {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf6,
[data-rk] .ju367vf7:hover,
[data-rk] .ju367vf8:active {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf9,
[data-rk] .ju367vfa:hover,
[data-rk] .ju367vfb:active {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfc,
[data-rk] .ju367vfd:hover,
[data-rk] .ju367vfe:active {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vff,
[data-rk] .ju367vfg:hover,
[data-rk] .ju367vfh:active {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfi,
[data-rk] .ju367vfj:hover,
[data-rk] .ju367vfk:active {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfl,
[data-rk] .ju367vfm:hover,
[data-rk] .ju367vfn:active {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfo,
[data-rk] .ju367vfp:hover,
[data-rk] .ju367vfq:active {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfr,
[data-rk] .ju367vfs:hover,
[data-rk] .ju367vft:active {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfu,
[data-rk] .ju367vfv:hover,
[data-rk] .ju367vfw:active {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfx,
[data-rk] .ju367vfy:hover,
[data-rk] .ju367vfz:active {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vg0,
[data-rk] .ju367vg1:hover,
[data-rk] .ju367vg2:active {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg3,
[data-rk] .ju367vg4:hover,
[data-rk] .ju367vg5:active {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg6,
[data-rk] .ju367vg7:hover,
[data-rk] .ju367vg8:active {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg9,
[data-rk] .ju367vga:hover,
[data-rk] .ju367vgb:active {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vgc,
[data-rk] .ju367vgd:hover,
[data-rk] .ju367vge:active {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vgf,
[data-rk] .ju367vgg:hover,
[data-rk] .ju367vgh:active {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgi,
[data-rk] .ju367vgj:hover,
[data-rk] .ju367vgk:active {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgl,
[data-rk] .ju367vgm:hover,
[data-rk] .ju367vgn:active {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgo,
[data-rk] .ju367vgp:hover,
[data-rk] .ju367vgq:active {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgr,
[data-rk] .ju367vgs:hover,
[data-rk] .ju367vgt:active {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgu,
[data-rk] .ju367vgv:hover,
[data-rk] .ju367vgw:active {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgx,
[data-rk] .ju367vgy:hover,
[data-rk] .ju367vgz:active {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vh0,
[data-rk] .ju367vh1:hover,
[data-rk] .ju367vh2:active {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh3,
[data-rk] .ju367vh4:hover,
[data-rk] .ju367vh5:active {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh6,
[data-rk] .ju367vh7:hover,
[data-rk] .ju367vh8:active {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh9,
[data-rk] .ju367vha:hover,
[data-rk] .ju367vhb:active {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vhc,
[data-rk] .ju367vhd:hover,
[data-rk] .ju367vhe:active {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhf,
[data-rk] .ju367vhg:hover,
[data-rk] .ju367vhh:active {
  color: var(--rk-colors-standby);
}
@media screen and (min-width: 768px) {
  [data-rk] .ju367v1 {
    align-items: flex-start;
  }
  [data-rk] .ju367v3 {
    align-items: flex-end;
  }
  [data-rk] .ju367v5 {
    align-items: center;
  }
  [data-rk] .ju367v7 {
    display: none;
  }
  [data-rk] .ju367v9 {
    display: block;
  }
  [data-rk] .ju367vb {
    display: flex;
  }
  [data-rk] .ju367vd {
    display: inline;
  }
}
[data-rk] ._12cbo8i3,
[data-rk] ._12cbo8i3:after {
  --_12cbo8i0: 1;
  --_12cbo8i1: 1;
}
[data-rk] ._12cbo8i3:hover {
  transform: scale(var(--_12cbo8i0));
}
[data-rk] ._12cbo8i3:active {
  transform: scale(var(--_12cbo8i1));
}
[data-rk] ._12cbo8i3:active:after {
  content: "";
  bottom: -1px;
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)));
}
[data-rk] ._12cbo8i4,
[data-rk] ._12cbo8i4:after {
  --_12cbo8i0: 1.025;
}
[data-rk] ._12cbo8i5,
[data-rk] ._12cbo8i5:after {
  --_12cbo8i0: 1.1;
}
[data-rk] ._12cbo8i6,
[data-rk] ._12cbo8i6:after {
  --_12cbo8i1: 0.95;
}
[data-rk] ._12cbo8i7,
[data-rk] ._12cbo8i7:after {
  --_12cbo8i1: 0.9;
}
@keyframes _1luule41 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
[data-rk] ._1luule42 {
  animation: _1luule41 3s infinite linear;
}
[data-rk] ._1luule43 {
  background: conic-gradient(
    from 180deg at 50% 50%,
    rgba(72, 146, 254, 0) 0deg,
    currentColor 282.04deg,
    rgba(72, 146, 254, 0) 319.86deg,
    rgba(72, 146, 254, 0) 360deg
  );
  height: 21px;
  width: 21px;
}
@keyframes _9pm4ki0 {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes _9pm4ki1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-rk] ._9pm4ki3 {
  animation: _9pm4ki1 0.15s ease;
  bottom: -200px;
  left: -200px;
  padding: 200px;
  right: -200px;
  top: -200px;
  transform: translateZ(0);
  z-index: 2147483646;
}
[data-rk] ._9pm4ki5 {
  animation: _9pm4ki0 0.35s cubic-bezier(0.15, 1.15, 0.6, 1),
    _9pm4ki1 0.15s ease;
  max-width: 100vw;
}
[data-rk] ._1ckjpok1 {
  box-sizing: content-box;
  max-width: 100vw;
  width: 360px;
}
[data-rk] ._1ckjpok2 {
  width: 100vw;
}
[data-rk] ._1ckjpok3 {
  min-width: 720px;
  width: 720px;
}
[data-rk] ._1ckjpok4 {
  min-width: 368px;
  width: 368px;
}
[data-rk] ._1ckjpok6 {
  border-width: 0px;
  box-sizing: border-box;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  [data-rk] ._1ckjpok1 {
    width: 360px;
  }
  [data-rk] ._1ckjpok2 {
    width: 480px;
  }
  [data-rk] ._1ckjpok4 {
    min-width: 368px;
    width: 368px;
  }
}
@media screen and (max-width: 767px) {
  [data-rk] ._1ckjpok7 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: -200px;
    padding-bottom: 200px;
    top: 200px;
  }
}
[data-rk] .v9horb0:hover {
  background: unset;
}
[data-rk] ._18dqw9x0 {
  max-height: 456px;
  overflow-y: auto;
  overflow-x: hidden;
}
[data-rk] ._18dqw9x1 {
  max-height: 456px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
[data-rk] ._18dqw9x1::-webkit-scrollbar {
  display: none;
}
[data-rk] .g5kl0l0 {
  border-color: transparent;
}
[data-rk] ._1vwt0cg0 {
  background: #fff;
  color: #000;
}
[data-rk] ._1vwt0cg2 {
  max-height: 454px;
  overflow-y: auto;
}
[data-rk] ._1vwt0cg3 {
  min-width: 287px;
}
[data-rk] ._1vwt0cg4 {
  min-width: 100%;
}
@keyframes _1am14411 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -283;
  }
}
[data-rk] ._1am14410 {
  overflow: auto;
  scrollbar-width: none;
  transform: translateZ(0);
}
[data-rk] ._1am14410::-webkit-scrollbar {
  display: none;
}
[data-rk] ._1am14412 {
  animation: _1am14411 1s linear infinite;
  stroke-dasharray: 98 196;
  fill: none;
  stroke-linecap: round;
  stroke-width: 4;
}
[data-rk] ._1am14413 {
  position: absolute;
}
[data-rk] ._1y2lnfi0 {
  border: 1px solid rgba(16, 21, 31, 0.06);
}
[data-rk] ._1y2lnfi1 {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
:root {
  --bg: #14333b;
  --panel: #183c46;
  --cream: #eee7d8;
  --coral: #d9534f;
  --coral-2: #e86f68;
  --sea: #8fb8bf;
  --line: color-mix(in srgb, var(--cream) 18%, transparent);
  --line-2: color-mix(in srgb, var(--cream) 8%, transparent);
  --dim: color-mix(in srgb, var(--cream) 56%, transparent);
  --arb: var(--sea);
  --arb-line: color-mix(in srgb, var(--sea) 40%, transparent);
  --font-display: Anton, Impact, sans-serif;
  --font-body: Fraunces, Georgia, serif;
  --font-ui: Archivo, system-ui, sans-serif;
  --gut: 22px;
  --ok: #7fbf8f;
  --bad: #e86f68;
}
* {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--cream);
  font-family: var(--font-body);
  font-variation-settings: "SOFT" 20, "WONK" 1;
  font-size: 16px;
  line-height: 1.68;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  overflow-x: hidden;
}
body:after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(180deg, #04101414, #0410146b);
}
body:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 98;
  opacity: 0.26;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4'/></filter><rect width='220' height='220' filter='url(%23n)' opacity='.55'/></svg>");
}
::selection {
  background: var(--coral);
  color: var(--bg);
}
img {
  max-width: 100%;
}
.wrap {
  max-width: 1090px;
  margin: 0 auto;
  padding: 0 var(--gut);
}
h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(24px, 4vw, 40px);
  line-height: 1.04;
  margin: 0 0 12px;
  letter-spacing: 0;
}
h2 em {
  font-style: normal;
  color: var(--coral);
}
.chip,
.lbl,
.fld,
.prog-top,
.tl .st,
.ca,
.colophon,
.kicker,
.vault .k {
  font-family: var(--font-ui);
}
.bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  flex-wrap: wrap;
}
.logo {
  font-family: var(--font-display);
  font-size: 22px;
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
}
.logo em {
  font-style: normal;
  color: var(--coral);
}
.logo sup {
  font-size: 0.4em;
  vertical-align: super;
  color: var(--coral);
  margin-left: 1px;
}
.chip {
  font-size: 11.5px;
  letter-spacing: 0.13em;
  color: var(--dim);
  border: 1px solid var(--line);
  padding: 4px 9px;
  background: #0a1e264d;
  white-space: nowrap;
}
.chip.arb {
  color: var(--arb);
  border-color: var(--arb-line);
}
.chip.warn {
  color: var(--bad);
  border-color: var(--bad);
}
.bar .sp {
  flex: 1;
  min-width: 0;
}
.bar nav {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.bar nav a {
  color: var(--dim);
  text-decoration: none;
  font-size: 14px;
}
.bar nav a:hover {
  color: var(--cream);
}
.btn {
  font-family: var(--font-ui);
  font-size: 12.5px;
  letter-spacing: 0.08em;
  background: transparent;
  border: 1px solid var(--line);
  color: var(--cream);
  padding: 8px 14px;
  cursor: pointer;
  min-height: 36px;
  transition: border-color 0.16s, color 0.16s;
}
.btn:hover:not(:disabled) {
  border-color: var(--cream);
}
.btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.btn:focus-visible,
.chip:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 2px;
}
.masthead {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(34px, 8.6vw, 104px);
  line-height: 0.92;
  letter-spacing: -0.01em;
  text-align: center;
  text-transform: uppercase;
  margin: 38px 0 6px;
  text-shadow: 0 3px 0 rgba(6, 22, 28, 0.28);
  overflow-wrap: break-word;
}
.masthead em {
  font-style: normal;
  color: var(--coral);
}
.hero {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  gap: 40px;
  padding: 26px 0 20px;
  align-items: start;
  position: relative;
}
.hero > * {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.hero:before {
  content: "®";
  position: absolute;
  right: -4vw;
  top: -6vh;
  font-family: var(--font-display);
  font-size: 52vh;
  line-height: 1;
  color: color-mix(in srgb, var(--cream) 3.5%, transparent);
  pointer-events: none;
  z-index: 0;
  -webkit-user-select: none;
  user-select: none;
}
.art img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 22px 48px -20px #06161cb8;
}
.art p {
  margin: 0 0 16px;
  max-width: 44ch;
  font-size: 16px;
  line-height: 1.66;
  color: var(--dim);
}
.art p:last-child {
  margin-bottom: 0;
}
.art p.lead {
  color: var(--cream);
  font-size: clamp(17px, 1.65vw, 21px);
  line-height: 1.5;
  max-width: 40ch;
  font-variation-settings: "opsz" 32, "SOFT" 40, "WONK" 1;
}
.kicker {
  font-size: 11.5px;
  line-height: 1.4;
  margin: 12px 0 26px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--dim);
  text-align: center;
  font-variation-settings: normal;
}
.kicker em {
  font-style: normal;
  color: var(--coral);
}
.dropcap:first-letter {
  font-family: var(--font-display);
  float: left;
  color: var(--coral);
  font-size: 3.2em;
  line-height: 0.74;
  padding: 0.05em 0.11em 0 0;
}
.panel {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #081a20cc, #051318eb);
  box-shadow: 0 20px 46px -24px #05141ab3;
  min-width: 0;
}
.head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 22px 24px 20px;
  border-bottom: 1px solid var(--line-2);
  flex-wrap: wrap;
}
.lbl {
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: var(--dim);
  margin-bottom: 6px;
}
.px {
  font-family: var(--font-display);
  font-size: clamp(26px, 5vw, 38px);
  line-height: 0.9;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.mc {
  text-align: right;
}
.mc .v {
  font-family: var(--font-display);
  font-size: clamp(20px, 3.6vw, 26px);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
figure.chart {
  margin: 0;
  padding: 20px 24px 0;
}
figure.chart svg {
  display: block;
  width: 100%;
  height: 170px;
  overflow: visible;
}
figure.chart figcaption {
  font-size: 11.5px;
  color: var(--dim);
  margin-top: 9px;
  letter-spacing: 0.03em;
}
#cvline {
  fill: none;
  stroke: var(--coral);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#cvghost {
  fill: none;
  stroke: color-mix(in srgb, var(--cream) 18%, transparent);
  stroke-width: 2;
  stroke-dasharray: 3 6;
  stroke-linecap: round;
}
#cvarea {
  fill: url(#fillg);
  stroke: none;
}
#cvdot {
  fill: var(--cream);
}
#cvring {
  fill: none;
  stroke: var(--cream);
  stroke-width: 1.3;
  opacity: 0.55;
}
#cvdrop {
  stroke: var(--cream);
  stroke-width: 1;
  stroke-dasharray: 2 4;
  opacity: 0.45;
}
#cvgrad {
  stroke: var(--arb);
  stroke-width: 1.3;
  stroke-dasharray: 5 5;
  opacity: 0.8;
}
#cvgradl {
  fill: var(--arb);
  font-family: var(--font-ui);
  font-size: 9.5px;
  letter-spacing: 0.14em;
  opacity: 0.9;
}
.cvgrid line {
  stroke: color-mix(in srgb, var(--cream) 8%, transparent);
  stroke-width: 1;
}
.cvticks text {
  fill: var(--dim);
  font-family: var(--font-ui);
  font-size: 9.5px;
  letter-spacing: 0.1em;
}
.prog {
  padding: 20px 24px;
}
.prog-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  color: var(--dim);
  margin-bottom: 9px;
  font-variant-numeric: tabular-nums;
}
.prog-top b {
  color: var(--cream);
  font-weight: 600;
}
.track {
  height: 8px;
  background: #0006;
  overflow: hidden;
}
.track i {
  display: block;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--coral), var(--coral-2));
  transition: width 0.45s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.prog small {
  display: block;
  margin-top: 9px;
  font-size: 12.5px;
  color: var(--dim);
}
.form {
  padding: 4px 24px 24px;
}
.tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
  margin-bottom: 18px;
}
.swap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}
.leg {
  border: 1px solid var(--line);
  background: #0000004d;
  padding: 12px 14px 10px;
}
.leg:focus-within {
  border-color: var(--coral);
}
.leg.quiet {
  background: #00000029;
}
.leg-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-family: var(--font-ui);
  font-size: 11.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dim);
  margin-bottom: 4px;
}
.leg-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.leg-row input,
.leg-row output {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--cream);
  font-family: var(--font-display);
  font-size: clamp(24px, 4.6vw, 32px);
  font-variant-numeric: tabular-nums;
  padding: 0;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leg-row input:focus {
  outline: 0;
}
.leg-row input::placeholder {
  color: color-mix(in srgb, var(--cream) 22%, transparent);
}
.leg.quiet .leg-row output {
  color: var(--dim);
}
.leg-row .unit {
  font-family: var(--font-ui);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--cream);
  white-space: nowrap;
  border: 1px solid var(--line);
  padding: 5px 10px;
  background: #eee7d80d;
}
.leg-sub {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--dim);
  margin-top: 2px;
  min-height: 1em;
}
.flip {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  background: var(--bg);
  color: var(--cream);
  font-size: 15px;
  cursor: pointer;
  z-index: 2;
  padding: 0;
  transition: border-color 0.16s, color 0.16s;
}
.flip:hover {
  border-color: var(--coral);
  color: var(--coral);
}
.flip:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 2px;
}
.details {
  border-top: 1px solid var(--line-2);
  margin-top: 18px;
}
.details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-ui);
  font-size: 12.5px;
  color: var(--dim);
}
.details summary::-webkit-details-marker {
  display: none;
}
.details summary:hover {
  color: var(--cream);
}
.details summary span:last-child {
  color: var(--coral-2);
}
.details[open] summary {
  border-bottom: 1px solid var(--line-2);
}
.details .recv {
  margin: 0;
  border: 0;
  padding: 12px 0 4px;
}
.tabs button {
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing: 0.07em;
  padding: 12px 4px;
  background: transparent;
  border: 0;
  color: var(--dim);
  cursor: pointer;
  min-height: 44px;
  transition: background 0.16s, color 0.16s;
}
.tabs button + button {
  border-left: 1px solid var(--line);
}
.tabs button[aria-selected="true"] {
  background: var(--cream);
  color: var(--bg);
}
.tabs button:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: -4px;
}
.fld {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--dim);
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.inp {
  display: flex;
  border: 1px solid var(--line);
  background: #0000004d;
}
.inp:focus-within {
  border-color: var(--coral);
}
.inp input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--cream);
  font-family: var(--font-display);
  font-size: clamp(22px, 5vw, 30px);
  padding: 12px 14px;
  font-variant-numeric: tabular-nums;
}
.inp input:focus {
  outline: 0;
}
.inp input::placeholder {
  color: color-mix(in srgb, var(--cream) 25%, transparent);
}
.inp .u {
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-left: 1px solid var(--line);
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--dim);
  white-space: nowrap;
}
.quick {
  display: flex;
  gap: 7px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.quick button {
  font-size: 13px;
  padding: 8px 13px;
  cursor: pointer;
  color: var(--dim);
  background: transparent;
  border: 1px solid var(--line);
  min-height: 36px;
  transition: color 0.16s, border-color 0.16s;
}
.quick button:hover,
.quick button[aria-pressed="true"] {
  color: var(--cream);
  border-color: var(--cream);
}
.quick button:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 1px;
}
.recv {
  margin: 20px 0 0;
  padding: 16px 0;
  border-top: 1px solid var(--line-2);
  border-bottom: 1px solid var(--line-2);
}
.recv .row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.recv .row span:first-child {
  color: var(--dim);
  flex: none;
}
.recv .row span:last-child {
  text-align: right;
  overflow-wrap: anywhere;
}
.recv .row.big {
  align-items: baseline;
  padding-bottom: 8px;
}
.recv .row.big span:last-child {
  font-family: var(--font-display);
  font-size: clamp(20px, 4.4vw, 26px);
  line-height: 1.05;
}
.recv .row.feerow span:last-child {
  color: var(--coral-2);
}
.cta {
  width: 100%;
  margin-top: 18px;
  padding: 16px;
  cursor: pointer;
  font-family: var(--font-display);
  font-size: 19px;
  letter-spacing: 0.05em;
  background: var(--coral);
  color: var(--bg);
  border: 0;
  min-height: 52px;
  transition: background 0.16s, transform 0.08s;
}
.cta:hover:not(:disabled) {
  background: var(--coral-2);
}
.cta:active:not(:disabled) {
  transform: translateY(1px);
}
.cta:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cta:focus-visible {
  outline: 2px solid var(--cream);
  outline-offset: 3px;
}
.cta[data-side="sell"] {
  background: transparent;
  color: var(--cream);
  border: 1px solid var(--cream);
}
.cta[data-side="sell"]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--cream) 10%, transparent);
}
.hint {
  margin: 12px 0 0;
  font-size: 12px;
  color: var(--dim);
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
}
.hint.bad {
  color: var(--bad);
}
.hint.ok {
  color: var(--ok);
}
.notice {
  margin-top: 16px;
  padding: 14px 16px;
  font-size: 13px;
  line-height: 1.55;
  border: 1px solid var(--arb-line);
  background: color-mix(in srgb, var(--sea) 8%, transparent);
  color: var(--cream);
}
.notice b {
  color: var(--arb);
}
.ca {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 18px;
  border: 1px solid var(--line);
  background: #0a1e2657;
  font-size: 12.5px;
  color: var(--dim);
  margin-top: 26px;
}
.ca code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: var(--cream);
  flex: 1;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.sec {
  padding: 54px 0;
  border-top: 1px solid var(--line-2);
}
.sec:first-of-type {
  border-top: 0;
  padding-top: 46px;
}
.two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 44px;
  align-items: start;
}
.two > * {
  min-width: 0;
}
.two p {
  margin: 0 0 1em;
  color: var(--dim);
  font-size: 15.5px;
  max-width: 52ch;
}
.two p:last-child {
  margin-bottom: 0;
}
.two p b {
  color: var(--cream);
  font-weight: 600;
}
.two.centred {
  align-items: center;
}
.shot {
  margin: 0;
}
.shot img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 18px 40px -20px #06161cad;
  filter: saturate(0.62) contrast(1.06) brightness(0.96);
  transition: filter 0.5s ease;
}
.shot:hover img,
.art:hover img {
  filter: none;
}
.art img {
  filter: saturate(0.62) contrast(1.06) brightness(0.96);
  transition: filter 0.5s ease;
}
.shot.tall img {
  max-height: 380px;
  object-fit: cover;
}
.strip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}
.strip img {
  aspect-ratio: 4/5;
  object-fit: cover;
}
.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  margin-top: 26px;
}
.cards > div {
  padding: 26px 24px;
  border-right: 1px solid var(--line);
  position: relative;
  background: #07181e99;
  min-width: 0;
}
.cards > div:last-child {
  border-right: 0;
}
.cards .n {
  font-family: var(--font-display);
  font-size: clamp(30px, 4.8vw, 48px);
  line-height: 0.92;
  margin-bottom: 8px;
  overflow-wrap: anywhere;
}
.cards h3 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 17px;
  margin: 0 0 6px;
  letter-spacing: 0.02em;
}
.cards p {
  margin: 0;
  font-size: 14px;
  color: var(--dim);
  line-height: 1.55;
}
.cards .none {
  background: color-mix(in srgb, var(--cream) 3%, transparent);
}
.cards .none .n {
  color: color-mix(in srgb, var(--cream) 50%, transparent);
}
.cards .none h3 {
  color: var(--dim);
}
.cards .hot {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--coral) 12%, transparent),
    transparent
  );
}
.cards .hot:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--coral);
}
.cards .hot .n,
.cards .hot h3 {
  color: var(--coral-2);
}
.cards .cool {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--sea) 11%, transparent),
    transparent
  );
}
.cards .cool:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--arb);
}
.cards .cool .n,
.cards .cool h3 {
  color: var(--arb);
}
.vault {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  border: 1px solid var(--line);
  margin-top: 22px;
}
.vault > div {
  padding: 20px 22px;
  border-right: 1px solid var(--line);
  background: #07181e99;
  min-width: 0;
}
.vault > div:last-child {
  border-right: 0;
}
.vault .k {
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: var(--dim);
  margin-bottom: 8px;
}
.vault .v {
  font-family: var(--font-display);
  font-size: clamp(21px, 3.2vw, 28px);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}
.vault .of-supply {
  font-family: var(--font-ui);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--coral-2);
  font-variant-numeric: tabular-nums;
}
.vault small {
  display: block;
  margin-top: 7px;
  font-size: 12px;
  color: var(--dim);
}
.tl {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
}
.tl li {
  padding: 24px 22px;
  border-right: 1px solid var(--line);
  background: #07181e99;
  min-width: 0;
}
.tl li:last-child {
  border-right: 0;
}
.tl .st {
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: var(--dim);
  margin-bottom: 10px;
}
.tl h3 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 21px;
  margin: 0 0 8px;
  line-height: 1.08;
}
.tl p {
  margin: 0;
  font-size: 14px;
  color: var(--dim);
  line-height: 1.55;
}
.tl li[data-now="true"] h3 {
  color: var(--coral);
}
footer {
  border-top: 1px solid var(--line);
  padding: 26px 0 46px;
  font-size: 12px;
  color: var(--dim);
  line-height: 1.6;
}
footer p {
  margin: 0;
  max-width: 80ch;
}
.colophon {
  margin: 0 auto;
  padding-top: 16px;
  border-top: 1px solid var(--line-2);
  width: 100%;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--dim);
  text-align: center;
}
@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .hero:before {
    display: none;
  }
  .art img {
    max-width: 420px;
    margin: 0 auto;
    display: block;
  }
  .art p,
  .art p.lead {
    max-width: none;
  }
  .two {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .two.flip .shot {
    order: 2;
  }
  .two.flip > div {
    order: 1;
  }
  .shot.tall img {
    max-height: 300px;
  }
  .cards,
  .tl {
    grid-template-columns: 1fr;
  }
  .cards > div,
  .tl li {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .cards > div:last-child,
  .tl li:last-child {
    border-bottom: 0;
  }
  .vault > div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .vault > div:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 620px) {
  :root {
    --gut: 16px;
  }
  .sec {
    padding: 38px 0;
  }
  .head,
  .prog,
  .form,
  figure.chart {
    padding-left: 16px;
    padding-right: 16px;
  }
  .head {
    padding-top: 18px;
    padding-bottom: 16px;
  }
  .cards > div,
  .tl li,
  .vault > div {
    padding: 20px 16px;
  }
  .bar nav {
    width: 100%;
    order: 9;
    gap: 14px;
  }
  .masthead {
    margin: 24px 0 4px;
  }
  .strip {
    gap: 12px;
  }
  figure.chart svg {
    height: 150px;
  }
}
@media (max-width: 380px) {
  .chip:not(.arb):not(.warn) {
    display: none;
  }
  .strip {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto;
  }
  .shot img,
  .art img {
    transition: none;
  }
}
.cvempty {
  fill: var(--dim);
  font-family: var(--font-ui);
  font-size: 11px;
  letter-spacing: 0.14em;
}
.gate {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
}
.gate-box {
  width: 100%;
  max-width: 340px;
  padding: 30px 26px 26px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #081a20db, #051318f0);
  box-shadow: 0 20px 46px -24px #05141ab3;
}
.gate-mark {
  font-family: var(--font-display);
  font-size: 44px;
  line-height: 1;
  text-align: center;
  color: var(--coral);
  margin-bottom: 18px;
}
.gate-box .lbl {
  display: block;
}
.gate-box .inp input {
  font-size: 20px;
  letter-spacing: 0.3em;
}
.gate-box .cta {
  margin-top: 16px;
}
.chip.venue {
  color: var(--coral);
  border-color: color-mix(in srgb, var(--coral) 45%, transparent);
}
.chip.venue.live {
  color: var(--sea);
  border-color: var(--arb-line);
}
.chart .anim {
  transition: d 0.6s cubic-bezier(0.3, 0.8, 0.3, 1),
    cx 0.6s cubic-bezier(0.3, 0.8, 0.3, 1),
    cy 0.6s cubic-bezier(0.3, 0.8, 0.3, 1), x1 0.6s, x2 0.6s, y1 0.6s;
}
.track i {
  transition: width 0.6s cubic-bezier(0.3, 0.8, 0.3, 1);
}
@media (prefers-reduced-motion: reduce) {
  .chart .anim {
    transition: none;
  }
}
.btn.warn {
  color: var(--bad);
  border-color: var(--bad);
}
.lbl.toggle {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: var(--dim);
  font-family: var(--font-ui);
  font-size: 11.5px;
  letter-spacing: 0.14em;
  display: flex;
  align-items: center;
  gap: 6px;
}
.lbl.toggle:hover {
  color: var(--cream);
}
.lbl.toggle span {
  color: var(--coral);
  font-size: 13px;
}
.lbl.toggle:focus-visible {
  outline: 2px solid var(--coral);
  outline-offset: 2px;
}
.pctbox {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  background: #0000004d;
}
.pctbox input {
  width: 74px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--cream);
  font-family: var(--font-ui);
  font-size: 13px;
  padding: 8px 0 8px 10px;
}
.pctbox input:focus {
  outline: 0;
}
.pctbox input::placeholder {
  color: color-mix(in srgb, var(--cream) 30%, transparent);
}
.pctbox span {
  padding: 0 10px 0 2px;
  font-size: 13px;
  color: var(--dim);
}
.pctbox:focus-within {
  border-color: var(--coral);
}
.fld.slipfld {
  margin-top: 18px;
}
.graduated-banner {
  margin: 0;
  padding: 16px 24px;
  border-bottom: 1px solid var(--line-2);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--sea) 10%, transparent),
    transparent
  );
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--dim);
}
.graduated-banner b {
  color: var(--arb);
}
.tokenbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 0 0;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--dim);
}
.tokenbar code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: var(--cream);
  font-size: 12.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: min(46vw, 420px);
}
.tokenbar .btn {
  padding: 5px 10px;
  min-height: 28px;
  font-size: 11.5px;
}
.tokenbar a.btn {
  text-decoration: none;
  display: inline-block;
}
.tokenbar .xlink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  color: var(--cream);
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
}
.tokenbar .xlink:hover {
  border-color: var(--coral-2);
  color: var(--coral-2);
}
.tokenbar .xlink:focus-visible {
  outline: 2px solid var(--coral-2);
  outline-offset: 2px;
}
@media (max-width: 620px) {
  .tokenbar code {
    max-width: 100%;
  }
  .graduated-banner {
    padding: 14px 16px;
  }
}
.feenote {
  margin: 14px 0 0;
  font-size: 13px;
  color: var(--dim);
  max-width: 60ch;
  line-height: 1.6;
}
.feenote code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  color: var(--cream);
}
.feenote a {
  color: var(--cream);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.feenote a:hover {
  color: var(--coral-2);
}
.feenote strong {
  color: var(--cream);
  font-weight: inherit;
}
.stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  border: 1px solid var(--line);
  margin-top: 30px;
}
.stats > div {
  padding: 20px 22px;
  border-right: 1px solid var(--line);
  background: #07181e99;
  min-width: 0;
}
.stats > div:last-child {
  border-right: 0;
}
.stats .k {
  font-family: var(--font-ui);
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: var(--dim);
  margin-bottom: 8px;
}
.stats .v {
  font-family: var(--font-display);
  font-size: clamp(22px, 3.4vw, 30px);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}
.stats .of-supply {
  font-family: var(--font-ui);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--coral-2);
}
.stats small {
  display: block;
  margin-top: 8px;
  font-size: 12.5px;
  color: var(--dim);
  line-height: 1.5;
}
.stats .statlink {
  color: var(--cream);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.chartsec {
  padding-top: 34px;
}
.charts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.chartcard {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px 18px;
  text-decoration: none;
  border: 1px solid var(--line);
  background: #07181e99;
  transition: border-color 0.15s, transform 0.15s;
}
.chartcard:hover {
  border-color: var(--coral-2);
  transform: translateY(-1px);
}
.chartcard .cl {
  font-family: var(--font-display);
  font-size: 19px;
  color: var(--cream);
  line-height: 1;
}
.chartcard .cn {
  font-size: 12.5px;
  color: var(--dim);
  line-height: 1.4;
}
.stats .statlink:hover {
  color: var(--coral-2);
}
@media (max-width: 620px) {
  .stats > div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 18px 16px;
  }
  .stats > div:last-child {
    border-bottom: 0;
  }
}