@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap);
/* vanilla-extract-css-ns:src/css/reset.css.ts.vanilla.css?source=Lmlla2JjYzAgewogIGJvcmRlcjogMDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGZvbnQtc2l6ZTogMTAwJTsKICBsaW5lLWhlaWdodDogbm9ybWFsOwogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwogIHRleHQtYWxpZ246IGxlZnQ7CiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmlla2JjYzEgewogIGxpc3Qtc3R5bGU6IG5vbmU7Cn0KLmlla2JjYzIgewogIHF1b3Rlczogbm9uZTsKfQouaWVrYmNjMjpiZWZvcmUsIC5pZWtiY2MyOmFmdGVyIHsKICBjb250ZW50OiAnJzsKfQouaWVrYmNjMyB7CiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKICBib3JkZXItc3BhY2luZzogMDsKfQouaWVrYmNjNCB7CiAgYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjNSB7CiAgb3V0bGluZTogbm9uZTsKfQouaWVrYmNjNTo6cGxhY2Vob2xkZXIgewogIG9wYWNpdHk6IDE7Cn0KLmlla2JjYzYgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGNvbG9yOiBpbmhlcml0Owp9Ci5pZWtiY2M3OmRpc2FibGVkIHsKICBvcGFjaXR5OiAxOwp9Ci5pZWtiY2M3OjotbXMtZXhwYW5kIHsKICBkaXNwbGF5OiBub25lOwp9Ci5pZWtiY2M4OjotbXMtY2xlYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLmlla2JjYzg6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24gewogIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjOSB7CiAgYmFja2dyb3VuZDogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdGV4dC1hbGlnbjogbGVmdDsKfQouaWVrYmNjYSB7CiAgY29sb3I6IGluaGVyaXQ7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwp9 */
[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;
  appearance: none;
}
[data-rk] .iekbcc5 {
  outline: none;
}
[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;
}

/* vanilla-extract-css-ns:src/css/sprinkles.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6Vdy67rxhHc+yu0CWAvZOhJPbJJrp0gBhJkEQNZU+SQ4hFF6pDU6wT+90DiebCre2aavDtbXV3TNdMcFTm8Rz+/nOfB6jIZ/e+H0SjMs7QYZ4051ttRkpvbuG7CqvnzD3/88HOLm1lwpog7qAVHRaZoTNXBBE9MnNWnPLxvR0VZmE50TaO7vIwOnXBIw48SOtGIRrMizwi56ZRXmzyxaE1kGJWaMhBTun9CdmF0SKvyXMTjOnsz21FUXggsa2FlFZtqXIVxdq63o+mpK+xFggQEchBZJgSTi5g5wRwlzCWsfhyPq8Pzg2wcRk1WFt/OTVMWP3VyC0VuVBaFiRqeXCqSj6Y488yTJrOMw7yb9KpN+le5y3LTTa2k1NnyTx1ILUE2m82GzHXTRdXNPTfbUV3mWbfPzl3MNYub/XZEV/UiIGj7XAXEjCBuAmJBEPcnIjpXdVltR6cyg2Z/I3G4qqftNvOeNTYXUzQ1R01FVJjnXVC7Ex2zYrw3WbpvtqM1KXQ6Z4AFlTJtt6nnRR1nlXl283ZUldcuaCmCojI/H4surt3PkrJoxkl4zPJ7p40en9bjXRnfu/0zXX2ltFvC9Lkao9Fjv/qsegq61ixrrsjasKyFIitkWYGQNaONON2xrLWUBasRYVZL68mKWZY0GzN6wU3NV9b1ozkmky4i4YglRaQcEVDEniNWFJFxxJoi2i0/DU/bEfn88PU5vcin+VeEXtzT41eEbvbT4isC81t+RZY0cvqK0K+g6etXBPqp6lQNTVN3QlB30wlBeedOCKq4dEJQxrUzRVDGrROCse6dEBC+dWaWFj+bdEK0wtm0M+t0rNmsM7kQmn+FxnTpZ+2G9nkx0+CSBKHKgARhxBUJUumzNR0TeDd0UDrZs5BGYdgdjcK4EYnOgTmmUajK0CiMm9AoLFpKZwrG3dMoMGc0CopeSHQJuQcSDWDcHOYZwke6SJNJ16TMChI9hreHO2tMQYx/uxG8nOsmS+4fANtdwskBpv559ipDmYueVTKwPoWRGe9MczWm+4U8q1348OnEu/B2k2nMrRk/3fx2lJuEiDozBC/ywjBZsTdVRoja7ecYVmlWjHdl05RHurvPbhICrue7hIFGf5MwdO+fTyQMbb75VMLQ74P5TMLQi2c+lzD0MpgvRO20oedLEUTVzwMRBNJWIgjqXosgKHwjLggUHoogqGkngmC4SFxbmIJYBIE6I3YA1JSIywugVALBt9R83wU9LjLa/POMx4HhhSNA94EjoO1zjgAxR46Ali84Aqa25AhYxpOgFnrmVYCA3kqAgJxagEC1jQCBcs/C1EO5FwECtVwFCAx0E1YQRN8FCCh6E1aZ1rKYCIsIkCmHQFMvyO5Xtd+k3a5ezAUAcCwECJW8WAoQ2tiLQICAnpUAoa29WAsQOreLjQChi7gIJdG0XRY7CQOyIwkDomIJAyUbCQM1J9IqQM2phIF69hIGxsqk5QTtLxIGdB2kNYd6cmlFAXMUMNjpZNNrSrgxXZQsDPknBgDBrwwAHV4xAMioGQC6u2EAmNAzA8DKXbhM6JErR4DQG0eAkDtHQKFvHEErXU74fNNKl1OOoHUsZxwBo8z5olG1ywVHUC3LJV9XqCPg6waIFUNA/y4/drab/JB0ucE46AgxDhXsMA4zFbHxYYCYFQDrZRgASkgYAGpIEQD3z8s9A0CRGQNADS8MAKt9YPMINeQMAEMcGQBkFgiAm+pliQC4r16e+FoA4pUtJ727XlYIkG+wl++bVlZY+rLBOKzIGeOg9YJxmKwrGx8GuLECYCruDAAlvDEArSGYIAD6MpgyAC0ymDEArSGYMwDty2DB5hFqWDIADBEwAMhcIQD6MlgjAPoy2PC1AETIlpP2ZbBDgNyXQbtfPQ4rk7y8bkf7LI7Jk5ag3bBOYRxnRSo+0AiMCKEdHiQiCBY4FUHUIQR7EQSTnIkg6hSCFxEELXMQQbDouTwFsGxHGQWTUMgoEFjKKCj+JKOg+ld5baD6SkZBXbWMghEbeaFhJs4yCjRe5H6Auq7yWgPqJqLAZQR3guJPOYI3AUA5VhMBQuWvpgKEXgurmQChklZzAUKvg9VCgNBJXi0FCF3TVSCJpj20WkkYkL2WMCBqI2Gg5FDCQM07aRWg5kjCQD2xhIGxjLScoD2RMKArldYc6tlLKwqYTMBAp6/oDik8+lgdJASw5BIGlB8lDHR7IWFAVSlhoN9PEgZm+VXCwIpWonZon1oEgfpGBIG0swiCui8iCAq/igsChd9EENR0F0Ew3Ju4tnQK1hMRRNWtp2IH0JrWM3F5ATSXQND+a7oxsuch6yWPA0PAEaB7xRG07ddrjgAxG46gLb8OOQKmdscRdBnXkaCW9sw6FiCg1wgQkJMIEKg2FSBQ7l6Yeig3EyBQy4sAgYEOwgqC6FyAgKKjsMpQSyEsIkBKDsGmft/9yjprX3cKd3WZnxvyhuYrYJLsZronqusKAJXJwya7EJJ25xtfze6QNeNz/XgBzuQmavgboe3+J3y/rN8PZquw+Bhq8vN0tqxHJqwJxYUBn/+dlNXRltJug87C2k1QvGlf37sxWPC3boyu0WbSjdFe2kzJeJR0MyMD0l7ezEkQhlyQIIy57AbhpnwTkCAUtCJBGHNNgrTbNxsyPzBmSIJAuyNBkBJ1g3DjvYm7Qbjp3hg6txBNyLLQm+1N2g3KN9qbr/eE46o8jZMsb0zVeYtwl5+run0Z9d8XU+UheZtwk32mt68ZdzKjMi+rehxGjxcWfnn8D8l82e4ft/eD8w/bx5vA769VDyHI+2T+vaxMCyMcx/4iLEzFADkWqlLB8fUO9bfne7eE4KRW5aR51Uty8gwphL84vakHqxLImuHaBLZzL5r/mKgs4rC6f/tMIGyXAUJ9nNchen2kNy9blJe14S/db+5Kibb8N60cC0E46ZMpyw+n/UVYmGYD5Fio5n6O7j+isLAstNIUXEu1OAVZMJTlb1VFvz/C1fdp5ITr7xTKGTf9qH4rClNZJi4cotZFuBuk1sUY9aP63dwakh8PkchYzCBdjCbpn8/XPx2qiFPtB8viXH7T+E6SPRY8zqKwAQatefTxqE2kj8hvJuPyWuRlGH97Prv/JaxiSxtrPaWaUG0t1Yx+h/lB9Xt5cvBojaaOTe03dXT+sgzrbK3H5JlqQ8lT/e4xNYWpwpx761DrFe0Mamdop/D7QJL7a3Yk6Voz6CRRO0IXy85vCx//ivS3xhzlpttpPaGHRm0IPTx+N/h8MvDt/fEBydV6QDuD2vnZKfx+7zNXkK+1eC4OtatzkfiNXJvNrq2d1rfZ8tU2zUbgd2XPTDRAO60bk7PVLkxO97uvzzzcArSey0qgdlpWBr+/+kz9vEUnBFp75aFRuysPj99cnaoyyXLz16dDI7laN2VnUNsnO4XfL5HcfzwqJgRao+ShUTskD4+6EPkJ5U5rk9wsasvkpvHbp/YMxsT/Pj2fbfE9TuuivERqM+Vl8nuqugmLeEevNK2VknLVDkpIjt6NU/s3IJ449YP8iHimQQzULg2imPfLlXsxWgyRYuFaDhJlIQtULK7H+NGqhzYn0bqPMCfTZhAFf4Afhd+hTaDbfY9CgS/qSeR5cB/Fg+T6WM0w1T7aRMFnecwfpWqhNoa9XpSNIuuXa5mGlyFSLFyHQaIsZLmGxf9oPzrqBSrYih4SFXTlcB72/DQ6fa9STvn63XI5Z+8CHQ/3o3qYZhdlM1Czi/PclwxvPaPLMKGM5zpQHSO6DWHg3XAfrouTvX2HOMYWa8yn5wAg1ptQH1MPM+qj0phS7UP/WO9N1ZQ9LKqaU+NUVQcAsd6w6vh6+FYdoca+suOCWO9VeW4PY8qTNS7UekgQ6z2nnaOHw7STaPyk65Ag1ptKJ00PZ+nk0dhL9zFBrPeWHqIextLDpHGV1mODWO8l7Rw9HKSdROMbHQcHsd4qulh6uEMXjb4MftXp/Z+NoYfds1Fo3J14oBDrXZ2c38PNyQQaF2c7UIj13s1K0cOx2TiMxqe5jxKM3qZ5iHq4NA+TxqRZjxaM3pXZOXrYMDuJxne5jxWM3nB5iHo4LQ+TxmI5jxeM3m65eXpYLzeRxob5jheM3o15qXqYMi+XxpsJxw9Gb8mk7B5OTEr/MGC3cb0P48dfO/jMaj+Am1iSTK3XIAowXYM4cn9ynIV5mZKso7Z4IbdQVy0kl/6s94voV9OEWV4LG95JW7yX6VUtxUulKIdeRCS71kpycDRqMQ6Ssz77v2GeG+J1zKWvDIHj2luGQHLzZ1+fWf8s05Jk3rUSLPlv6vJlgqT1WpZdzHIImnTdVc9U4qd65s6VSfIXYrLoVbWFZNmvfgtL4E53HWYmK40MJ8NapcFJsemXy88qk3CIDIFnN0iMQBRpGTwHkUncT5mPzvQU6ONLXESWs8kk9Wuype4V9dtyM2WSRepLr6otJId+9VtYcme6/2QxOSq0KGgKjRoFTzmAgJ3IJKfBojjX63BlnExfkuOUMKl7ynNxNX3lucjOahZ8wJRcempiBNe+QhjDrVcqX9z7AAmc5W2IDkaTOg2Y5+AvVRgxH4XGkPk4nMZMe6KXKvyZmktj09RkTremOsJLFaZNR6Txbjomp4Vjp3qpwq/xJI0541lOJ2Y9sEsVvsuerHFZ9mynp3KdyqUKY+XM17grJ4HTYrkP31KFv/IwaMyVh8LprKwnbqnCT9mTNS7Knu30To6DtVRhl1zpGofkylcMzC8NhQeypWosjy3X6XDEo7NU4WzkRI2jkTOdTsZ2PpYq/Is1V+NabMl7p1dxH3/tFVbFw6BxKh4Kp1GxnnntFc7EnqyxIvZsp/dwH2rtFabDw6BxGx4Kp81wnmDtFZbDTaCxH24GpxXxHVPtFY7Ey6ExJl4Spz8Rzqr2ClsipWncSDfvL0cTZ+GojipjilFYxKMfO38zfBWsT7efnlzvA7R/nc7xW9Kj0R9f6LkV/fyZOIJdStiPn2AjyNU7En5dmmA2iHn/jWkC2iGo/aVpgokR8/F70w/UH/8HNiLX2mB7AAA= */
[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: -webkit-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: -webkit-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: -webkit-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;
  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: -webkit-max-content;
  width: max-content;
}
[data-rk] .ju367v9h {
  -webkit-backdrop-filter: var(--rk-blurs-modalOverlay);
  backdrop-filter: var(--rk-blurs-modalOverlay);
}
[data-rk] .ju367v9i {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9j:hover {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9k:active {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9l {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9m:hover {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9n:active {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9o {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9p:hover {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9q:active {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9r {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9s:hover {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9t:active {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9u {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9v:hover {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9w:active {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9x {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9y:hover {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9z:active {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367va0 {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va1:hover {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va2:active {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367va3 {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va4:hover {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va5:active {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va6 {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va7:hover {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va8:active {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va9 {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vaa:hover {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vab:active {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vac {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vad:hover {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vae:active {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vaf {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vag:hover {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vah:active {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vai {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vaj:hover {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vak:active {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367val {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vam:hover {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367van:active {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vao {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vap:hover {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vaq:active {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367var {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vas:hover {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vat:active {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vau {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vav:hover {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vaw:active {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vax {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vay:hover {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vaz:active {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vb0 {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb1:hover {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb2:active {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vb3 {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb4:hover {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb5:active {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb6 {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb7:hover {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb8:active {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb9 {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vba:hover {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vbb:active {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vbc {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbd:hover {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbe:active {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vbf {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbg:hover {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbh:active {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbi {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbj:hover {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbk:active {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbl {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbm:hover {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbn:active {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbo {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbp:hover {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbq:active {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbr {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbs:hover {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbt:active {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbu {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbv:hover {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbw:active {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbx {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vby:hover {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vbz:active {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vc0 {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc1:hover {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc2:active {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vc3 {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc4:hover {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc5:active {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc6 {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc7:hover {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc8:active {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc9 {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vca:hover {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vcb:active {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vcc {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vcd:hover {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vce:active {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vcf {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vcg:hover {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vch:active {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vci {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcj:hover {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vck:active {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcl {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vcm:hover {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vcn:active {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vco {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcp:hover {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcq:active {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcr {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcs:hover {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vct:active {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcu {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcv:hover {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcw:active {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcx {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vcy:hover {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vcz:active {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vd0 {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd1:hover {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd2:active {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vd3 {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd4:hover {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd5:active {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd6 {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd7:hover {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd8:active {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd9 {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vda:hover {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vdb:active {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vdc {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vdd:hover {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vde:active {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vdf {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdg:hover {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdh:active {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdi {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdj:hover {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdk:active {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdl {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdm:hover {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdn:active {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdo {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdp:hover {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdq:active {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdr {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vds:hover {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdt:active {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdu {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdv:hover {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdw:active {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdx {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vdy:hover {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vdz:active {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367ve0 {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve1:hover {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve2:active {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367ve3 {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve4:hover {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve5:active {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve6 {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve7:hover {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve8:active {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve9 {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vea:hover {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367veb:active {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vec {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367ved:hover {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vee:active {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vef {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367veg:hover {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367veh:active {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367vei {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vej:hover {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vek:active {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vel {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367vem:hover {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367ven:active {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367veo {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367vep:hover {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367veq:active {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367ver {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367ves:hover {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367vet:active {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367veu {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vev:hover {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vew:active {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vex {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vey:hover {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vez:active {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vf0 {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf1:hover {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf2:active {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vf3 {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf4:hover {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf5:active {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf6 {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf7:hover {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf8:active {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf9 {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfa:hover {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfb:active {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vfc {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vfd:hover {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vfe:active {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vff {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfg:hover {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfh:active {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfi {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfj:hover {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfk:active {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfl {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfm:hover {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfn:active {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfo {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfp:hover {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfq:active {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfr {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfs:hover {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vft:active {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfu {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfv:hover {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfw:active {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfx {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vfy:hover {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vfz:active {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vg0 {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg1:hover {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg2:active {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vg3 {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg4:hover {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg5:active {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg6 {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg7:hover {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg8:active {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg9 {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vga:hover {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vgb:active {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vgc {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vgd:hover {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vge:active {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vgf {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgg:hover {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgh:active {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgi {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgj:hover {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgk:active {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgl {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgm:hover {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgn:active {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgo {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgp:hover {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgq:active {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgr {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgs:hover {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgt:active {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgu {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgv:hover {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgw:active {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgx {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgy:hover {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgz:active {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vh0 {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh1:hover {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh2:active {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vh3 {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh4:hover {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh5:active {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh6 {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh7:hover {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh8:active {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh9 {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vha:hover {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vhb:active {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vhc {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhd:hover {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhe:active {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vhf {
  color: var(--rk-colors-standby);
}
[data-rk] .ju367vhg:hover {
  color: var(--rk-colors-standby);
}
[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;
  }
}

/* vanilla-extract-css-ns:src/css/touchableStyles.css.ts.vanilla.css?source=Ll8xMmNibzhpMywuXzEyY2JvOGkzOjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDE7CiAgLS1fMTJjYm84aTE6IDE7Cn0KLl8xMmNibzhpMzpob3ZlciB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTApKTsKfQouXzEyY2JvOGkzOmFjdGl2ZSB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTEpKTsKfQouXzEyY2JvOGkzOmFjdGl2ZTo6YWZ0ZXIgewogIGNvbnRlbnQ6ICIiOwogIGJvdHRvbTogLTFweDsKICBkaXNwbGF5OiBibG9jazsKICBsZWZ0OiAtMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICByaWdodDogLTFweDsKICB0b3A6IC0xcHg7CiAgdHJhbnNmb3JtOiBzY2FsZShjYWxjKCgxIC8gdmFyKC0tXzEyY2JvOGkxKSkgKiB2YXIoLS1fMTJjYm84aTApKSk7Cn0KLl8xMmNibzhpNCwuXzEyY2JvOGk0OjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDEuMDI1Owp9Ci5fMTJjYm84aTUsLl8xMmNibzhpNTo6YWZ0ZXIgewogIC0tXzEyY2JvOGkwOiAxLjE7Cn0KLl8xMmNibzhpNiwuXzEyY2JvOGk2OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTU7Cn0KLl8xMmNibzhpNywuXzEyY2JvOGk3OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTsKfQ== */
[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;
}

/* vanilla-extract-css-ns:src/components/Icons/Icons.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWx1dWxlNDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9Ci5fMWx1dWxlNDIgewogIGFuaW1hdGlvbjogXzFsdXVsZTQxIDNzIGluZmluaXRlIGxpbmVhcjsKfQouXzFsdXVsZTQzIHsKICBiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChmcm9tIDE4MGRlZyBhdCA1MCUgNTAlLCByZ2JhKDcyLCAxNDYsIDI1NCwgMCkgMGRlZywgY3VycmVudENvbG9yIDI4Mi4wNGRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDMxOS44NmRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDM2MGRlZyk7CiAgaGVpZ2h0OiAyMXB4OwogIHdpZHRoOiAyMXB4Owp9 */
@keyframes _1luule41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    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;
}

/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfOXBtNGtpMCB7CiAgMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICB9Cn0KQGtleWZyYW1lcyBfOXBtNGtpMSB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KfQouXzlwbTRraTMgewogIGFuaW1hdGlvbjogXzlwbTRraTEgMTUwbXMgZWFzZTsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogMjE0NzQ4MzY0NjsKfQouXzlwbTRraTUgewogIGFuaW1hdGlvbjogXzlwbTRraTAgMzUwbXMgY3ViaWMtYmV6aWVyKC4xNSwxLjE1LDAuNiwxLjAwKSwgXzlwbTRraTEgMTUwbXMgZWFzZTsKICBtYXgtd2lkdGg6IDEwMHZ3Owp9 */
@keyframes _9pm4ki0 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes _9pm4ki1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-rk] ._9pm4ki3 {
  animation: _9pm4ki1 150ms ease;
  bottom: -200px;
  left: -200px;
  padding: 200px;
  right: -200px;
  top: -200px;
  transform: translateZ(0);
  z-index: 2147483646;
}
[data-rk] ._9pm4ki5 {
  animation: _9pm4ki0 350ms cubic-bezier(.15, 1.15, 0.6, 1.00), _9pm4ki1 150ms ease;
  max-width: 100vw;
}

/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=Ll8xY2tqcG9rMSB7CiAgYm94LXNpemluZzogY29udGVudC1ib3g7CiAgbWF4LXdpZHRoOiAxMDB2dzsKICB3aWR0aDogMzYwcHg7Cn0KLl8xY2tqcG9rMiB7CiAgd2lkdGg6IDEwMHZ3Owp9Ci5fMWNranBvazMgewogIG1pbi13aWR0aDogNzIwcHg7CiAgd2lkdGg6IDcyMHB4Owp9Ci5fMWNranBvazQgewogIG1pbi13aWR0aDogMzY4cHg7CiAgd2lkdGg6IDM2OHB4Owp9Ci5fMWNranBvazYgewogIGJvcmRlci13aWR0aDogMHB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgd2lkdGg6IDEwMHZ3Owp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7CiAgLl8xY2tqcG9rMSB7CiAgICB3aWR0aDogMzYwcHg7CiAgfQogIC5fMWNranBvazIgewogICAgd2lkdGg6IDQ4MHB4OwogIH0KICAuXzFja2pwb2s0IHsKICAgIG1pbi13aWR0aDogMzY4cHg7CiAgICB3aWR0aDogMzY4cHg7CiAgfQp9CkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7CiAgLl8xY2tqcG9rNyB7CiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwOwogICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7CiAgICBtYXJnaW4tdG9wOiAtMjAwcHg7CiAgICBwYWRkaW5nLWJvdHRvbTogMjAwcHg7CiAgICB0b3A6IDIwMHB4OwogIH0KfQ== */
[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;
  }
}

/* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=LnY5aG9yYjA6aG92ZXIgewogIGJhY2tncm91bmQ6IHVuc2V0Owp9 */
[data-rk] .v9horb0:hover {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}

/* vanilla-extract-css-ns:src/components/ChainModal/ChainModal.css.ts.vanilla.css?source=Ll8xOGRxdzl4MCB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xOGRxdzl4MSB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOwp9Ci5fMThkcXc5eDE6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9 */
[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;
}

/* vanilla-extract-css-ns:src/components/ModalSelection/ModalSelection.css.ts.vanilla.css?source=Lmc1a2wwbDAgewogIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0= */
[data-rk] .g5kl0l0 {
  border-color: transparent;
}

/* vanilla-extract-css-ns:src/components/ConnectOptions/DesktopOptions.css.ts.vanilla.css?source=Ll8xdnd0MGNnMCB7CiAgYmFja2dyb3VuZDogd2hpdGU7Cn0KLl8xdnd0MGNnMiB7CiAgbWF4LWhlaWdodDogNDU0cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKfQouXzF2d3QwY2czIHsKICBtaW4td2lkdGg6IDI4N3B4Owp9Ci5fMXZ3dDBjZzQgewogIG1pbi13aWR0aDogMTAwJTsKfQ== */
[data-rk] ._1vwt0cg0 {
  background: white;
}
[data-rk] ._1vwt0cg2 {
  max-height: 454px;
  overflow-y: auto;
}
[data-rk] ._1vwt0cg3 {
  min-width: 287px;
}
[data-rk] ._1vwt0cg4 {
  min-width: 100%;
}

/* vanilla-extract-css-ns:src/components/ConnectOptions/MobileOptions.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWFtMTQ0MTEgewogIDAlIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogIH0KICAxMDAlIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAtMjgzOwogIH0KfQouXzFhbTE0NDEwIHsKICBvdmVyZmxvdzogYXV0bzsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApOwp9Ci5fMWFtMTQ0MTA6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9Ci5fMWFtMTQ0MTIgewogIGFuaW1hdGlvbjogXzFhbTE0NDExIDFzIGxpbmVhciBpbmZpbml0ZTsKICBzdHJva2UtZGFzaGFycmF5OiA5OCAxOTY7CiAgZmlsbDogbm9uZTsKICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgc3Ryb2tlLXdpZHRoOiA0Owp9Ci5fMWFtMTQ0MTMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKfQ== */
@keyframes _1am14411 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    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;
}

/* vanilla-extract-css-ns:src/components/WalletButton/WalletButton.css.ts.vanilla.css?source=Ll8xeTJsbmZpMCB7CiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgxNiwgMjEsIDMxLCAwLjA2KTsKfQouXzF5MmxuZmkxIHsKICBtYXgtd2lkdGg6IGZpdC1jb250ZW50Owp9 */
[data-rk] ._1y2lnfi0 {
  border: 1px solid rgba(16, 21, 31, 0.06);
}
[data-rk] ._1y2lnfi1 {
  max-width: -webkit-fit-content;
  max-width: fit-content;
}



  @keyframes pulse {
    50% {
      opacity: 0.5;
}
}

  @keyframes pulse-shadow {
    0% {
      box-shadow: 0 0 0 0px var(--relay-colors-primary4);
}

    100% {
      box-shadow: 0 0 0 6px var(--relay-colors-primary4);
}
}

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

  @keyframes collapsibleSlideDown {
    from {
      height: 0;
}

    to {
      height: var(--radix-collapsible-content-height);
}
}

  @keyframes collapsibleSlideUp {
    from {
      height: var(--radix-collapsible-content-height);
}

    to {
      height: 0;
}
}.relay-kit-reset {
    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    font-family: var(--font-fallback);
    font-family: var(--global-font-body, var(--font-fallback));
}.relay-kit-reset ::-webkit-file-upload-button {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border-width: 0px;
    border-style: solid;
    border-color: currentColor;
    border-color: var(--global-color-border, currentColor);
}.relay-kit-reset *,.relay-kit-reset ::before,.relay-kit-reset ::after,.relay-kit-reset ::backdrop,.relay-kit-reset ::file-selector-button {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border-width: 0px;
    border-style: solid;
    border-color: currentColor;
    border-color: var(--global-color-border, currentColor);
}.relay-kit-reset hr {
    height: 0px;
    color: inherit;
    border-top-width: 1px;
}.relay-kit-reset body {
    height: 100%;
    line-height: inherit;
}.relay-kit-reset img,.relay-kit-reset svg,.relay-kit-reset video,.relay-kit-reset canvas,.relay-kit-reset audio,.relay-kit-reset iframe,.relay-kit-reset embed,.relay-kit-reset object {
    display: block;
    vertical-align: middle;
}.relay-kit-reset img,.relay-kit-reset video {
    max-width: 100%;
    height: auto;
}.relay-kit-reset h1,.relay-kit-reset h2,.relay-kit-reset h3,.relay-kit-reset h4,.relay-kit-reset h5,.relay-kit-reset h6 {
    text-wrap: balance;
    font-size: inherit;
    font-weight: inherit;
}.relay-kit-reset p,.relay-kit-reset h1,.relay-kit-reset h2,.relay-kit-reset h3,.relay-kit-reset h4,.relay-kit-reset h5,.relay-kit-reset h6 {
    overflow-wrap: break-word;
}.relay-kit-reset ol,.relay-kit-reset ul,.relay-kit-reset menu {
    list-style: none;
}.relay-kit-reset ::-webkit-file-upload-button {
    appearance: button;
    -webkit-appearance: button;
}.relay-kit-reset button,.relay-kit-reset input:where([type='button'], [type='reset'], [type='submit']),.relay-kit-reset ::file-selector-button {
    appearance: button;
    -webkit-appearance: button;
}.relay-kit-reset ::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    background: transparent;
}.relay-kit-reset button,.relay-kit-reset input,.relay-kit-reset optgroup,.relay-kit-reset select,.relay-kit-reset textarea,.relay-kit-reset ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    background: transparent;
}.relay-kit-reset ::placeholder {
    opacity: 1;
    --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
    color: var(--placeholder-fallback);
    color: var(--global-color-placeholder, var(--placeholder-fallback));
}.relay-kit-reset textarea {
    resize: vertical;
}.relay-kit-reset table {
    text-indent: 0px;
    border-collapse: collapse;
    border-color: inherit;
}.relay-kit-reset summary {
    display: list-item;
}.relay-kit-reset sub,.relay-kit-reset sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}.relay-kit-reset dialog {
    padding: 0px;
}.relay-kit-reset a {
    color: inherit;
    text-decoration: inherit;
}.relay-kit-reset abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
}.relay-kit-reset code,.relay-kit-reset kbd,.relay-kit-reset samp,.relay-kit-reset pre {
    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-family: var(--font-mono-fallback);
    font-family: var(--global-font-mono, var(--font-mono-fallback));
    font-size: 1em;
}.relay-kit-reset progress {
    vertical-align: baseline;
}.relay-kit-reset ::-webkit-search-decoration,.relay-kit-reset ::-webkit-search-cancel-button {
    -webkit-appearance: none;
}.relay-kit-reset ::-webkit-inner-spin-button,.relay-kit-reset ::-webkit-outer-spin-button {
    height: auto;
}.relay-kit-reset :-moz-ui-invalid {
    box-shadow: none;
}.relay-kit-reset :-moz-focusring {
    outline: auto;
}.relay-kit-reset:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [hidden] {
    display: none !important;
}.relay-kit-reset img {
    border-style: none;
}.relay-kit-reset small {
    font-size: 80%;
}.relay-kit-reset sub {
    bottom: -0.25em;
}.relay-kit-reset sup {
    top: -0.5em;
}.relay-kit-reset b,.relay-kit-reset strong {
    font-weight: bolder;
}

:root:not(#\#) {
    --made-with-panda: '🐼';
}

*:not(#\#),:not(#\#)::before,:not(#\#)::after,:not(#\#)::backdrop {
    --blur: /*-*/ /*-*/;
    --brightness: /*-*/ /*-*/;
    --contrast: /*-*/ /*-*/;
    --grayscale: /*-*/ /*-*/;
    --hue-rotate: /*-*/ /*-*/;
    --invert: /*-*/ /*-*/;
    --saturate: /*-*/ /*-*/;
    --sepia: /*-*/ /*-*/;
    --drop-shadow: /*-*/ /*-*/;
    --backdrop-blur: /*-*/ /*-*/;
    --backdrop-brightness: /*-*/ /*-*/;
    --backdrop-contrast: /*-*/ /*-*/;
    --backdrop-grayscale: /*-*/ /*-*/;
    --backdrop-hue-rotate: /*-*/ /*-*/;
    --backdrop-invert: /*-*/ /*-*/;
    --backdrop-opacity: /*-*/ /*-*/;
    --backdrop-saturate: /*-*/ /*-*/;
    --backdrop-sepia: /*-*/ /*-*/;
    --gradient-from-position: /*-*/ /*-*/;
    --gradient-to-position: /*-*/ /*-*/;
    --gradient-via-position: /*-*/ /*-*/;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
}

:where(:root, :host):not(#\#):not(#\#) {
    --relay-spacing-1: 4px;
    --relay-spacing-2: 8px;
    --relay-spacing-3: 12px;
    --relay-spacing-4: 16px;
    --relay-spacing-5: 32px;
    --relay-spacing-6: 64px;
    --relay-spacing-widget-card-section-gutter: 6px;
    --relay-fonts-body: var(--font-inter), sans-serif;
    --relay-fonts-heading: var(--font-inter), sans-serif;
    --relay-gradients-success: linear-gradient(to right, #30A46C, #0ADF79);
    --relay-colors-gray1: var(--relay-colors-slate-1);
    --relay-colors-gray2: var(--relay-colors-slate-2);
    --relay-colors-gray3: var(--relay-colors-slate-3);
    --relay-colors-gray4: var(--relay-colors-slate-4);
    --relay-colors-gray5: var(--relay-colors-slate-5);
    --relay-colors-gray6: var(--relay-colors-slate-6);
    --relay-colors-gray7: var(--relay-colors-slate-7);
    --relay-colors-gray8: var(--relay-colors-slate-8);
    --relay-colors-gray9: var(--relay-colors-slate-9);
    --relay-colors-gray10: var(--relay-colors-slate-10);
    --relay-colors-gray11: var(--relay-colors-slate-11);
    --relay-colors-gray12: var(--relay-colors-slate-12);
    --relay-colors-black-a10: var(--relay-colors-black-a-10);
    --relay-colors-blue12: var(--relay-colors-blue-12);
    --relay-colors-red2: var(--relay-colors-tomato-2);
    --relay-colors-red3: var(--relay-colors-tomato-3);
    --relay-colors-red4: var(--relay-colors-tomato-4);
    --relay-colors-red5: var(--relay-colors-tomato-5);
    --relay-colors-red6: var(--relay-colors-tomato-6);
    --relay-colors-red9: var(--relay-colors-tomato-9);
    --relay-colors-red10: var(--relay-colors-tomato-10);
    --relay-colors-red11: var(--relay-colors-tomato-11);
    --relay-colors-red12: var(--relay-colors-tomato-12);
    --relay-colors-green2: var(--relay-colors-grass-2);
    --relay-colors-green3: var(--relay-colors-grass-3);
    --relay-colors-green9: var(--relay-colors-grass-9);
    --relay-colors-green10: var(--relay-colors-grass-10);
    --relay-colors-green11: var(--relay-colors-grass-11);
    --relay-colors-green12: var(--relay-colors-grass-12);
    --relay-colors-yellow9: var(--relay-colors-yellow-9);
    --relay-colors-yellow10: var(--relay-colors-yellow-10);
    --relay-colors-yellow11: var(--relay-colors-yellow-11);
    --relay-colors-yellow12: var(--relay-colors-yellow-12);
    --relay-colors-amber2: var(--relay-colors-amber-2);
    --relay-colors-amber3: var(--relay-colors-amber-3);
    --relay-colors-amber4: var(--relay-colors-amber-4);
    --relay-colors-amber9: var(--relay-colors-amber-9);
    --relay-colors-amber10: var(--relay-colors-amber-10);
    --relay-colors-amber11: var(--relay-colors-amber-11);
    --relay-colors-amber12: var(--relay-colors-amber-12);
    --relay-colors-violet-1: #FDFDFF;
    --relay-colors-violet-2: #F7F8FF;
    --relay-colors-violet-3: #EFF1FF;
    --relay-colors-violet-4: #E4E7FF;
    --relay-colors-violet-5: #D7DBFF;
    --relay-colors-violet-6: #C8CCFF;
    --relay-colors-violet-7: #B4B8FF;
    --relay-colors-violet-8: #989AFF;
    --relay-colors-violet-9: #4615C8;
    --relay-colors-violet-10: #3B00B4;
    --relay-colors-violet-11: #5A45DF;
    --relay-colors-violet-12: #2A226E;
    --relay-colors-violet-dark-1: #0E0E23;
    --relay-colors-violet-dark-2: #141331;
    --relay-colors-violet-dark-3: #216;
    --relay-colors-violet-dark-4: #2F0093;
    --relay-colors-violet-dark-5: #3800A8;
    --relay-colors-violet-dark-6: #4016B8;
    --relay-colors-violet-dark-7: #4C24D1;
    --relay-colors-violet-dark-8: #5B2AF9;
    --relay-colors-violet-dark-9: #4615C8;
    --relay-colors-violet-dark-10: #3901AA;
    --relay-colors-violet-dark-11: #A7AAFF;
    --relay-colors-violet-dark-12: #DBDEFF;
    --relay-breakpoints-2xl: 1536px;
    --relay-breakpoints-sm: 600px;
    --relay-breakpoints-md: 900px;
    --relay-breakpoints-lg: 1200px;
    --relay-breakpoints-xl: 1400px;
    --relay-breakpoints-bp300: 300px;
    --relay-breakpoints-bp400: 400px;
    --relay-breakpoints-bp500: 500px;
    --relay-breakpoints-bp600: 600px;
    --relay-breakpoints-bp700: 700px;
    --relay-breakpoints-bp800: 800px;
    --relay-breakpoints-bp900: 900px;
    --relay-breakpoints-bp1000: 1000px;
    --relay-breakpoints-bp1100: 1100px;
    --relay-breakpoints-bp1200: 1200px;
    --relay-breakpoints-bp1300: 1300px;
    --relay-breakpoints-bp1400: 1400px;
    --relay-breakpoints-bp1500: 1500px;
    --relay-sizes-breakpoint-2xl: 1536px;
    --relay-sizes-breakpoint-sm: 600px;
    --relay-sizes-breakpoint-md: 900px;
    --relay-sizes-breakpoint-lg: 1200px;
    --relay-sizes-breakpoint-xl: 1400px;
    --relay-sizes-breakpoint-bp300: 300px;
    --relay-sizes-breakpoint-bp400: 400px;
    --relay-sizes-breakpoint-bp500: 500px;
    --relay-sizes-breakpoint-bp600: 600px;
    --relay-sizes-breakpoint-bp700: 700px;
    --relay-sizes-breakpoint-bp800: 800px;
    --relay-sizes-breakpoint-bp900: 900px;
    --relay-sizes-breakpoint-bp1000: 1000px;
    --relay-sizes-breakpoint-bp1100: 1100px;
    --relay-sizes-breakpoint-bp1200: 1200px;
    --relay-sizes-breakpoint-bp1300: 1300px;
    --relay-sizes-breakpoint-bp1400: 1400px;
    --relay-sizes-breakpoint-bp1500: 1500px;
    --relay-radii-widget-border-radius: 16px;
    --relay-radii-widget-card-border-radius: 12px;
    --relay-radii-modal-border-radius: 16px;
    --relay-radii-input-border-radius: 8px;
    --relay-radii-dropdown-border-radius: 8px;
    --relay-radii-widget-swap-currency-button-border-radius: 8px;
    --relay-borders-widget-border: 0px solid white;
    --relay-borders-modal-border: 0px solid white;
    --relay-borders-dropdown-border: 1px solid var(--relay-colors-gray5);
    --relay-borders-widget-swap-currency-button-border-width: 2px;
    --relay-borders-widget-card-border: 1px solid var(--relay-colors-primary4);
    --relay-shadows-widget-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.10);
    --relay-colors-primary1: var(--relay-colors-violet-1);
    --relay-colors-primary2: var(--relay-colors-violet-2);
    --relay-colors-primary3: var(--relay-colors-violet-3);
    --relay-colors-primary4: var(--relay-colors-violet-4);
    --relay-colors-primary5: var(--relay-colors-violet-5);
    --relay-colors-primary6: var(--relay-colors-violet-6);
    --relay-colors-primary7: var(--relay-colors-violet-7);
    --relay-colors-primary8: var(--relay-colors-violet-8);
    --relay-colors-primary9: var(--relay-colors-violet-9);
    --relay-colors-primary10: var(--relay-colors-violet-10);
    --relay-colors-primary11: var(--relay-colors-violet-11);
    --relay-colors-primary12: var(--relay-colors-violet-12);
    --relay-colors-primary-color: var(--relay-colors-primary9);
    --relay-colors-focus-color: var(--relay-colors-primary7);
    --relay-colors-subtle-background-color: var(--relay-colors-gray-1);
    --relay-colors-subtle-border-color: var(--relay-colors-gray-5);
    --relay-colors-text-default: var(--relay-colors-gray-12);
    --relay-colors-text-subtle: var(--relay-colors-gray-11);
    --relay-colors-text-subtle-secondary: var(--relay-colors-gray-11);
    --relay-colors-text-error: var(--relay-colors-tomato-12);
    --relay-colors-text-success: var(--relay-colors-grass-11);
    --relay-colors-primary-button-background: var(--relay-colors-primary9);
    --relay-colors-primary-button-color: white;
    --relay-colors-primary-button-hover-background: var(--relay-colors-primary10);
    --relay-colors-primary-button-hover-color: white;
    --relay-colors-secondary-button-background: var(--relay-colors-primary3);
    --relay-colors-secondary-button-color: var(--relay-colors-gray12);
    --relay-colors-secondary-button-hover-background: var(--relay-colors-primary4);
    --relay-colors-secondary-button-hover-color: var(--relay-colors-gray12);
    --relay-colors-button-disabled-background: var(--relay-colors-gray-8);
    --relay-colors-button-disabled-color: var(--relay-colors-gray-11);
    --relay-colors-input-background: var(--relay-colors-gray-3);
    --relay-colors-input-color: var(--relay-colors-gray-12);
    --relay-colors-anchor-color: var(--relay-colors-primary11);
    --relay-colors-anchor-hover-color: var(--relay-colors-primary9);
    --relay-colors-dropdown-background: var(--relay-colors-gray-3);
    --relay-colors-widget-background: white;
    --relay-colors-widget-card-background: var(--relay-colors-gray-1);
    --relay-colors-widget-selector-background: var(--relay-colors-gray-2);
    --relay-colors-widget-selector-hover-background: var(--relay-colors-gray-3);
    --relay-colors-widget-swap-currency-button-border-color: var(--relay-colors-primary4);
    --relay-colors-modal-background: white;
    --relay-colors-skeleton-background: var(--relay-colors-gray-3);
    --relay-colors-amber-1: var(--relay-colors-amber-light-1);
    --relay-colors-amber-2: var(--relay-colors-amber-light-2);
    --relay-colors-amber-3: var(--relay-colors-amber-light-3);
    --relay-colors-amber-4: var(--relay-colors-amber-light-4);
    --relay-colors-amber-5: var(--relay-colors-amber-light-5);
    --relay-colors-amber-6: var(--relay-colors-amber-light-6);
    --relay-colors-amber-7: var(--relay-colors-amber-light-7);
    --relay-colors-amber-8: var(--relay-colors-amber-light-8);
    --relay-colors-amber-9: var(--relay-colors-amber-light-9);
    --relay-colors-amber-10: var(--relay-colors-amber-light-10);
    --relay-colors-amber-11: var(--relay-colors-amber-light-11);
    --relay-colors-amber-12: var(--relay-colors-amber-light-12);
    --relay-colors-amber-light-1: hsl(39, 70.0%, 99.0%);
    --relay-colors-amber-light-2: hsl(40, 100%, 96.5%);
    --relay-colors-amber-light-3: hsl(44, 100%, 91.7%);
    --relay-colors-amber-light-4: hsl(43, 100%, 86.8%);
    --relay-colors-amber-light-5: hsl(42, 100%, 81.8%);
    --relay-colors-amber-light-6: hsl(38, 99.7%, 76.3%);
    --relay-colors-amber-light-7: hsl(36, 86.1%, 67.1%);
    --relay-colors-amber-light-8: hsl(35, 85.2%, 55.1%);
    --relay-colors-amber-light-9: hsl(39, 100%, 57.0%);
    --relay-colors-amber-light-10: hsl(35, 100%, 55.5%);
    --relay-colors-amber-light-11: hsl(30, 100%, 34.0%);
    --relay-colors-amber-light-12: hsl(20, 80.0%, 17.0%);
    --relay-colors-amber-light-a-1: hsla(40, 94.9%, 38.7%, 0.016);
    --relay-colors-amber-light-a-2: hsla(40, 100%, 50.3%, 0.071);
    --relay-colors-amber-light-a-3: hsla(44, 100%, 50.1%, 0.165);
    --relay-colors-amber-light-a-4: hsla(43, 100%, 50.0%, 0.263);
    --relay-colors-amber-light-a-5: hsla(42, 100%, 50.0%, 0.365);
    --relay-colors-amber-light-a-6: hsla(38, 100%, 50.1%, 0.475);
    --relay-colors-amber-light-a-7: hsla(36, 99.9%, 46.2%, 0.612);
    --relay-colors-amber-light-a-8: hsla(35, 99.8%, 46.0%, 0.832);
    --relay-colors-amber-light-a-9: hsla(39, 100%, 50.0%, 0.859);
    --relay-colors-amber-light-a-10: hsla(35, 100%, 50.0%, 0.891);
    --relay-colors-amber-light-a-11: hsla(29, 100%, 33.6%, 0.980);
    --relay-colors-amber-light-a-12: hsla(20, 99.8%, 14.1%, 0.965);
    --relay-colors-amber-dark-1: hsl(36, 100%, 6.1%);
    --relay-colors-amber-dark-2: hsl(35, 100%, 7.6%);
    --relay-colors-amber-dark-3: hsl(32, 100%, 10.2%);
    --relay-colors-amber-dark-4: hsl(32, 100%, 12.4%);
    --relay-colors-amber-dark-5: hsl(33, 100%, 14.6%);
    --relay-colors-amber-dark-6: hsl(35, 100%, 17.1%);
    --relay-colors-amber-dark-7: hsl(35, 91.0%, 21.6%);
    --relay-colors-amber-dark-8: hsl(36, 100%, 25.5%);
    --relay-colors-amber-dark-9: hsl(39, 100%, 57.0%);
    --relay-colors-amber-dark-10: hsl(43, 100%, 64.0%);
    --relay-colors-amber-dark-11: hsl(39, 90.0%, 49.8%);
    --relay-colors-amber-dark-12: hsl(39, 97.0%, 93.2%);
    --relay-colors-amber-dark-a-1: hsla(0, 0%, 0%, 0);
    --relay-colors-amber-dark-a-2: hsla(31, 100%, 49.7%, 0.036);
    --relay-colors-amber-dark-a-3: hsla(27, 100%, 49.9%, 0.094);
    --relay-colors-amber-dark-a-4: hsla(29, 100%, 50.0%, 0.143);
    --relay-colors-amber-dark-a-5: hsla(31, 100%, 50.0%, 0.192);
    --relay-colors-amber-dark-a-6: hsla(35, 100%, 50.0%, 0.250);
    --relay-colors-amber-dark-a-7: hsla(34, 99.6%, 52.9%, 0.331);
    --relay-colors-amber-dark-a-8: hsla(36, 100%, 50.0%, 0.442);
    --relay-colors-amber-dark-a-9: hsla(40, 100%, 57.2%, 0.980);
    --relay-colors-amber-dark-a-10: hsla(44, 100%, 64.2%, 0.980);
    --relay-colors-amber-dark-a-11: hsla(39, 99.9%, 52.7%, 0.938);
    --relay-colors-amber-dark-a-12: hsla(45, 100%, 94.2%, 0.980);
    --relay-colors-amber-a-1: var(--relay-colors-amber-light-a-1);
    --relay-colors-amber-a-2: var(--relay-colors-amber-light-a-2);
    --relay-colors-amber-a-3: var(--relay-colors-amber-light-a-3);
    --relay-colors-amber-a-4: var(--relay-colors-amber-light-a-4);
    --relay-colors-amber-a-5: var(--relay-colors-amber-light-a-5);
    --relay-colors-amber-a-6: var(--relay-colors-amber-light-a-6);
    --relay-colors-amber-a-7: var(--relay-colors-amber-light-a-7);
    --relay-colors-amber-a-8: var(--relay-colors-amber-light-a-8);
    --relay-colors-amber-a-9: var(--relay-colors-amber-light-a-9);
    --relay-colors-amber-a-10: var(--relay-colors-amber-light-a-10);
    --relay-colors-amber-a-11: var(--relay-colors-amber-light-a-11);
    --relay-colors-amber-a-12: var(--relay-colors-amber-light-a-12);
    --relay-colors-black-light-a-1: hsla(0, 0%, 0%, 0.012);
    --relay-colors-black-light-a-2: hsla(0, 0%, 0%, 0.027);
    --relay-colors-black-light-a-3: hsla(0, 0%, 0%, 0.047);
    --relay-colors-black-light-a-4: hsla(0, 0%, 0%, 0.071);
    --relay-colors-black-light-a-5: hsla(0, 0%, 0%, 0.090);
    --relay-colors-black-light-a-6: hsla(0, 0%, 0%, 0.114);
    --relay-colors-black-light-a-7: hsla(0, 0%, 0%, 0.141);
    --relay-colors-black-light-a-8: hsla(0, 0%, 0%, 0.220);
    --relay-colors-black-light-a-9: hsla(0, 0%, 0%, 0.439);
    --relay-colors-black-light-a-10: hsla(0, 0%, 0%, 0.478);
    --relay-colors-black-light-a-11: hsla(0, 0%, 0%, 0.565);
    --relay-colors-black-light-a-12: hsla(0, 0%, 0%, 0.910);
    --relay-colors-black-a-1: hsla(0, 0%, 0%, 0.012);
    --relay-colors-black-a-2: hsla(0, 0%, 0%, 0.027);
    --relay-colors-black-a-3: hsla(0, 0%, 0%, 0.047);
    --relay-colors-black-a-4: hsla(0, 0%, 0%, 0.071);
    --relay-colors-black-a-5: hsla(0, 0%, 0%, 0.090);
    --relay-colors-black-a-6: hsla(0, 0%, 0%, 0.114);
    --relay-colors-black-a-7: hsla(0, 0%, 0%, 0.141);
    --relay-colors-black-a-8: hsla(0, 0%, 0%, 0.220);
    --relay-colors-black-a-9: hsla(0, 0%, 0%, 0.439);
    --relay-colors-black-a-10: hsla(0, 0%, 0%, 0.478);
    --relay-colors-black-a-11: hsla(0, 0%, 0%, 0.565);
    --relay-colors-black-a-12: hsla(0, 0%, 0%, 0.910);
    --relay-colors-blue-1: var(--relay-colors-blue-light-1);
    --relay-colors-blue-2: var(--relay-colors-blue-light-2);
    --relay-colors-blue-3: var(--relay-colors-blue-light-3);
    --relay-colors-blue-4: var(--relay-colors-blue-light-4);
    --relay-colors-blue-5: var(--relay-colors-blue-light-5);
    --relay-colors-blue-6: var(--relay-colors-blue-light-6);
    --relay-colors-blue-7: var(--relay-colors-blue-light-7);
    --relay-colors-blue-8: var(--relay-colors-blue-light-8);
    --relay-colors-blue-9: var(--relay-colors-blue-light-9);
    --relay-colors-blue-10: var(--relay-colors-blue-light-10);
    --relay-colors-blue-11: var(--relay-colors-blue-light-11);
    --relay-colors-blue-12: var(--relay-colors-blue-light-12);
    --relay-colors-blue-light-1: hsl(206, 100%, 99.2%);
    --relay-colors-blue-light-2: hsl(210, 100%, 98.0%);
    --relay-colors-blue-light-3: hsl(209, 100%, 96.5%);
    --relay-colors-blue-light-4: hsl(210, 98.8%, 94.0%);
    --relay-colors-blue-light-5: hsl(209, 95.0%, 90.1%);
    --relay-colors-blue-light-6: hsl(209, 81.2%, 84.5%);
    --relay-colors-blue-light-7: hsl(208, 77.5%, 76.9%);
    --relay-colors-blue-light-8: hsl(206, 81.9%, 65.3%);
    --relay-colors-blue-light-9: hsl(206, 100%, 50.0%);
    --relay-colors-blue-light-10: hsl(208, 100%, 47.3%);
    --relay-colors-blue-light-11: hsl(211, 100%, 43.2%);
    --relay-colors-blue-light-12: hsl(211, 100%, 15.0%);
    --relay-colors-blue-light-a-1: hsla(210, 100%, 51.0%, 0.016);
    --relay-colors-blue-light-a-2: hsla(210, 100%, 51.0%, 0.040);
    --relay-colors-blue-light-a-3: hsla(210, 100%, 50.3%, 0.071);
    --relay-colors-blue-light-a-4: hsla(210, 100%, 50.1%, 0.118);
    --relay-colors-blue-light-a-5: hsla(208, 99.1%, 47.1%, 0.189);
    --relay-colors-blue-light-a-6: hsla(209, 99.5%, 45.3%, 0.283);
    --relay-colors-blue-light-a-7: hsla(208, 99.9%, 43.8%, 0.412);
    --relay-colors-blue-light-a-8: hsla(206, 99.8%, 45.1%, 0.632);
    --relay-colors-blue-light-a-9: hsla(206, 100%, 50.0%, 0.980);
    --relay-colors-blue-light-a-10: hsla(208, 100%, 47.2%, 0.980);
    --relay-colors-blue-light-a-11: hsla(212, 100%, 43.0%, 0.980);
    --relay-colors-blue-light-a-12: hsla(213, 100%, 14.4%, 0.980);
    --relay-colors-blue-dark-1: hsl(212, 35.0%, 9.2%);
    --relay-colors-blue-dark-2: hsl(216, 50.0%, 11.8%);
    --relay-colors-blue-dark-3: hsl(214, 59.4%, 15.3%);
    --relay-colors-blue-dark-4: hsl(214, 65.8%, 17.9%);
    --relay-colors-blue-dark-5: hsl(213, 71.2%, 20.2%);
    --relay-colors-blue-dark-6: hsl(212, 77.4%, 23.1%);
    --relay-colors-blue-dark-7: hsl(211, 85.1%, 27.4%);
    --relay-colors-blue-dark-8: hsl(211, 89.7%, 34.1%);
    --relay-colors-blue-dark-9: hsl(206, 100%, 50.0%);
    --relay-colors-blue-dark-10: hsl(209, 100%, 60.6%);
    --relay-colors-blue-dark-11: hsl(210, 100%, 66.1%);
    --relay-colors-blue-dark-12: hsl(206, 98.0%, 95.8%);
    --relay-colors-blue-dark-a-1: hsla(0, 0%, 0%, 0);
    --relay-colors-blue-dark-a-2: hsla(221, 97.8%, 52.4%, 0.059);
    --relay-colors-blue-dark-a-3: hsla(215, 99.3%, 54.2%, 0.135);
    --relay-colors-blue-dark-a-4: hsla(215, 99.3%, 53.8%, 0.198);
    --relay-colors-blue-dark-a-5: hsla(213, 99.4%, 52.8%, 0.252);
    --relay-colors-blue-dark-a-6: hsla(212, 99.9%, 51.7%, 0.323);
    --relay-colors-blue-dark-a-7: hsla(211, 100%, 50.7%, 0.435);
    --relay-colors-blue-dark-a-8: hsla(211, 99.8%, 50.9%, 0.597);
    --relay-colors-blue-dark-a-9: hsla(205, 100%, 50.0%, 0.980);
    --relay-colors-blue-dark-a-10: hsla(208, 100%, 60.7%, 0.980);
    --relay-colors-blue-dark-a-11: hsla(209, 100%, 66.3%, 0.980);
    --relay-colors-blue-dark-a-12: hsla(196, 100%, 96.8%, 0.980);
    --relay-colors-blue-a-1: var(--relay-colors-blue-light-a-1);
    --relay-colors-blue-a-2: var(--relay-colors-blue-light-a-2);
    --relay-colors-blue-a-3: var(--relay-colors-blue-light-a-3);
    --relay-colors-blue-a-4: var(--relay-colors-blue-light-a-4);
    --relay-colors-blue-a-5: var(--relay-colors-blue-light-a-5);
    --relay-colors-blue-a-6: var(--relay-colors-blue-light-a-6);
    --relay-colors-blue-a-7: var(--relay-colors-blue-light-a-7);
    --relay-colors-blue-a-8: var(--relay-colors-blue-light-a-8);
    --relay-colors-blue-a-9: var(--relay-colors-blue-light-a-9);
    --relay-colors-blue-a-10: var(--relay-colors-blue-light-a-10);
    --relay-colors-blue-a-11: var(--relay-colors-blue-light-a-11);
    --relay-colors-blue-a-12: var(--relay-colors-blue-light-a-12);
    --relay-colors-grass-1: var(--relay-colors-grass-light-1);
    --relay-colors-grass-2: var(--relay-colors-grass-light-2);
    --relay-colors-grass-3: var(--relay-colors-grass-light-3);
    --relay-colors-grass-4: var(--relay-colors-grass-light-4);
    --relay-colors-grass-5: var(--relay-colors-grass-light-5);
    --relay-colors-grass-6: var(--relay-colors-grass-light-6);
    --relay-colors-grass-7: var(--relay-colors-grass-light-7);
    --relay-colors-grass-8: var(--relay-colors-grass-light-8);
    --relay-colors-grass-9: var(--relay-colors-grass-light-9);
    --relay-colors-grass-10: var(--relay-colors-grass-light-10);
    --relay-colors-grass-11: var(--relay-colors-grass-light-11);
    --relay-colors-grass-12: var(--relay-colors-grass-light-12);
    --relay-colors-grass-light-1: hsl(116, 50.0%, 98.9%);
    --relay-colors-grass-light-2: hsl(120, 60.0%, 97.1%);
    --relay-colors-grass-light-3: hsl(120, 53.6%, 94.8%);
    --relay-colors-grass-light-4: hsl(121, 47.5%, 91.4%);
    --relay-colors-grass-light-5: hsl(122, 42.6%, 86.5%);
    --relay-colors-grass-light-6: hsl(124, 39.0%, 79.7%);
    --relay-colors-grass-light-7: hsl(126, 37.1%, 70.2%);
    --relay-colors-grass-light-8: hsl(131, 38.1%, 56.3%);
    --relay-colors-grass-light-9: hsl(131, 41.0%, 46.5%);
    --relay-colors-grass-light-10: hsl(132, 43.1%, 42.2%);
    --relay-colors-grass-light-11: hsl(133, 50.0%, 32.5%);
    --relay-colors-grass-light-12: hsl(130, 30.0%, 14.9%);
    --relay-colors-grass-light-a-1: hsla(120, 94.9%, 38.7%, 0.016);
    --relay-colors-grass-light-a-2: hsla(120, 94.9%, 38.7%, 0.048);
    --relay-colors-grass-light-a-3: hsla(120, 98.0%, 35.5%, 0.079);
    --relay-colors-grass-light-a-4: hsla(120, 98.7%, 31.5%, 0.126);
    --relay-colors-grass-light-a-5: hsla(122, 98.5%, 29.9%, 0.193);
    --relay-colors-grass-light-a-6: hsla(125, 99.2%, 27.9%, 0.283);
    --relay-colors-grass-light-a-7: hsla(125, 99.9%, 27.0%, 0.408);
    --relay-colors-grass-light-a-8: hsla(131, 100%, 27.6%, 0.604);
    --relay-colors-grass-light-a-9: hsla(131, 99.7%, 26.3%, 0.726);
    --relay-colors-grass-light-a-10: hsla(132, 99.9%, 24.0%, 0.761);
    --relay-colors-grass-light-a-11: hsla(133, 99.5%, 19.5%, 0.840);
    --relay-colors-grass-light-a-12: hsla(128, 98.0%, 4.9%, 0.895);
    --relay-colors-grass-dark-1: hsl(146, 30.0%, 7.4%);
    --relay-colors-grass-dark-2: hsl(136, 33.3%, 8.8%);
    --relay-colors-grass-dark-3: hsl(137, 36.0%, 11.4%);
    --relay-colors-grass-dark-4: hsl(137, 37.6%, 13.7%);
    --relay-colors-grass-dark-5: hsl(136, 38.7%, 16.0%);
    --relay-colors-grass-dark-6: hsl(135, 39.6%, 19.1%);
    --relay-colors-grass-dark-7: hsl(134, 40.3%, 23.8%);
    --relay-colors-grass-dark-8: hsl(131, 40.1%, 30.8%);
    --relay-colors-grass-dark-9: hsl(131, 41.0%, 46.5%);
    --relay-colors-grass-dark-10: hsl(131, 39.0%, 52.1%);
    --relay-colors-grass-dark-11: hsl(131, 43.0%, 57.2%);
    --relay-colors-grass-dark-12: hsl(137, 72.0%, 94.0%);
    --relay-colors-grass-dark-a-1: hsla(0, 0%, 0%, 0);
    --relay-colors-grass-dark-a-2: hsla(107, 97.2%, 61.9%, 0.022);
    --relay-colors-grass-dark-a-3: hsla(128, 96.5%, 69.8%, 0.066);
    --relay-colors-grass-dark-a-4: hsla(130, 100%, 70.2%, 0.100);
    --relay-colors-grass-dark-a-5: hsla(130, 98.2%, 69.1%, 0.140);
    --relay-colors-grass-dark-a-6: hsla(132, 99.9%, 69.3%, 0.187);
    --relay-colors-grass-dark-a-7: hsla(132, 99.9%, 69.8%, 0.261);
    --relay-colors-grass-dark-a-8: hsla(130, 99.6%, 70.5%, 0.370);
    --relay-colors-grass-dark-a-9: hsla(130, 99.7%, 70.6%, 0.618);
    --relay-colors-grass-dark-a-10: hsla(131, 100%, 73.5%, 0.674);
    --relay-colors-grass-dark-a-11: hsla(130, 99.7%, 75.6%, 0.731);
    --relay-colors-grass-dark-a-12: hsla(137, 100%, 95.8%, 0.980);
    --relay-colors-grass-a-1: var(--relay-colors-grass-light-a-1);
    --relay-colors-grass-a-2: var(--relay-colors-grass-light-a-2);
    --relay-colors-grass-a-3: var(--relay-colors-grass-light-a-3);
    --relay-colors-grass-a-4: var(--relay-colors-grass-light-a-4);
    --relay-colors-grass-a-5: var(--relay-colors-grass-light-a-5);
    --relay-colors-grass-a-6: var(--relay-colors-grass-light-a-6);
    --relay-colors-grass-a-7: var(--relay-colors-grass-light-a-7);
    --relay-colors-grass-a-8: var(--relay-colors-grass-light-a-8);
    --relay-colors-grass-a-9: var(--relay-colors-grass-light-a-9);
    --relay-colors-grass-a-10: var(--relay-colors-grass-light-a-10);
    --relay-colors-grass-a-11: var(--relay-colors-grass-light-a-11);
    --relay-colors-grass-a-12: var(--relay-colors-grass-light-a-12);
    --relay-colors-gray-1: var(--relay-colors-gray-light-1);
    --relay-colors-gray-2: var(--relay-colors-gray-light-2);
    --relay-colors-gray-3: var(--relay-colors-gray-light-3);
    --relay-colors-gray-4: var(--relay-colors-gray-light-4);
    --relay-colors-gray-5: var(--relay-colors-gray-light-5);
    --relay-colors-gray-6: var(--relay-colors-gray-light-6);
    --relay-colors-gray-7: var(--relay-colors-gray-light-7);
    --relay-colors-gray-8: var(--relay-colors-gray-light-8);
    --relay-colors-gray-9: var(--relay-colors-gray-light-9);
    --relay-colors-gray-10: var(--relay-colors-gray-light-10);
    --relay-colors-gray-11: var(--relay-colors-gray-light-11);
    --relay-colors-gray-12: var(--relay-colors-gray-light-12);
    --relay-colors-gray-light-1: hsl(0, 0%, 99.0%);
    --relay-colors-gray-light-2: hsl(0, 0%, 97.3%);
    --relay-colors-gray-light-3: hsl(0, 0%, 95.1%);
    --relay-colors-gray-light-4: hsl(0, 0%, 93.0%);
    --relay-colors-gray-light-5: hsl(0, 0%, 90.9%);
    --relay-colors-gray-light-6: hsl(0, 0%, 88.7%);
    --relay-colors-gray-light-7: hsl(0, 0%, 85.8%);
    --relay-colors-gray-light-8: hsl(0, 0%, 78.0%);
    --relay-colors-gray-light-9: hsl(0, 0%, 56.1%);
    --relay-colors-gray-light-10: hsl(0, 0%, 52.3%);
    --relay-colors-gray-light-11: hsl(0, 0%, 43.5%);
    --relay-colors-gray-light-12: hsl(0, 0%, 9.0%);
    --relay-colors-gray-light-a-1: hsla(0, 0%, 0%, 0.012);
    --relay-colors-gray-light-a-2: hsla(0, 0%, 0%, 0.027);
    --relay-colors-gray-light-a-3: hsla(0, 0%, 0%, 0.047);
    --relay-colors-gray-light-a-4: hsla(0, 0%, 0%, 0.071);
    --relay-colors-gray-light-a-5: hsla(0, 0%, 0%, 0.090);
    --relay-colors-gray-light-a-6: hsla(0, 0%, 0%, 0.114);
    --relay-colors-gray-light-a-7: hsla(0, 0%, 0%, 0.141);
    --relay-colors-gray-light-a-8: hsla(0, 0%, 0%, 0.220);
    --relay-colors-gray-light-a-9: hsla(0, 0%, 0%, 0.439);
    --relay-colors-gray-light-a-10: hsla(0, 0%, 0%, 0.478);
    --relay-colors-gray-light-a-11: hsla(0, 0%, 0%, 0.565);
    --relay-colors-gray-light-a-12: hsla(0, 0%, 0%, 0.910);
    --relay-colors-gray-dark-1: hsl(0, 0%, 8.5%);
    --relay-colors-gray-dark-2: hsl(0, 0%, 11.0%);
    --relay-colors-gray-dark-3: hsl(0, 0%, 13.6%);
    --relay-colors-gray-dark-4: hsl(0, 0%, 15.8%);
    --relay-colors-gray-dark-5: hsl(0, 0%, 17.9%);
    --relay-colors-gray-dark-6: hsl(0, 0%, 20.5%);
    --relay-colors-gray-dark-7: hsl(0, 0%, 24.3%);
    --relay-colors-gray-dark-8: hsl(0, 0%, 31.2%);
    --relay-colors-gray-dark-9: hsl(0, 0%, 43.9%);
    --relay-colors-gray-dark-10: hsl(0, 0%, 49.4%);
    --relay-colors-gray-dark-11: hsl(0, 0%, 62.8%);
    --relay-colors-gray-dark-12: hsl(0, 0%, 93.0%);
    --relay-colors-gray-dark-a-1: hsla(0, 0%, 100%, 0);
    --relay-colors-gray-dark-a-2: hsla(0, 0%, 100%, 0.026);
    --relay-colors-gray-dark-a-3: hsla(0, 0%, 100%, 0.056);
    --relay-colors-gray-dark-a-4: hsla(0, 0%, 100%, 0.077);
    --relay-colors-gray-dark-a-5: hsla(0, 0%, 100%, 0.103);
    --relay-colors-gray-dark-a-6: hsla(0, 0%, 100%, 0.129);
    --relay-colors-gray-dark-a-7: hsla(0, 0%, 100%, 0.172);
    --relay-colors-gray-dark-a-8: hsla(0, 0%, 100%, 0.249);
    --relay-colors-gray-dark-a-9: hsla(0, 0%, 100%, 0.386);
    --relay-colors-gray-dark-a-10: hsla(0, 0%, 100%, 0.446);
    --relay-colors-gray-dark-a-11: hsla(0, 0%, 100%, 0.592);
    --relay-colors-gray-dark-a-12: hsla(0, 0%, 100%, 0.923);
    --relay-colors-gray-a-1: var(--relay-colors-gray-light-a-1);
    --relay-colors-gray-a-2: var(--relay-colors-gray-light-a-2);
    --relay-colors-gray-a-3: var(--relay-colors-gray-light-a-3);
    --relay-colors-gray-a-4: var(--relay-colors-gray-light-a-4);
    --relay-colors-gray-a-5: var(--relay-colors-gray-light-a-5);
    --relay-colors-gray-a-6: var(--relay-colors-gray-light-a-6);
    --relay-colors-gray-a-7: var(--relay-colors-gray-light-a-7);
    --relay-colors-gray-a-8: var(--relay-colors-gray-light-a-8);
    --relay-colors-gray-a-9: var(--relay-colors-gray-light-a-9);
    --relay-colors-gray-a-10: var(--relay-colors-gray-light-a-10);
    --relay-colors-gray-a-11: var(--relay-colors-gray-light-a-11);
    --relay-colors-gray-a-12: var(--relay-colors-gray-light-a-12);
    --relay-colors-slate-1: var(--relay-colors-slate-light-1);
    --relay-colors-slate-2: var(--relay-colors-slate-light-2);
    --relay-colors-slate-3: var(--relay-colors-slate-light-3);
    --relay-colors-slate-4: var(--relay-colors-slate-light-4);
    --relay-colors-slate-5: var(--relay-colors-slate-light-5);
    --relay-colors-slate-6: var(--relay-colors-slate-light-6);
    --relay-colors-slate-7: var(--relay-colors-slate-light-7);
    --relay-colors-slate-8: var(--relay-colors-slate-light-8);
    --relay-colors-slate-9: var(--relay-colors-slate-light-9);
    --relay-colors-slate-10: var(--relay-colors-slate-light-10);
    --relay-colors-slate-11: var(--relay-colors-slate-light-11);
    --relay-colors-slate-12: var(--relay-colors-slate-light-12);
    --relay-colors-slate-light-1: hsl(206, 30.0%, 98.8%);
    --relay-colors-slate-light-2: hsl(210, 16.7%, 97.6%);
    --relay-colors-slate-light-3: hsl(209, 13.3%, 95.3%);
    --relay-colors-slate-light-4: hsl(209, 12.2%, 93.2%);
    --relay-colors-slate-light-5: hsl(208, 11.7%, 91.1%);
    --relay-colors-slate-light-6: hsl(208, 11.3%, 88.9%);
    --relay-colors-slate-light-7: hsl(207, 11.1%, 85.9%);
    --relay-colors-slate-light-8: hsl(205, 10.7%, 78.0%);
    --relay-colors-slate-light-9: hsl(206, 6.0%, 56.1%);
    --relay-colors-slate-light-10: hsl(206, 5.8%, 52.3%);
    --relay-colors-slate-light-11: hsl(206, 6.0%, 43.5%);
    --relay-colors-slate-light-12: hsl(206, 24.0%, 9.0%);
    --relay-colors-slate-light-a-1: hsla(210, 92.6%, 26.5%, 0.016);
    --relay-colors-slate-light-a-2: hsla(210, 87.7%, 16.0%, 0.028);
    --relay-colors-slate-light-a-3: hsla(210, 98.8%, 14.4%, 0.055);
    --relay-colors-slate-light-a-4: hsla(210, 94.1%, 11.1%, 0.075);
    --relay-colors-slate-light-a-5: hsla(216, 91.1%, 10.9%, 0.099);
    --relay-colors-slate-light-a-6: hsla(206, 96.4%, 11.3%, 0.126);
    --relay-colors-slate-light-a-7: hsla(210, 99.1%, 10.1%, 0.157);
    --relay-colors-slate-light-a-8: hsla(205, 96.5%, 10.0%, 0.244);
    --relay-colors-slate-light-a-9: hsla(206, 98.8%, 5.9%, 0.467);
    --relay-colors-slate-light-a-10: hsla(206, 99.6%, 5.4%, 0.506);
    --relay-colors-slate-light-a-11: hsla(206, 97.0%, 4.8%, 0.593);
    --relay-colors-slate-light-a-12: hsla(202, 97.0%, 2.4%, 0.934);
    --relay-colors-slate-dark-1: hsl(200, 7.0%, 8.8%);
    --relay-colors-slate-dark-2: hsl(195, 7.1%, 11.0%);
    --relay-colors-slate-dark-3: hsl(197, 6.8%, 13.6%);
    --relay-colors-slate-dark-4: hsl(198, 6.6%, 15.8%);
    --relay-colors-slate-dark-5: hsl(199, 6.4%, 17.9%);
    --relay-colors-slate-dark-6: hsl(201, 6.2%, 20.5%);
    --relay-colors-slate-dark-7: hsl(203, 6.0%, 24.3%);
    --relay-colors-slate-dark-8: hsl(207, 5.6%, 31.6%);
    --relay-colors-slate-dark-9: hsl(206, 6.0%, 43.9%);
    --relay-colors-slate-dark-10: hsl(206, 5.2%, 49.5%);
    --relay-colors-slate-dark-11: hsl(206, 6.0%, 63.0%);
    --relay-colors-slate-dark-12: hsl(210, 6.0%, 93.0%);
    --relay-colors-slate-dark-a-1: hsla(0, 0%, 0%, 0);
    --relay-colors-slate-dark-a-2: hsla(181, 98.9%, 91.8%, 0.026);
    --relay-colors-slate-dark-a-3: hsla(182, 86.7%, 91.4%, 0.057);
    --relay-colors-slate-dark-a-4: hsla(209, 86.7%, 93.9%, 0.083);
    --relay-colors-slate-dark-a-5: hsla(200, 90.3%, 93.4%, 0.109);
    --relay-colors-slate-dark-a-6: hsla(209, 95.3%, 93.5%, 0.139);
    --relay-colors-slate-dark-a-7: hsla(204, 98.5%, 93.9%, 0.182);
    --relay-colors-slate-dark-a-8: hsla(209, 94.0%, 94.7%, 0.265);
    --relay-colors-slate-dark-a-9: hsla(207, 97.3%, 94.0%, 0.412);
    --relay-colors-slate-dark-a-10: hsla(209, 99.4%, 95.2%, 0.472);
    --relay-colors-slate-dark-a-11: hsla(208, 98.7%, 96.8%, 0.615);
    --relay-colors-slate-dark-a-12: hsla(211, 86.7%, 99.6%, 0.927);
    --relay-colors-slate-a-1: var(--relay-colors-slate-light-a-1);
    --relay-colors-slate-a-2: var(--relay-colors-slate-light-a-2);
    --relay-colors-slate-a-3: var(--relay-colors-slate-light-a-3);
    --relay-colors-slate-a-4: var(--relay-colors-slate-light-a-4);
    --relay-colors-slate-a-5: var(--relay-colors-slate-light-a-5);
    --relay-colors-slate-a-6: var(--relay-colors-slate-light-a-6);
    --relay-colors-slate-a-7: var(--relay-colors-slate-light-a-7);
    --relay-colors-slate-a-8: var(--relay-colors-slate-light-a-8);
    --relay-colors-slate-a-9: var(--relay-colors-slate-light-a-9);
    --relay-colors-slate-a-10: var(--relay-colors-slate-light-a-10);
    --relay-colors-slate-a-11: var(--relay-colors-slate-light-a-11);
    --relay-colors-slate-a-12: var(--relay-colors-slate-light-a-12);
    --relay-colors-tomato-1: var(--relay-colors-tomato-light-1);
    --relay-colors-tomato-2: var(--relay-colors-tomato-light-2);
    --relay-colors-tomato-3: var(--relay-colors-tomato-light-3);
    --relay-colors-tomato-4: var(--relay-colors-tomato-light-4);
    --relay-colors-tomato-5: var(--relay-colors-tomato-light-5);
    --relay-colors-tomato-6: var(--relay-colors-tomato-light-6);
    --relay-colors-tomato-7: var(--relay-colors-tomato-light-7);
    --relay-colors-tomato-8: var(--relay-colors-tomato-light-8);
    --relay-colors-tomato-9: var(--relay-colors-tomato-light-9);
    --relay-colors-tomato-10: var(--relay-colors-tomato-light-10);
    --relay-colors-tomato-11: var(--relay-colors-tomato-light-11);
    --relay-colors-tomato-12: var(--relay-colors-tomato-light-12);
    --relay-colors-tomato-light-1: hsl(10, 100%, 99.4%);
    --relay-colors-tomato-light-2: hsl(8, 100%, 98.4%);
    --relay-colors-tomato-light-3: hsl(8, 100%, 96.6%);
    --relay-colors-tomato-light-4: hsl(8, 100%, 94.3%);
    --relay-colors-tomato-light-5: hsl(8, 92.8%, 91.0%);
    --relay-colors-tomato-light-6: hsl(9, 84.7%, 86.3%);
    --relay-colors-tomato-light-7: hsl(10, 77.3%, 79.5%);
    --relay-colors-tomato-light-8: hsl(10, 71.6%, 71.0%);
    --relay-colors-tomato-light-9: hsl(10, 78.0%, 54.0%);
    --relay-colors-tomato-light-10: hsl(10, 71.5%, 50.0%);
    --relay-colors-tomato-light-11: hsl(10, 82.0%, 43.5%);
    --relay-colors-tomato-light-12: hsl(10, 50.0%, 13.5%);
    --relay-colors-tomato-light-a-1: hsla(0, 100%, 51.0%, 0.012);
    --relay-colors-tomato-light-a-2: hsla(8, 100%, 51.0%, 0.032);
    --relay-colors-tomato-light-a-3: hsla(7, 100%, 50.2%, 0.067);
    --relay-colors-tomato-light-a-4: hsla(8, 100%, 50.1%, 0.114);
    --relay-colors-tomato-light-a-5: hsla(7, 99.5%, 47.9%, 0.173);
    --relay-colors-tomato-light-a-6: hsla(9, 99.9%, 46.2%, 0.255);
    --relay-colors-tomato-light-a-7: hsla(10, 99.8%, 43.6%, 0.365);
    --relay-colors-tomato-light-a-8: hsla(10, 99.5%, 41.8%, 0.499);
    --relay-colors-tomato-light-a-9: hsla(10, 99.9%, 43.8%, 0.820);
    --relay-colors-tomato-light-a-10: hsla(10, 100%, 41.8%, 0.859);
    --relay-colors-tomato-light-a-11: hsla(10, 99.9%, 38.8%, 0.922);
    --relay-colors-tomato-light-a-12: hsla(10, 99.0%, 7.4%, 0.934);
    --relay-colors-tomato-dark-1: hsl(10, 23.0%, 9.4%);
    --relay-colors-tomato-dark-2: hsl(9, 44.8%, 11.4%);
    --relay-colors-tomato-dark-3: hsl(8, 52.0%, 15.3%);
    --relay-colors-tomato-dark-4: hsl(7, 56.3%, 18.0%);
    --relay-colors-tomato-dark-5: hsl(7, 60.1%, 20.6%);
    --relay-colors-tomato-dark-6: hsl(8, 64.8%, 24.0%);
    --relay-colors-tomato-dark-7: hsl(8, 71.2%, 29.1%);
    --relay-colors-tomato-dark-8: hsl(10, 80.2%, 35.7%);
    --relay-colors-tomato-dark-9: hsl(10, 78.0%, 54.0%);
    --relay-colors-tomato-dark-10: hsl(10, 81.7%, 59.0%);
    --relay-colors-tomato-dark-11: hsl(10, 85.0%, 62.8%);
    --relay-colors-tomato-dark-12: hsl(10, 89.0%, 96.0%);
    --relay-colors-tomato-dark-a-1: hsla(0, 0%, 0%, 0);
    --relay-colors-tomato-dark-a-2: hsla(5, 100%, 49.6%, 0.058);
    --relay-colors-tomato-dark-a-3: hsla(6, 99.6%, 54.9%, 0.133);
    --relay-colors-tomato-dark-a-4: hsla(6, 99.2%, 55.4%, 0.191);
    --relay-colors-tomato-dark-a-5: hsla(6, 99.5%, 55.8%, 0.244);
    --relay-colors-tomato-dark-a-6: hsla(7, 99.7%, 55.9%, 0.319);
    --relay-colors-tomato-dark-a-7: hsla(8, 99.8%, 54.8%, 0.434);
    --relay-colors-tomato-dark-a-8: hsla(10, 99.8%, 53.5%, 0.598);
    --relay-colors-tomato-dark-a-9: hsla(10, 100%, 59.7%, 0.885);
    --relay-colors-tomato-dark-a-10: hsla(10, 100%, 63.6%, 0.916);
    --relay-colors-tomato-dark-a-11: hsla(10, 99.7%, 66.4%, 0.939);
    --relay-colors-tomato-dark-a-12: hsla(12, 100%, 97.1%, 0.980);
    --relay-colors-tomato-a-1: var(--relay-colors-tomato-light-a-1);
    --relay-colors-tomato-a-2: var(--relay-colors-tomato-light-a-2);
    --relay-colors-tomato-a-3: var(--relay-colors-tomato-light-a-3);
    --relay-colors-tomato-a-4: var(--relay-colors-tomato-light-a-4);
    --relay-colors-tomato-a-5: var(--relay-colors-tomato-light-a-5);
    --relay-colors-tomato-a-6: var(--relay-colors-tomato-light-a-6);
    --relay-colors-tomato-a-7: var(--relay-colors-tomato-light-a-7);
    --relay-colors-tomato-a-8: var(--relay-colors-tomato-light-a-8);
    --relay-colors-tomato-a-9: var(--relay-colors-tomato-light-a-9);
    --relay-colors-tomato-a-10: var(--relay-colors-tomato-light-a-10);
    --relay-colors-tomato-a-11: var(--relay-colors-tomato-light-a-11);
    --relay-colors-tomato-a-12: var(--relay-colors-tomato-light-a-12);
    --relay-colors-yellow-1: var(--relay-colors-yellow-light-1);
    --relay-colors-yellow-2: var(--relay-colors-yellow-light-2);
    --relay-colors-yellow-3: var(--relay-colors-yellow-light-3);
    --relay-colors-yellow-4: var(--relay-colors-yellow-light-4);
    --relay-colors-yellow-5: var(--relay-colors-yellow-light-5);
    --relay-colors-yellow-6: var(--relay-colors-yellow-light-6);
    --relay-colors-yellow-7: var(--relay-colors-yellow-light-7);
    --relay-colors-yellow-8: var(--relay-colors-yellow-light-8);
    --relay-colors-yellow-9: var(--relay-colors-yellow-light-9);
    --relay-colors-yellow-10: var(--relay-colors-yellow-light-10);
    --relay-colors-yellow-11: var(--relay-colors-yellow-light-11);
    --relay-colors-yellow-12: var(--relay-colors-yellow-light-12);
    --relay-colors-yellow-light-1: hsl(60, 54.0%, 98.5%);
    --relay-colors-yellow-light-2: hsl(52, 100%, 95.5%);
    --relay-colors-yellow-light-3: hsl(55, 100%, 90.9%);
    --relay-colors-yellow-light-4: hsl(54, 100%, 86.6%);
    --relay-colors-yellow-light-5: hsl(52, 97.9%, 82.0%);
    --relay-colors-yellow-light-6: hsl(50, 89.4%, 76.1%);
    --relay-colors-yellow-light-7: hsl(47, 80.4%, 68.0%);
    --relay-colors-yellow-light-8: hsl(48, 100%, 46.1%);
    --relay-colors-yellow-light-9: hsl(53, 92.0%, 50.0%);
    --relay-colors-yellow-light-10: hsl(50, 100%, 48.5%);
    --relay-colors-yellow-light-11: hsl(42, 100%, 29.0%);
    --relay-colors-yellow-light-12: hsl(40, 55.0%, 13.5%);
    --relay-colors-yellow-light-a-1: hsla(60, 94.3%, 34.6%, 0.024);
    --relay-colors-yellow-light-a-2: hsla(52, 100%, 50.4%, 0.091);
    --relay-colors-yellow-light-a-3: hsla(55, 100%, 50.2%, 0.181);
    --relay-colors-yellow-light-a-4: hsla(54, 100%, 50.1%, 0.267);
    --relay-colors-yellow-light-a-5: hsla(52, 99.9%, 49.5%, 0.357);
    --relay-colors-yellow-light-a-6: hsla(50, 100%, 47.4%, 0.451);
    --relay-colors-yellow-light-a-7: hsla(47, 99.8%, 44.6%, 0.577);
    --relay-colors-yellow-light-a-8: hsla(48, 100%, 46.0%, 0.980);
    --relay-colors-yellow-light-a-9: hsla(53, 100%, 48.0%, 0.961);
    --relay-colors-yellow-light-a-10: hsla(50, 100%, 48.4%, 0.980);
    --relay-colors-yellow-light-a-11: hsla(42, 100%, 28.6%, 0.980);
    --relay-colors-yellow-light-a-12: hsla(41, 98.9%, 8.0%, 0.942);
    --relay-colors-yellow-dark-1: hsl(45, 100%, 5.5%);
    --relay-colors-yellow-dark-2: hsl(46, 100%, 6.7%);
    --relay-colors-yellow-dark-3: hsl(45, 100%, 8.7%);
    --relay-colors-yellow-dark-4: hsl(45, 100%, 10.4%);
    --relay-colors-yellow-dark-5: hsl(47, 100%, 12.1%);
    --relay-colors-yellow-dark-6: hsl(49, 100%, 14.3%);
    --relay-colors-yellow-dark-7: hsl(49, 90.3%, 18.4%);
    --relay-colors-yellow-dark-8: hsl(50, 100%, 22.0%);
    --relay-colors-yellow-dark-9: hsl(53, 92.0%, 50.0%);
    --relay-colors-yellow-dark-10: hsl(54, 100%, 68.0%);
    --relay-colors-yellow-dark-11: hsl(48, 100%, 47.0%);
    --relay-colors-yellow-dark-12: hsl(53, 100%, 91.0%);
    --relay-colors-yellow-dark-a-1: hsla(0, 0%, 0%, 0);
    --relay-colors-yellow-dark-a-2: hsla(49, 100%, 49.1%, 0.027);
    --relay-colors-yellow-dark-a-3: hsla(45, 100%, 49.7%, 0.071);
    --relay-colors-yellow-dark-a-4: hsla(46, 100%, 49.7%, 0.111);
    --relay-colors-yellow-dark-a-5: hsla(47, 100%, 49.9%, 0.150);
    --relay-colors-yellow-dark-a-6: hsla(51, 100%, 49.8%, 0.199);
    --relay-colors-yellow-dark-a-7: hsla(51, 99.8%, 53.6%, 0.269);
    --relay-colors-yellow-dark-a-8: hsla(51, 100%, 49.9%, 0.371);
    --relay-colors-yellow-dark-a-9: hsla(53, 100%, 52.0%, 0.956);
    --relay-colors-yellow-dark-a-10: hsla(56, 100%, 68.4%, 0.980);
    --relay-colors-yellow-dark-a-11: hsla(48, 100%, 50.0%, 0.934);
    --relay-colors-yellow-dark-a-12: hsla(60, 100%, 91.8%, 0.980);
    --relay-colors-yellow-a-1: var(--relay-colors-yellow-light-a-1);
    --relay-colors-yellow-a-2: var(--relay-colors-yellow-light-a-2);
    --relay-colors-yellow-a-3: var(--relay-colors-yellow-light-a-3);
    --relay-colors-yellow-a-4: var(--relay-colors-yellow-light-a-4);
    --relay-colors-yellow-a-5: var(--relay-colors-yellow-light-a-5);
    --relay-colors-yellow-a-6: var(--relay-colors-yellow-light-a-6);
    --relay-colors-yellow-a-7: var(--relay-colors-yellow-light-a-7);
    --relay-colors-yellow-a-8: var(--relay-colors-yellow-light-a-8);
    --relay-colors-yellow-a-9: var(--relay-colors-yellow-light-a-9);
    --relay-colors-yellow-a-10: var(--relay-colors-yellow-light-a-10);
    --relay-colors-yellow-a-11: var(--relay-colors-yellow-light-a-11);
    --relay-colors-yellow-a-12: var(--relay-colors-yellow-light-a-12);
    --relay-colors-prose-body: var(--relay-colors-slate-12);
}

:where(.dark, [data-theme="dark"]):not(#\#):not(#\#) {
    --relay-colors-primary1: var(--relay-colors-violet-dark-1);
    --relay-colors-primary2: var(--relay-colors-violet-dark-2);
    --relay-colors-primary3: var(--relay-colors-violet-dark-3);
    --relay-colors-primary4: var(--relay-colors-violet-dark-4);
    --relay-colors-primary5: var(--relay-colors-violet-dark-5);
    --relay-colors-primary6: var(--relay-colors-violet-dark-6);
    --relay-colors-primary7: var(--relay-colors-violet-dark-7);
    --relay-colors-primary8: var(--relay-colors-violet-dark-8);
    --relay-colors-primary9: var(--relay-colors-violet-dark-9);
    --relay-colors-primary10: var(--relay-colors-violet-dark-10);
    --relay-colors-primary11: var(--relay-colors-violet-dark-11);
    --relay-colors-primary12: var(--relay-colors-violet-dark-12);
    --relay-colors-widget-background: var(--relay-colors-gray-1);
    --relay-colors-modal-background: var(--relay-colors-gray-1);
    --relay-colors-amber-1: var(--relay-colors-amber-dark-1);
    --relay-colors-amber-2: var(--relay-colors-amber-dark-2);
    --relay-colors-amber-3: var(--relay-colors-amber-dark-3);
    --relay-colors-amber-4: var(--relay-colors-amber-dark-4);
    --relay-colors-amber-5: var(--relay-colors-amber-dark-5);
    --relay-colors-amber-6: var(--relay-colors-amber-dark-6);
    --relay-colors-amber-7: var(--relay-colors-amber-dark-7);
    --relay-colors-amber-8: var(--relay-colors-amber-dark-8);
    --relay-colors-amber-9: var(--relay-colors-amber-dark-9);
    --relay-colors-amber-10: var(--relay-colors-amber-dark-10);
    --relay-colors-amber-11: var(--relay-colors-amber-dark-11);
    --relay-colors-amber-12: var(--relay-colors-amber-dark-12);
    --relay-colors-amber-a-1: var(--relay-colors-amber-dark-a-1);
    --relay-colors-amber-a-2: var(--relay-colors-amber-dark-a-2);
    --relay-colors-amber-a-3: var(--relay-colors-amber-dark-a-3);
    --relay-colors-amber-a-4: var(--relay-colors-amber-dark-a-4);
    --relay-colors-amber-a-5: var(--relay-colors-amber-dark-a-5);
    --relay-colors-amber-a-6: var(--relay-colors-amber-dark-a-6);
    --relay-colors-amber-a-7: var(--relay-colors-amber-dark-a-7);
    --relay-colors-amber-a-8: var(--relay-colors-amber-dark-a-8);
    --relay-colors-amber-a-9: var(--relay-colors-amber-dark-a-9);
    --relay-colors-amber-a-10: var(--relay-colors-amber-dark-a-10);
    --relay-colors-amber-a-11: var(--relay-colors-amber-dark-a-11);
    --relay-colors-amber-a-12: var(--relay-colors-amber-dark-a-12);
    --relay-colors-blue-1: var(--relay-colors-blue-dark-1);
    --relay-colors-blue-2: var(--relay-colors-blue-dark-2);
    --relay-colors-blue-3: var(--relay-colors-blue-dark-3);
    --relay-colors-blue-4: var(--relay-colors-blue-dark-4);
    --relay-colors-blue-5: var(--relay-colors-blue-dark-5);
    --relay-colors-blue-6: var(--relay-colors-blue-dark-6);
    --relay-colors-blue-7: var(--relay-colors-blue-dark-7);
    --relay-colors-blue-8: var(--relay-colors-blue-dark-8);
    --relay-colors-blue-9: var(--relay-colors-blue-dark-9);
    --relay-colors-blue-10: var(--relay-colors-blue-dark-10);
    --relay-colors-blue-11: var(--relay-colors-blue-dark-11);
    --relay-colors-blue-12: var(--relay-colors-blue-dark-12);
    --relay-colors-blue-a-1: var(--relay-colors-blue-dark-a-1);
    --relay-colors-blue-a-2: var(--relay-colors-blue-dark-a-2);
    --relay-colors-blue-a-3: var(--relay-colors-blue-dark-a-3);
    --relay-colors-blue-a-4: var(--relay-colors-blue-dark-a-4);
    --relay-colors-blue-a-5: var(--relay-colors-blue-dark-a-5);
    --relay-colors-blue-a-6: var(--relay-colors-blue-dark-a-6);
    --relay-colors-blue-a-7: var(--relay-colors-blue-dark-a-7);
    --relay-colors-blue-a-8: var(--relay-colors-blue-dark-a-8);
    --relay-colors-blue-a-9: var(--relay-colors-blue-dark-a-9);
    --relay-colors-blue-a-10: var(--relay-colors-blue-dark-a-10);
    --relay-colors-blue-a-11: var(--relay-colors-blue-dark-a-11);
    --relay-colors-blue-a-12: var(--relay-colors-blue-dark-a-12);
    --relay-colors-grass-1: var(--relay-colors-grass-dark-1);
    --relay-colors-grass-2: var(--relay-colors-grass-dark-2);
    --relay-colors-grass-3: var(--relay-colors-grass-dark-3);
    --relay-colors-grass-4: var(--relay-colors-grass-dark-4);
    --relay-colors-grass-5: var(--relay-colors-grass-dark-5);
    --relay-colors-grass-6: var(--relay-colors-grass-dark-6);
    --relay-colors-grass-7: var(--relay-colors-grass-dark-7);
    --relay-colors-grass-8: var(--relay-colors-grass-dark-8);
    --relay-colors-grass-9: var(--relay-colors-grass-dark-9);
    --relay-colors-grass-10: var(--relay-colors-grass-dark-10);
    --relay-colors-grass-11: var(--relay-colors-grass-dark-11);
    --relay-colors-grass-12: var(--relay-colors-grass-dark-12);
    --relay-colors-grass-a-1: var(--relay-colors-grass-dark-a-1);
    --relay-colors-grass-a-2: var(--relay-colors-grass-dark-a-2);
    --relay-colors-grass-a-3: var(--relay-colors-grass-dark-a-3);
    --relay-colors-grass-a-4: var(--relay-colors-grass-dark-a-4);
    --relay-colors-grass-a-5: var(--relay-colors-grass-dark-a-5);
    --relay-colors-grass-a-6: var(--relay-colors-grass-dark-a-6);
    --relay-colors-grass-a-7: var(--relay-colors-grass-dark-a-7);
    --relay-colors-grass-a-8: var(--relay-colors-grass-dark-a-8);
    --relay-colors-grass-a-9: var(--relay-colors-grass-dark-a-9);
    --relay-colors-grass-a-10: var(--relay-colors-grass-dark-a-10);
    --relay-colors-grass-a-11: var(--relay-colors-grass-dark-a-11);
    --relay-colors-grass-a-12: var(--relay-colors-grass-dark-a-12);
    --relay-colors-gray-1: var(--relay-colors-gray-dark-1);
    --relay-colors-gray-2: var(--relay-colors-gray-dark-2);
    --relay-colors-gray-3: var(--relay-colors-gray-dark-3);
    --relay-colors-gray-4: var(--relay-colors-gray-dark-4);
    --relay-colors-gray-5: var(--relay-colors-gray-dark-5);
    --relay-colors-gray-6: var(--relay-colors-gray-dark-6);
    --relay-colors-gray-7: var(--relay-colors-gray-dark-7);
    --relay-colors-gray-8: var(--relay-colors-gray-dark-8);
    --relay-colors-gray-9: var(--relay-colors-gray-dark-9);
    --relay-colors-gray-10: var(--relay-colors-gray-dark-10);
    --relay-colors-gray-11: var(--relay-colors-gray-dark-11);
    --relay-colors-gray-12: var(--relay-colors-gray-dark-12);
    --relay-colors-gray-a-1: var(--relay-colors-gray-dark-a-1);
    --relay-colors-gray-a-2: var(--relay-colors-gray-dark-a-2);
    --relay-colors-gray-a-3: var(--relay-colors-gray-dark-a-3);
    --relay-colors-gray-a-4: var(--relay-colors-gray-dark-a-4);
    --relay-colors-gray-a-5: var(--relay-colors-gray-dark-a-5);
    --relay-colors-gray-a-6: var(--relay-colors-gray-dark-a-6);
    --relay-colors-gray-a-7: var(--relay-colors-gray-dark-a-7);
    --relay-colors-gray-a-8: var(--relay-colors-gray-dark-a-8);
    --relay-colors-gray-a-9: var(--relay-colors-gray-dark-a-9);
    --relay-colors-gray-a-10: var(--relay-colors-gray-dark-a-10);
    --relay-colors-gray-a-11: var(--relay-colors-gray-dark-a-11);
    --relay-colors-gray-a-12: var(--relay-colors-gray-dark-a-12);
    --relay-colors-slate-1: var(--relay-colors-slate-dark-1);
    --relay-colors-slate-2: var(--relay-colors-slate-dark-2);
    --relay-colors-slate-3: var(--relay-colors-slate-dark-3);
    --relay-colors-slate-4: var(--relay-colors-slate-dark-4);
    --relay-colors-slate-5: var(--relay-colors-slate-dark-5);
    --relay-colors-slate-6: var(--relay-colors-slate-dark-6);
    --relay-colors-slate-7: var(--relay-colors-slate-dark-7);
    --relay-colors-slate-8: var(--relay-colors-slate-dark-8);
    --relay-colors-slate-9: var(--relay-colors-slate-dark-9);
    --relay-colors-slate-10: var(--relay-colors-slate-dark-10);
    --relay-colors-slate-11: var(--relay-colors-slate-dark-11);
    --relay-colors-slate-12: var(--relay-colors-slate-dark-12);
    --relay-colors-slate-a-1: var(--relay-colors-slate-dark-a-1);
    --relay-colors-slate-a-2: var(--relay-colors-slate-dark-a-2);
    --relay-colors-slate-a-3: var(--relay-colors-slate-dark-a-3);
    --relay-colors-slate-a-4: var(--relay-colors-slate-dark-a-4);
    --relay-colors-slate-a-5: var(--relay-colors-slate-dark-a-5);
    --relay-colors-slate-a-6: var(--relay-colors-slate-dark-a-6);
    --relay-colors-slate-a-7: var(--relay-colors-slate-dark-a-7);
    --relay-colors-slate-a-8: var(--relay-colors-slate-dark-a-8);
    --relay-colors-slate-a-9: var(--relay-colors-slate-dark-a-9);
    --relay-colors-slate-a-10: var(--relay-colors-slate-dark-a-10);
    --relay-colors-slate-a-11: var(--relay-colors-slate-dark-a-11);
    --relay-colors-slate-a-12: var(--relay-colors-slate-dark-a-12);
    --relay-colors-tomato-1: var(--relay-colors-tomato-dark-1);
    --relay-colors-tomato-2: var(--relay-colors-tomato-dark-2);
    --relay-colors-tomato-3: var(--relay-colors-tomato-dark-3);
    --relay-colors-tomato-4: var(--relay-colors-tomato-dark-4);
    --relay-colors-tomato-5: var(--relay-colors-tomato-dark-5);
    --relay-colors-tomato-6: var(--relay-colors-tomato-dark-6);
    --relay-colors-tomato-7: var(--relay-colors-tomato-dark-7);
    --relay-colors-tomato-8: var(--relay-colors-tomato-dark-8);
    --relay-colors-tomato-9: var(--relay-colors-tomato-dark-9);
    --relay-colors-tomato-10: var(--relay-colors-tomato-dark-10);
    --relay-colors-tomato-11: var(--relay-colors-tomato-dark-11);
    --relay-colors-tomato-12: var(--relay-colors-tomato-dark-12);
    --relay-colors-tomato-a-1: var(--relay-colors-tomato-dark-a-1);
    --relay-colors-tomato-a-2: var(--relay-colors-tomato-dark-a-2);
    --relay-colors-tomato-a-3: var(--relay-colors-tomato-dark-a-3);
    --relay-colors-tomato-a-4: var(--relay-colors-tomato-dark-a-4);
    --relay-colors-tomato-a-5: var(--relay-colors-tomato-dark-a-5);
    --relay-colors-tomato-a-6: var(--relay-colors-tomato-dark-a-6);
    --relay-colors-tomato-a-7: var(--relay-colors-tomato-dark-a-7);
    --relay-colors-tomato-a-8: var(--relay-colors-tomato-dark-a-8);
    --relay-colors-tomato-a-9: var(--relay-colors-tomato-dark-a-9);
    --relay-colors-tomato-a-10: var(--relay-colors-tomato-dark-a-10);
    --relay-colors-tomato-a-11: var(--relay-colors-tomato-dark-a-11);
    --relay-colors-tomato-a-12: var(--relay-colors-tomato-dark-a-12);
    --relay-colors-yellow-1: var(--relay-colors-yellow-dark-1);
    --relay-colors-yellow-2: var(--relay-colors-yellow-dark-2);
    --relay-colors-yellow-3: var(--relay-colors-yellow-dark-3);
    --relay-colors-yellow-4: var(--relay-colors-yellow-dark-4);
    --relay-colors-yellow-5: var(--relay-colors-yellow-dark-5);
    --relay-colors-yellow-6: var(--relay-colors-yellow-dark-6);
    --relay-colors-yellow-7: var(--relay-colors-yellow-dark-7);
    --relay-colors-yellow-8: var(--relay-colors-yellow-dark-8);
    --relay-colors-yellow-9: var(--relay-colors-yellow-dark-9);
    --relay-colors-yellow-10: var(--relay-colors-yellow-dark-10);
    --relay-colors-yellow-11: var(--relay-colors-yellow-dark-11);
    --relay-colors-yellow-12: var(--relay-colors-yellow-dark-12);
    --relay-colors-yellow-a-1: var(--relay-colors-yellow-dark-a-1);
    --relay-colors-yellow-a-2: var(--relay-colors-yellow-dark-a-2);
    --relay-colors-yellow-a-3: var(--relay-colors-yellow-dark-a-3);
    --relay-colors-yellow-a-4: var(--relay-colors-yellow-dark-a-4);
    --relay-colors-yellow-a-5: var(--relay-colors-yellow-dark-a-5);
    --relay-colors-yellow-a-6: var(--relay-colors-yellow-dark-a-6);
    --relay-colors-yellow-a-7: var(--relay-colors-yellow-dark-a-7);
    --relay-colors-yellow-a-8: var(--relay-colors-yellow-dark-a-8);
    --relay-colors-yellow-a-9: var(--relay-colors-yellow-dark-a-9);
    --relay-colors-yellow-a-10: var(--relay-colors-yellow-dark-a-10);
    --relay-colors-yellow-a-11: var(--relay-colors-yellow-dark-a-11);
    --relay-colors-yellow-a-12: var(--relay-colors-yellow-dark-a-12)
}

.relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
}

.relay-bg_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: none;
}

.relay-px_0\!:not(#\#) {
    padding-inline: 0 !important;
}

.relay-py_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: var(--relay-spacing-1);
}

.relay-h_18:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 18px;
}

.relay-d_flex:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
}

.relay-text_red:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: red;
}

.relay-text_subtleSecondary:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: subtleSecondary;
}

.relay-text_gray9:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray9);
}

.relay-text_ghost:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: ghost;
}

.relay-w_16:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 16px;
}

.relay-h_16:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 16px;
}

.relay-overflow_hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow: hidden;
}

.relay-h_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100%;
}

.relay-gap_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: var(--relay-spacing-4);
}

.relay-gap_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: var(--relay-spacing-2);
}

.relay-pos_relative:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: relative;
}

.relay-d_inline-block:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline-block;
}

.relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-green2);
}

.relay-p_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: var(--relay-spacing-2);
}

.relay-rounded_8:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 8px;
}

.relay-bg_amber2:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-amber2);
}

.relay-text_warning:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: warning;
}

.relay-h_48:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 48px;
}

.relay-pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: absolute;
}

.relay-transform_translateY\(-50\%\):not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: translateY(-50%);
}

.relay-w_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 24px;
}

.relay-h_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 24px;
}

.relay-min-w_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 24px;
}

.relay-min-h_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 24px;
}

.relay-p_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0;
}

.relay-rounded_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 4px;
}

.relay-text_gray8:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray8);
}

.relay-text_\#30A46C:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #30A46C;
}

.relay-text_\#FFA01C:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #FFA01C;
}

.relay-text_\#9CA3AF:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #9CA3AF;
}

.relay-gap_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 6px;
}

.relay-cursor_pointer:not(#\#):not(#\#):not(#\#):not(#\#) {
    cursor: pointer;
}

.relay-px_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 8px;
}

.relay-text_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: transparent;
}

.relay-my_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-block: var(--relay-spacing-4);
}

.relay-text-align_center:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-align: center;
}

.relay-break_break-word:not(#\#):not(#\#):not(#\#):not(#\#) {
    word-break: break-word;
}

.relay-animation_spin_1s_linear_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: spin 1s linear infinite;
}

.relay-fill_primary-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    fill: var(--relay-colors-primary-color);
}

.relay-pos_fixed:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: fixed;
}

.relay---borderColor_colors\.subtle-border-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-subtle-border-color);
}

.relay-border_1px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid var(--borderColor);
}

.relay-p_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: var(--relay-spacing-4);
}

.relay-px_2\!:not(#\#) {
    padding-inline: var(--relay-spacing-2) !important;
}

.relay-gap_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: var(--relay-spacing-1);
}

.relay-min-w_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 0;
}

.relay-rounded_12:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
}

.relay-p_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: var(--relay-spacing-1);
}

.relay-text_amber11:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-amber11);
}

.relay-text_anchor-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-anchor-color);
}

.relay-w_14:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 14px;
}

.relay-h_14:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 14px;
}

.relay-white-space_nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
    white-space: nowrap;
}

.relay-text-overflow_ellipsis:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-overflow: ellipsis;
}

.relay-transition_backdrop-filter_250ms_linear:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: -webkit-backdrop-filter 250ms linear;
    transition: backdrop-filter 250ms linear;
    transition: backdrop-filter 250ms linear, -webkit-backdrop-filter 250ms linear;
}

.relay---borderColor_colors\.gray\.6:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-gray-6);
}

.relay-w_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
}

.relay-py_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 6px;
}

.relay-min-h_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: auto;
}

.relay-min-h_23px:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 23px;
}

.relay-rounded_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 6px;
}

.relay-rounded_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
}

.relay-flex_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex: 1 1;
}

.relay-flex_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex: none;
}

.relay-px_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: var(--relay-spacing-1);
}

.relay-border_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    border: none;
}

.relay-text_white:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: white;
}

.relay-gap_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 4px;
}

.relay-gap_3:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: var(--relay-spacing-3);
}

.relay-w_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 50%;
}

.relay-text_subtle:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: subtle;
}

.relay-text_red11:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-red11);
}

.relay-max-w_190:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 190px;
}

.relay-d_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
}

.relay-max-w_188:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 188px;
}

.relay-min-h_32:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 32px;
}

.relay-py_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: var(--relay-spacing-2);
}

.relay-rounded_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 8px;
}

.relay-p_4px_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 4px 6px;
}

.relay-bg_subtle-background-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-subtle-background-color);
}

.relay-border_1px_solid:not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid;
}

.relay-h_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 36px;
}

.relay-px_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 10px;
}

.relay-text-align_right:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-align: right;
}

.relay-min-h_262px:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 262px;
}

.relay-max-h_90vh:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 90vh;
}

.relay-fill_currentColor:not(#\#):not(#\#):not(#\#):not(#\#) {
    fill: currentColor;
}

.relay-rounded_100px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 100px;
}

.relay-p_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 8px;
}

.relay-w_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 32px;
}

.relay-h_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 32px;
}

.relay-z_10000001:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 10000001;
}

.relay-w_48px:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 48px;
}

.relay-h_48px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 48px;
}

.relay-bg_amber3:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-amber3);
}

.relay-rounded_9999:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 9999px;
}

.relay-p_3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: var(--relay-spacing-3);
}

.relay-bg_gray2:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-gray2);
}

.relay-text_amber9:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-amber9);
}

.relay-w_24:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 24px;
}

.relay-h_24:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 24px;
}

.relay-h_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 14px;
}

.relay-bg_gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-gray3);
}

.relay-px_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 16px;
}

.relay-select_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    -webkit-user-select: none;
    user-select: none;
}

.relay-w_max-content:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: -webkit-max-content;
    width: max-content;
}

.relay---focusColor_colors\.focus-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    --focusColor: var(--relay-colors-focus-color);
}

.relay-text_gray11:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray11);
}

.relay-text_gray12:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray12);
}

.relay-ring_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.relay-transition_background-color_250ms_linear:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: background-color 250ms linear;
}

.relay-d_inline-flex:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline-flex;
}

.relay-text_primary-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-primary-button-color);
}

.relay-text_primary12:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-primary12);
}

.relay-text_text-default:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-text-default);
}

.relay-transition_filter_250ms_linear:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: filter 250ms linear;
}

.relay-rounded_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 0;
}

.relay-rounded_99999:not(#\#):not(#\#):not(#\#):not(#\#),.relay-rounded_99999px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 99999px;
}

.relay-min-h_40:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 40px;
}

.relay-px_3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: var(--relay-spacing-3);
}

.relay-px_5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: var(--relay-spacing-5);
}

.relay-py_3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: var(--relay-spacing-3);
}

.relay-min-h_44:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 44px;
}

.relay-py_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: var(--relay-spacing-4);
}

.relay-min-h_52:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 52px;
}

.relay-token_32:not(#\#):not(#\#):not(#\#):not(#\#) {
    token: 32px;
}

.relay-chain_16:not(#\#):not(#\#):not(#\#):not(#\#) {
    chain: 16px;
}

.relay-rounded_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 4px;
}

.relay-rounded_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 50%;
}

.relay-text_primary8:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-primary8);
}

.relay---borderColor_colors\.modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-modal-background);
}

.relay-inset_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    inset: 0;
}

.relay-rounded_modal-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--relay-radii-modal-border-radius);
}

.relay-border_modal-border:not(#\#):not(#\#):not(#\#):not(#\#) {
    border: var(--relay-borders-modal-border);
}

.relay-min-w_90vw:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 90vw;
}

.relay-max-w_100vw:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 100vw;
}

.relay-max-h_85vh:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 85vh;
}

.relay-sr_true:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.relay-mx_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-inline: var(--relay-spacing-4);
}

.relay-z_10000002:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 10000002;
}

.relay-bg_modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-modal-background);
}

.relay-shadow_0px_0px_50px_0px_\#0000001F:not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: 0px 0px 50px 0px #0000001F;
}

.relay-border_dropdown-border:not(#\#):not(#\#):not(#\#):not(#\#) {
    border: var(--relay-borders-dropdown-border);
}

.relay-transition_background-color_150ms_linear:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: background-color 150ms linear;
}

.relay-px_16:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 16px;
}

.relay-py_12:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 12px;
}

.relay-rounded_input-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--relay-radii-input-border-radius);
}

.relay-text_input-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-input-color);
}

.relay-z_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 0;
}

.relay-bg_red3:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-red3);
}

.relay-bg_green3:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-green3);
}

.relay-text_green12:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-green12);
}

.relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-primary3);
}

.relay-rounded_25:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 25px;
}

.relay-w_100:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100px;
}

.relay-h_12:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 12px;
}

.relay-animation_pulse_3s_ease-in-out_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: pulse 3s ease-in-out infinite;
}

.relay-w_38px:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 38px;
}

.relay-h_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 20px;
}

.relay-rounded_9999px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 9999px;
}

.relay--webkit-tap-highlight-color_rgba\(0\,_0\,_0\,_0\):not(#\#):not(#\#):not(#\#):not(#\#) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.relay-p_0_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 10px;
}

.relay-transition_background-color_250ms:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: background-color 250ms;
}

.relay-d_block:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: block;
}

.relay-w_17\.5px:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 17.5px;
}

.relay-h_17\.5px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 17.5px;
}

.relay-z_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 1;
}

.relay---borderColor_colors\.gray\.8:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-gray-8);
}

.relay-transition_transform_100ms:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: transform 100ms;
}

.relay-transform_translateX\(0px\):not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: translateX(0px);
}

.relay-will-change_transform:not(#\#):not(#\#):not(#\#):not(#\#) {
    will-change: transform;
}

.relay-py_2px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 2px;
}

.relay-text_text-subtle:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-text-subtle);
}

.relay-text_text-subtle-secondary:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-text-subtle-secondary);
}

.relay-text_text-error:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-text-error);
}

.relay-text_blue12:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-blue12);
}

.relay-text_text-success:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-text-success);
}

.relay-text_amber12:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-amber12);
}

.relay-fill_modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    fill: var(--relay-colors-modal-background);
}

.relay-z_10000004:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 10000004;
}

.relay-shadow_0px_1px_5px_rgba\(0\,0\,0\,0\.2\):not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}

.relay-text_\{colors\.grass\.9\}:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-grass-9);
}

.relay-text_\{colors\.amber\.9\}:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-amber-9);
}

.relay-rounded-b_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.relay-rounded-b_widget-card-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-left-radius: var(--relay-radii-widget-card-border-radius);
    border-bottom-right-radius: var(--relay-radii-widget-card-border-radius);
}

.relay-border-b_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom: none;
}

.relay-border-b_widget-card-border:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom: var(--relay-borders-widget-card-border);
}

.relay-rounded_widget-card-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--relay-radii-widget-card-border-radius);
}

.relay-border_widget-card-border:not(#\#):not(#\#):not(#\#):not(#\#) {
    border: var(--relay-borders-widget-card-border);
}

.relay-transition_border-radius_300ms\,_border-bottom_0s:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: border-radius 300ms, border-bottom 0s;
}

.relay-text_gray6:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray6);
}

.relay-h_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 4px;
}

.relay-w_12:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 12px;
}

.relay-transform_rotate\(-180deg\):not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: rotate(-180deg);
}

.relay-transform_rotate\(0\):not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: rotate(0);
}

.relay-transition_transform_300ms:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: transform 300ms;
}

.relay-rounded_0_0_12px_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 0 0 12px 12px;
}

.relay-gap_14:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 14px;
}

.relay-p_3_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 3 0;
}

.relay-m_0_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: 0 auto;
}

.relay-min-w_200:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 200px;
}

.relay-text_success:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: success;
}

.relay-h_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 1px;
}

.relay-text_primary11:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-primary11);
}

.relay-text_error:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: error;
}

.relay-text_primary:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: primary;
}

.relay-text-transform_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-transform: none;
}

.relay-p_12px_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 12px 12px;
}

.relay---borderColor_colors\.amber4:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-amber4);
}

.relay---borderColor_colors\.red4:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-red4);
}

.relay-text_red12:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-red12);
}

.relay-max-w_215:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 215px;
}

.relay-text_red10:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-red10);
}

.relay-text_amber10:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-amber10);
}

.relay-h_40:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 40px;
}

.relay-px_4\!:not(#\#) {
    padding-inline: var(--relay-spacing-4) !important;
}

.relay-rounded_dropdown-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--relay-radii-dropdown-border-radius);
}

.relay-max-h_290:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 290px;
}

.relay-scrollbar-color_var\(--relay-colors-gray5\)_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
    scrollbar-color: var(--relay-colors-gray5) transparent;
}

.relay-px_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: var(--relay-spacing-2);
}

.relay-gap_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 8px;
}

.relay-w_20:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 20px;
}

.relay-h_20:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 20px;
}

.relay-transform_rotate\(180deg\):not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: rotate(180deg);
}

.relay-text_primary9:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-primary9);
}

.relay-max-w_212:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 212px;
}

.relay-py_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 10px;
}

.relay-h_40px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 40px;
}

.relay-w_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 20px;
}

.relay-px_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 12px;
}

.relay-min-w_40px:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 40px;
}

.relay-h_56px:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 56px;
}

.relay-text-align_left:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-align: left;
}

.relay-max-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 100%;
}

.relay-py_5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: var(--relay-spacing-5);
}

.relay-max-w_312:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 312px;
}

.relay-px_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 0;
}

.relay-min-w_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: auto;
}

.relay-w_27:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 27px;
}

.relay-z_100:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 100;
}

.relay-bg_widget-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-widget-background);
}

.relay-h_min\(85vh\,_540px\):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: min(85vh, 540px);
}

.relay-w_min\(400px\,_100vw\):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: min(400px, 100vw);
}

.relay-max-w_min\(400px\,_100vw\):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: min(400px, 100vw);
}

.relay-box_border-box:not(#\#):not(#\#):not(#\#):not(#\#) {
    box-sizing: border-box;
}

.relay-gap_2px:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 2px;
}

.relay-w_40:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 40px;
}

.relay-w_60\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 60%;
}

.relay-w_40\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 40%;
}

.relay-w_60:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 60px;
}

.relay-px_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 6px;
}

.relay-py_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 4px;
}

.relay-snap-align_start:not(#\#):not(#\#):not(#\#):not(#\#) {
    scroll-snap-align: start;
}

.relay-opacity_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 1;
}

.relay-min-h_24:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 24px;
}

.relay-text_grey:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: grey;
}

.relay-my_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-block: var(--relay-spacing-2);
}

.relay---borderColor_colors\.gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-gray5);
}

.relay-text-wrap_nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-wrap: nowrap;
}

.relay-h_min\(85vh\,_600px\):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: min(85vh, 600px);
}

.relay-max-h_min\(85vh\,_600px\):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: min(85vh, 600px);
}

.relay-max-h_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-height: 100%;
}

.relay-rounded_0px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 0px;
}

.relay-max-w_412px\!:not(#\#) {
    max-width: 412px !important;
}

.relay-text-decor_line-through:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-decoration: line-through;
}

.relay-border_widget-border:not(#\#):not(#\#):not(#\#):not(#\#) {
    border: var(--relay-borders-widget-border);
}

.relay-min-w_320:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 320px;
}

.relay-max-w_408:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 408px;
}

.relay-h_23:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 23px;
}

.relay-min-h_18:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 18px;
}

.relay-py_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 0;
}

.relay-w_45:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 45px;
}

.relay-rounded_widget-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--relay-radii-widget-border-radius);
}

.relay-my_-13:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-block: -13px;
}

.relay-mx_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-inline: auto;
}

.relay-h_32:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 32px;
}

.relay-w_32:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 32px;
}

.relay-p_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 4px;
}

.relay---borderWidth_borders\.widget-swap-currency-button-border-width:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderWidth: var(--relay-borders-widget-swap-currency-button-border-width);
}

.relay---borderColor_colors\.widget-swap-currency-button-border-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-widget-swap-currency-button-border-color);
}

.relay-border_var\(--borderWidth\)_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: var(--borderWidth) solid var(--borderColor);
}

.relay-z_10:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 10;
}

.relay-rounded_widget-swap-currency-button-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--relay-radii-widget-swap-currency-button-border-radius);
}

.relay-text_secondary:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: secondary;
}

.relay-h_10:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 10px;
}

.relay-gap_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: 32px;
}

.relay---thickness_1px:not(#\#):not(#\#):not(#\#):not(#\#) {
    --thickness: 1px;
}

.relay-min-h_42:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 42px;
}

.relay-w_90:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 90px;
}

.relay-w_70:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 70px;
}

.relay-min-w_240:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 240px;
}

.relay-min-h_85vh:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 85vh;
}

.relay-py_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: 12px;
}

.relay-text_green9:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-green9);
}

.relay-h_50:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 50px;
}

.relay-min-h_50:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 50px;
}

.relay-w_220px:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 220px;
}

.relay-p_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 12px;
}

.relay-max-w_150:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 150px;
}

.relay-min-w_60:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: 60px;
}

.relay-max-w_100:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: 100px;
}

.relay-p_12px_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 12px 16px;
}

.relay---borderColor_colors\.gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-gray3);
}

.relay-h_260:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 260px;
}

.relay-rounded_9999999:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 9999999px;
}

.relay-filter_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    filter: none;
}

.relay-filter_grayscale\(100\%\):not(#\#):not(#\#):not(#\#):not(#\#) {
    filter: grayscale(100%);
}

.relay-p_0_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 16px;
}

.relay-w_1px:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 1px;
}

.relay-fill_gray9:not(#\#):not(#\#):not(#\#):not(#\#) {
    fill: var(--relay-colors-gray9);
}

.relay-fill_button-disabled-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    fill: var(--relay-colors-button-disabled-color);
}

.relay-text_button-disabled-color\!:not(#\#) {
    color: var(--relay-colors-button-disabled-color) !important;
}

.relay-text_red9:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-red9);
}

.relay-text_gray:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: gray;
}

.relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-green11);
}

.relay-animation_pulse-shadow_1s_infinite_alternate-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: pulse-shadow 1s infinite alternate-reverse;
}

.relay-animation_none:not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: none;
}

.relay-h_30:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 30px;
}

.relay-w_30:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 30px;
}

.relay-p_0_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 0 12px;
}

.relay-text_slate10:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: slate10;
}

.relay-h_80:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 80px;
}

.relay-w_78:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 78px;
}

.relay-rounded_999999px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 999999px;
}

.relay---borderColor_white:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: white;
}

.relay-border_2px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 2px solid var(--borderColor);
}

.relay---borderColor_colors\.slate\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-slate-5);
}

.relay-my_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-block: 12px;
}

.relay-bg_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-gray5);
}

.relay-text_\#889096:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #889096;
}

.relay-w_105:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 105px;
}

.relay-h_105:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 105px;
}

.relay-z_999:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 999;
}

.relay-transform_translate3d\(0\,0\,0\):not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: translate3d(0,0,0);
}

.relay-border_1\.5px_solid_white:not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1.5px solid white;
}

.relay-h_21:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 21px;
}

.relay-transition_transform_0\.3s_ease:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition: transform 0.3s ease;
}

.relay-max-h_450px\!:not(#\#) {
    max-height: 450px !important;
}

.relay-h_450:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 450px;
}

.relay-h_28:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 28px;
}

.relay-min-h_28:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 28px;
}

.relay-pos_sticky:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: -webkit-sticky;
    position: sticky;
}

.relay-h_calc\(100\%_-_24px\):not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(100% - 24px);
}

.relay-px_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: var(--relay-spacing-4);
}

.relay-indent_-36px:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-indent: -36px;
}

.relay-white-space_pre:not(#\#):not(#\#):not(#\#):not(#\#) {
    white-space: pre;
}

.relay-border_1px_solid_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 1px solid transparent;
}

.relay-text_inherit:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: inherit;
}

.relay-w_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 1px;
}

.relay-my_5px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-block: 5px;
}

.relay-w_48:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 48px;
}

.relay-h_52:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 52px;
}

.relay-rounded_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 100%;
}

.relay-filter_grayscale\(1\):not(#\#):not(#\#):not(#\#):not(#\#) {
    filter: grayscale(1);
}

.relay-w_80:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 80px;
}

.relay---borderColor_colors\.green10:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-green10);
}

.relay-border_6px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
    border: 6px solid var(--borderColor);
}

.relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: transparent;
}

.relay-fw_600:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-weight: 600;
}

.relay-fs_32:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 32px;
}

.relay-items_center:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: center;
}

.relay-flex_column:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
}

.relay-flex-wrap_wrap:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
}

.relay-right_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: 8px;
}

.relay-top_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 50%;
}

.relay-justify_center:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: center;
}

.relay-bg_gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray3);
}

.relay-right_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: var(--relay-spacing-2);
}

.relay-top_3:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: var(--relay-spacing-3);
}

.relay-top_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 0;
}

.relay-left_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 0;
}

.relay-right_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: 0;
}

.relay-bottom_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: 0;
}

.relay-bg_blackA10:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-black-a10);
}

.relay-content_center:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-content: center;
}

.relay-shrink_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-shrink: 1;
}

.relay-shrink_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-shrink: 0;
}

.relay-mb_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--relay-spacing-1);
}

.relay-mb_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 0;
}

.relay-fs_14:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 14px;
}

.relay-fs_12:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 12px;
}

.relay-fw_500:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-weight: 500;
}

.relay-leading_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 100%;
}

.relay-bg_widget-selector-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-widget-selector-background);
}

.relay-leading_normal:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: normal;
}

.relay-fs_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 12px;
}

.relay-leading_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 14px;
}

.relay-flex_row:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
}

.relay-border_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--relay-colors-gray5);
}

.relay-pr_28px\!:not(#\#) {
    padding-right: 28px !important;
}

.relay-right_8:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: 8px;
}

.relay-ml_-20px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: -20px;
}

.relay-ml_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: 0;
}

.relay-fw_900:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-weight: 900;
}

.relay-fw_700:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-weight: 700;
}

.relay-font_body:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-family: var(--relay-fonts-body);
}

.relay-fs_16:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 16px;
}

.relay-leading_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 20px;
}

.relay-bg_primary-button-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-primary-button-background);
}

.relay-bg_primary4:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-primary4);
}

.relay-bg_widget-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-widget-background);
}

.relay-bg_red9:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-red9);
}

.relay-bg_amber3:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-amber3);
}

.relay-leading_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 16px;
}

.relay-leading_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 12px;
}

.relay-bg_modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-modal-background);
}

.relay-justify_space-between:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: space-between;
}

.relay-left_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 50%;
}

.relay-top_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 100%;
}

.relay-overflow-y_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-y: auto;
}

.relay-items_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: flex-start;
}

.relay-items_flex-end:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: flex-end;
}

.relay-items_stretch:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: stretch;
}

.relay-items_baseline:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: baseline;
}

.relay-items_normal:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: normal;
}

.relay-justify_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: flex-start;
}

.relay-justify_flex-end:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: flex-end;
}

.relay-flex_row-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: row-reverse;
}

.relay-flex_column-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column-reverse;
}

.relay-flex-wrap_nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: nowrap;
}

.relay-flex-wrap_wrap-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap-reverse;
}

.relay-bg_input-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-input-background);
}

.relay-leading_42px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 42px;
}

.relay-left_unset:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: auto;
    left: initial;
}

.relay-left_16:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 16px;
}

.relay-right_16:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: 16px;
}

.relay-right_unset:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: auto;
    right: initial;
}

.relay-top_12:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 12px;
}

.relay-animation-name_pulse:not(#\#):not(#\#):not(#\#):not(#\#) {
    animation-name: pulse;
}

.relay-bg_skeleton-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-skeleton-background);
}

.relay-bg_gray7:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray7);
}

.relay-bg_gray1:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray1);
}

.relay-left_2px:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 2px;
}

.relay-bg_gray2:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray2);
}

.relay-fs_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 14px;
}

.relay-border-w_1px:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-width: 1px;
}

.relay-border-style_solid:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-style: solid;
}

.relay-border_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: transparent;
}

.relay-fw_800:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-weight: 800;
}

.relay-fs_64px:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 64px;
}

.relay-font_heading:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-family: var(--relay-fonts-heading);
}

.relay-fs_48px:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 48px;
}

.relay-fs_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 32px;
}

.relay-fs_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 24px;
}

.relay-fs_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 20px;
}

.relay-fs_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 16px;
}

.relay-fw_400:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-weight: 400;
}

.relay-fs_10:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 10px;
}

.relay-font-style_italic:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-style: italic;
}

.relay-delay_0s\,_0s:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition-delay: 0s, 0s;
}

.relay-delay_0s\,_300ms:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition-delay: 0s, 300ms;
}

.relay-mb_widget-card-section-gutter:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--relay-spacing-widget-card-section-gutter);
}

.relay-pb_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 0;
}

.relay-justify_between:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: between;
}

.relay-pb_3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--relay-spacing-3);
}

.relay-pt_0:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 0;
}

.relay-self_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-self: flex-start;
}

.relay-ml_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: var(--relay-spacing-2);
}

.relay-mb_3:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--relay-spacing-3);
}

.relay-mt_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--relay-spacing-1);
}

.relay-mr_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: auto;
}

.relay-mr_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: var(--relay-spacing-1);
}

.relay-bg_slate\.6:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-slate-6);
}

.relay-mt_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--relay-spacing-2);
}

.relay-mb_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--relay-spacing-2);
}

.relay-items_start:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: start;
}

.relay-bg_widget-card-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-widget-card-background);
}

.relay-bg_amber2:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-amber2);
}

.relay-bg_red2:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-red2);
}

.relay-bg_dropdown-background:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-dropdown-background);
}

.relay-ml_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: auto;
}

.relay-bg_gray6:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray6);
}

.relay-overflow-x_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-x: auto;
}

.relay-overflow-y_hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-y: hidden;
}

.relay-pt_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: var(--relay-spacing-2);
}

.relay-self_center:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-self: center;
}

.relay-grow_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-grow: 1;
}

.relay-items_end:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: end;
}

.relay-pr_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-right: var(--relay-spacing-2);
}

.relay-bg_primary5:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-primary5);
}

.relay-pb_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: var(--relay-spacing-1);
}

.relay-mb_8:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 8px;
}

.relay-mr_2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: var(--relay-spacing-2);
}

.relay-mr_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: 6px;
}

.relay-leading_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 36px;
}

.relay-mt_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 4px;
}

.relay-mt_-8px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: -8px;
}

.relay-leading_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 32px;
}

.relay-border-block-end-width_var\(--thickness\):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-block-end-width: var(--thickness);
}

.relay-border_gray4:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--relay-colors-gray4);
}

.relay-justify_start:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: start;
}

.relay-leading_15px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 15px;
}

.relay-bg_subtle-background-color:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-subtle-background-color);
}

.relay-bg_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray5);
}

.relay-pl_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-left: 16px;
}

.relay-mt_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 12px;
}

.relay-bg_gray11:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray11);
}

.relay-mt_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: var(--relay-spacing-4);
}

.relay-mt_12:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 12px;
}

.relay-mt_8:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 8px;
}

.relay-mb_24:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 24px;
}

.relay-mr_\$2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: $2;
}

.relay-mb_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 16px;
}

.relay-bg_primary6:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-primary6);
}

.relay-bg_green3:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-green3);
}

.relay-pl_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-left: 12px;
}

.relay-bg_green9:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-green9);
}

.relay-ml_-8px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: -8px;
}

.relay-scroll-pt_40px:not(#\#):not(#\#):not(#\#):not(#\#) {
    scroll-padding-top: 40px;
}

.relay-pt_40px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 40px;
}

.relay-pb_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 24px;
}

.relay-fs_48:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 48px;
}

.relay-leading_58px:not(#\#):not(#\#):not(#\#):not(#\#) {
    line-height: 58px;
}

.relay-ml_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: var(--relay-spacing-4);
}

.relay-ml_1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: var(--relay-spacing-1);
}

.relay-top_-100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: -100%;
}

.relay-bottom_-6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: -6px;
}

.relay-right_-6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: -6px;
}

.relay-mb_4:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: var(--relay-spacing-4);
}

.relay-mt_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 24px;
}

.relay-mb_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 6px;
}

.relay-mt_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: 6px;
}

.relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-green2);
}

.placeholder\:relay-text_gray12:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_gray12[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray12);
}

.disabled\:relay-cursor_not-allowed:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
    cursor: not-allowed;
}

.disabled\:relay-text_button-disabled-color:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-button-disabled-color);
}

.\[\&\:not\(\:disabled\)\]\:relay-text-transform_uppercase:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
    text-transform: uppercase;
}

.data_state_open\:relay-animation_collapsibleSlideDown_300ms_cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: collapsibleSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
}

.data_state_closed\:relay-animation_collapsibleSlideUp_300ms_cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: collapsibleSlideUp 300ms cubic-bezier(0.87, 0, 0.13, 1);
}

.placeholder\:relay-text_gray10:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_gray10[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray10);
}

.spinButtons\:relay--webkit-appearance_none:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-outer-spin-button,.spinButtons\:relay--webkit-appearance_none:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.\[\&\[data-state\=\'checked\'\]\]\:relay-transform_translateX\(17px\)[data-state='checked']:not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: translateX(17px);
}

.\[\&\[data-state\=\"active\"\]\]\:relay---borderColor_colors\.gray\.5[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    --borderColor: var(--relay-colors-gray-5);
}

.placeholder_parent\:relay-text-overflow_ellipsis[placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-overflow: ellipsis;
}

.\[\&\[data-state\=\"on\"\]\]\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\)[data-state="on"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--focusColor);
}

.placeholder\:relay-text_text-subtle:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_text-subtle[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-text-subtle);
}

.placeholder\:relay-text_input-color:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_input-color[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-input-color);
}

.disabled\:relay-text_gray10:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray10);
}

.\[\&_\>_\*\]\:relay-text_primary11:not(#\#):not(#\#):not(#\#):not(#\#) > * {
    color: var(--relay-colors-primary11);
}

.\[\&_\>_\*\]\:relay-text_gray9:not(#\#):not(#\#):not(#\#):not(#\#) > * {
    color: var(--relay-colors-gray9);
}

.\[\&_\>_\*\]\:relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) > *,.\[\&_\.green-time\]\:relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) .green-time {
    color: var(--relay-colors-green11);
}

.before\:relay-pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    position: absolute;
}

.before\:relay-rounded_8:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    border-radius: 8px;
}

.before\:relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    width: 100%;
}

.before\:relay-h_100\%:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    height: 100%;
}

.before\:relay-opacity_0\.15:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    opacity: 0.15;
}

.before\:relay-z_-1:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    z-index: -1;
}

.light:not(#\#):not(#\#):not(#\#):not(#\#) .light\:relay-filter_brightness\(97\%\) {
    filter: brightness(97%);
}

.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:relay-filter_brightness\(130\%\),[data-theme="dark"]:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:relay-filter_brightness\(130\%\) {
    filter: brightness(130%);
}

.\[\&\[data-state\=\"active\"\]\]\:relay-bg_widget-background[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-widget-background);
}

.\[\&\[data-state\=\"active\"\]\]\:relay-rounded_12px[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 12px;
}

.\[\&\[data-state\=\"active\"\]\]\:relay-text_text-default[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-text-default);
}

.disabled\:relay-bg_button-disabled-background:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-button-disabled-background);
}

.\[\&\:not\(\:disabled\)\]\:relay-font_heading:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-family: var(--relay-fonts-heading);
}

.\[\&\:not\(\:disabled\)\]\:relay-fw_700:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-weight: 700;
}

.\[\&\:not\(\:disabled\)\]\:relay-font-style_var\(--relay-fonts-button-cta-font-style\,_italic\):not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-style: italic;
    font-style: var(--relay-fonts-button-cta-font-style, italic);
}

.\[\&\[data-state\=\'checked\'\]\]\:relay-bg_primary-button-background[data-state='checked']:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-primary-button-background);
}

.\[\&\[data-state\=\"active\"\]\]\:relay-bg_subtle-background-color[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-subtle-background-color);
}

.\[\&\[data-state\=\"active\"\]\]\:relay-border_var\(--borderColor\)[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--borderColor);
}

.disabled\:relay-bg_widget-selector-background:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-widget-selector-background);
}

.before\:relay-content_\"\":not(#\#):not(#\#):not(#\#):not(#\#)::before {
    content: "";
}

.before\:relay-top_0:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    top: 0;
}

.before\:relay-left_0:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    left: 0;
}

.before\:relay-bg_primary-color:not(#\#):not(#\#):not(#\#):not(#\#)::before {
    background-color: var(--relay-colors-primary-color);
}

.\[\&\[data-state\=\"active\"\]\]\:relay-border_slate\.4[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--relay-colors-slate-4);
}

.focusWithin\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--focusColor);
}

.focus\:relay-shadow_none:is(:focus, [data-focus]):not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: none;
}

.focus\:relay-ring_none:is(:focus, [data-focus]):not(#\#):not(#\#):not(#\#):not(#\#) {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focusVisible\:relay-shadow_0_0_0_2px_var\(--focusColor\):is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: 0 0 0 2px var(--focusColor);
}

.focusVisible\:relay-ring_none:is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focusVisible\:relay-rounded_4px:is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 4px;
}

.focus\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):is(:focus, [data-focus]):not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--focusColor);
}

.focusVisible\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--focusColor);
}

.\[\&\:focus\]\:relay-bg_gray\/10:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
    --mix-backgroundColor: color-mix(in srgb, gray 10%, transparent);
    background-color: gray;
    background-color: var(--mix-backgroundColor, gray);
}

.focus\:relay-bg_gray3:is(:focus, [data-focus]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray3);
}

.hover\:relay-text_gray11:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray11);
}

.hover\:relay-backdrop_brightness\(98\%\):is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    backdrop-filter: brightness(98%);
    -webkit-backdrop-filter: brightness(98%);
}

.hover\:relay-bg_gray4:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background: var(--relay-colors-gray4);
}

.hover\:relay-text_anchor-hover-color:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-anchor-hover-color);
}

.hover\:relay-text_gray12:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray12);
}

.\[\&\:hover\]\:relay-text_primary-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-primary-button-hover-color);
}

.\[\&\:hover\]\:relay-text_secondary-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-secondary-button-hover-color);
}

.\[\&\:hover\]\:relay-filter_brightness\(97\%\):hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    filter: brightness(97%);
}

.\[\&\:hover\]\:relay-text_amber11:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-amber11);
}

.hover\:relay-cursor_pointer:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    cursor: pointer;
}

.\[\&\:hover\]\:relay-transform_scale\(1\.25\):hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: scale(1.25);
}

.hover\:relay-bg_widget-selector-hover-background:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-widget-selector-hover-background);
}

.\[\&\:hover\]\:relay-bg_gray5:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray5);
}

.\[\&\:hover\]\:relay-bg_primary-button-hover-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-primary-button-hover-background);
}

.\[\&\:hover\]\:relay-bg_secondary-button-hover-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-secondary-button-hover-background);
}

.\[\&\:hover\]\:relay-bg_red10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-red10);
}

.\[\&\:hover\]\:relay-bg_amber4:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-amber4);
}

.\[\&\:hover\]\:relay-bg_gray4:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray4);
}

.hover\:relay-bg_gray\/10:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    --mix-backgroundColor: color-mix(in srgb, gray 10%, transparent);
    background-color: gray;
    background-color: var(--mix-backgroundColor, gray);
}

.hover\:relay-bg_gray2:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray2);
}

.hover\:relay-bg_gray3:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray3);
}

.hover\:relay-bg_gray6:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-gray6);
}

button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg_gray5 {
    background-color: var(--relay-colors-gray5);
}

.active\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):is(:active, [data-active]):not(#\#):not(#\#):not(#\#):not(#\#) {
    box-shadow: inset 0 0 0 2px var(--focusColor);
}

.disabled\:hover\:relay-text_button-disabled-color:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-button-disabled-color);
}

.disabled\:placeholder\:relay-text_gray10:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder, .disabled\:placeholder\:relay-text_gray10:is(:disabled, [disabled], [data-disabled])[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--relay-colors-gray10);
}

.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:\[\&\[data-state\=\"active\"\]\]\:relay-bg_widget-background[data-state="active"],[data-theme="dark"]:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:\[\&\[data-state\=\"active\"\]\]\:relay-bg_widget-background[data-state="active"] {
    background: var(--relay-colors-widget-background);
}

.disabled\:hover\:relay-bg_button-disabled-background:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--relay-colors-button-disabled-background);
}

.\[\&\:not\(\[data-state\=\"active\"\]\)\]\:hover\:relay-bg_transparent\!:not([data-state="active"]):is(:hover, [data-hover]):not(#\#) {
    background-color: transparent !important;
}

.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:\[\&\[data-state\=\"active\"\]\]\:relay-border_gray\.4[data-state="active"],[data-theme="dark"]:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:\[\&\[data-state\=\"active\"\]\]\:relay-border_gray\.4[data-state="active"] {
    border-color: var(--relay-colors-gray-4);
}

.dark:not(#\#) .dark\:\[\&\:not\(\[data-state\=\"active\"\]\)\]\:hover\:relay-bg_transparent\!:not([data-state="active"]):is(:hover, [data-hover]), [data-theme="dark"]:not(#\#) .dark\:\[\&\:not\(\[data-state\=\"active\"\]\)\]\:hover\:relay-bg_transparent\!:not([data-state="active"]):is(:hover, [data-hover]) {
    background-color: transparent !important;
}

@media screen and (min-width: 31.25rem) {
    .bp500\:relay-gap_1:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: var(--relay-spacing-1);
}
    .bp500\:relay-flex_row:not(#\#):not(#\#):not(#\#):not(#\#) {
      flex-direction: row;
}
    .bp500\:relay-flex_column:not(#\#):not(#\#):not(#\#):not(#\#) {
      flex-direction: column;
}
    .bp500\:relay-items_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
      align-items: flex-start;
}
}

@media screen and (min-width: 37.5rem) {
    .sm\:relay-w_386:not(#\#):not(#\#):not(#\#):not(#\#) {
      width: 386px;
}
    .sm\:relay-gap_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: 4px;
}
    .sm\:relay-gap_2:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: var(--relay-spacing-2);
}
    .sm\:relay-w_370:not(#\#):not(#\#):not(#\#):not(#\#) {
      width: 370px;
}
    .sm\:relay-min-w_400px:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-width: 400px;
}
    .sm\:relay-max-w_532px:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 532px;
}
    .sm\:relay-max-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 100%;
}
    .sm\:relay-d_block:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: block;
}
    .sm\:relay-d_none:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: none;
}
    .sm\:relay-max-w_400px\!:not(#\#) {
      max-width: 400px !important;
}
    .sm\:relay-fs_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: 12px;
}
}

@media(min-width: 660px) {
    .\[\@media\(min-width\:_660px\)\]\:relay-p_0:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding: 0;
}
    .\[\@media\(min-width\:_660px\)\]\:relay-text_text-default:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: var(--relay-colors-text-default);
}
    .\[\@media\(min-width\:_660px\)\]\:relay-px_2:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-inline: var(--relay-spacing-2);
}
    .\[\@media\(min-width\:_660px\)\]\:relay-min-w_660:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-width: 660px;
}
    .\[\@media\(min-width\:_660px\)\]\:relay-min-w_408:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-width: 408px;
}
    .\[\@media\(min-width\:_660px\)\]\:relay-min-w_400:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-width: 400px;
}
    .\[\@media\(min-width\:_660px\)\]\:relay-max-w_660:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 660px;
}
    .\[\@media\(min-width\:_660px\)\]\:relay-max-w_408:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 408px;
}
    .\[\@media\(min-width\:_660px\)\]\:relay-fs_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: 14px;
}
    .\[\@media\(min-width\:_660px\)\]\:relay-leading_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
      line-height: 20px;
}
}

@media screen and (min-width: 56.25rem) {
    .md\:relay-border_1px_solid:not(#\#):not(#\#):not(#\#):not(#\#) {
      border: 1px solid;
}
    .md\:relay-py_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: 16px;
}
    .md\:relay-px_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-inline: 16px;
}
    .md\:relay-rounded_widget-card-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-radius: var(--relay-radii-widget-card-border-radius);
}
    .md\:relay-min-h_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-height: auto;
}
    .md\:relay-min-w_400:not(#\#):not(#\#):not(#\#):not(#\#) {
      min-width: 400px;
}
    .md\:relay-border_slate\.4:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: var(--relay-colors-slate-4);
}
    .md\:relay-bg_widget-card-background:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: var(--relay-colors-widget-card-background);
}
}

@media screen and (max-width: 37.4975rem) {
    .smDown\:relay-d_flex:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: flex;
}
    .smDown\:relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
      width: 100%;
}
    .smDown\:relay-gap_2:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: var(--relay-spacing-2);
}
    .smDown\:relay---borderColor_colors\.gray\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
      --borderColor: var(--relay-colors-gray-5);
}
    .smDown\:relay-border_1px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
      border: 1px solid var(--borderColor);
}
    .smDown\:relay-mb_2:not(#\#):not(#\#):not(#\#):not(#\#) {
      margin-bottom: var(--relay-spacing-2);
}
    .smDown\:relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: transparent;
}
}

@media(max-width: 520px) {
    .\[\@media\(max-width\:_520px\)\]\:relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
      width: 100%;
}
    .\[\@media\(max-width\:_520px\)\]\:relay-max-w_unset\!:not(#\#) {
      max-width: none !important;
      max-width: initial !important;
}
    .\[\@media\(max-width\:_520px\)\]\:relay-rounded-br_0:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-bottom-right-radius: 0;
}
    .\[\@media\(max-width\:_520px\)\]\:relay-rounded-bl_0:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-bottom-left-radius: 0;
}
}

@media screen and (max-width: 24.9975rem) {
    .bp400Down\:relay-transform_rotate\(90deg\):not(#\#):not(#\#):not(#\#):not(#\#) {
      transform: rotate(90deg);
}
    .bp400Down\:relay-p_12px_0:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding: 12px 0;
}
}
/* =============================================================================
   ALPHA CRYPTO - PREMIUM DESIGN SYSTEM v2.0
   Typography: Sora (headings) + Plus Jakarta Sans (body) + JetBrains Mono (numbers)
   ============================================================================= */

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

*{
  border-color: hsl(217.2 32.6% 17.5%);
  border-color: hsl(var(--border));
}

body{
  color: hsl(210 40% 98%);
  color: hsl(var(--foreground));
    background-color: #060610;
    background-color: var(--bg-base);
}

[data-debug-wrapper="true"] {
    display: contents !important;
  }
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: -webkit-sticky;
  position: sticky;
}
.-inset-2{
  inset: -0.5rem;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-12{
  bottom: -3rem;
}
.-bottom-2{
  bottom: -0.5rem;
}
.-left-12{
  left: -3rem;
}
.-right-12{
  right: -3rem;
}
.-top-12{
  top: -3rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-4{
  top: -1rem;
}
.-top-8{
  top: -2rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-20{
  bottom: 5rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-full{
  bottom: 100%;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-1\/4{
  left: 25%;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-6{
  left: 1.5rem;
}
.left-8{
  left: 2rem;
}
.left-\[50\%\]{
  left: 50%;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-1\/4{
  right: 25%;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-6{
  right: 1.5rem;
}
.right-8{
  right: 2rem;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 0.25rem;
}
.top-1\/2{
  top: 50%;
}
.top-20{
  top: 5rem;
}
.top-4{
  top: 1rem;
}
.top-40{
  top: 10rem;
}
.top-6{
  top: 1.5rem;
}
.top-\[1px\]{
  top: 1px;
}
.top-\[50\%\]{
  top: 50%;
}
.top-\[60\%\]{
  top: 60%;
}
.top-full{
  top: 100%;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-50{
  z-index: 50;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[10001\]{
  z-index: 10001;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[9998\]{
  z-index: 9998;
}
.z-\[9999\]{
  z-index: 9999;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.-ml-4{
  margin-left: -1rem;
}
.-mt-3{
  margin-top: -0.75rem;
}
.-mt-4{
  margin-top: -1rem;
}
.-mt-8{
  margin-top: -2rem;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-24{
  margin-left: 6rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[80px\]{
  height: 80px;
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\]{
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\]{
  height: var(--radix-select-trigger-height);
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.max-h-\[--radix-context-menu-content-available-height\]{
  max-height: var(--radix-context-menu-content-available-height);
}
.max-h-\[--radix-select-content-available-height\]{
  max-height: var(--radix-select-content-available-height);
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.max-h-screen{
  max-height: 100vh;
}
.min-h-\[280px\]{
  min-height: 280px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-screen{
  min-height: 100vh;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/3{
  width: 33.333333%;
}
.w-10{
  width: 2.5rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[800px\]{
  width: 800px;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -webkit-max-content;
  width: max-content;
}
.w-px{
  width: 1px;
}
.min-w-0{
  min-width: 0px;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-8{
  min-width: 2rem;
}
.min-w-9{
  min-width: 2.25rem;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[400px\]{
  min-width: 400px;
}
.min-w-\[60px\]{
  min-width: 60px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[700px\]{
  max-width: 700px;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-max{
  max-width: -webkit-max-content;
  max-width: max-content;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.basis-full{
  flex-basis: 100%;
}
.caption-bottom{
  caption-side: bottom;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-\[--radix-context-menu-content-transform-origin\]{
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
.origin-\[--radix-dropdown-menu-content-transform-origin\]{
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-hover-card-content-transform-origin\]{
  transform-origin: var(--radix-hover-card-content-transform-origin);
}
.origin-\[--radix-menubar-content-transform-origin\]{
  transform-origin: var(--radix-menubar-content-transform-origin);
}
.origin-\[--radix-popover-content-transform-origin\]{
  transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-\[--radix-select-content-transform-origin\]{
  transform-origin: var(--radix-select-content-transform-origin);
}
.origin-\[--radix-tooltip-content-transform-origin\]{
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4{
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce{

  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce{
  animation: bounce 1s infinite;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.touch-none{
  touch-action: none;
}
.select-none{
  -webkit-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.list-none{
  list-style-type: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-white\/5 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.05);
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[inherit\]{
  border-radius: inherit;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.75rem;
  border-radius: var(--radius);
}
.rounded-md{
  border-radius: calc(0.75rem - 2px);
  border-radius: calc(var(--radius) - 2px);
}
.rounded-sm{
  border-radius: calc(0.75rem - 4px);
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-t-\[10px\]{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-bl-sm{
  border-bottom-left-radius: calc(0.75rem - 4px);
  border-bottom-left-radius: calc(var(--radius) - 4px);
}
.rounded-br-sm{
  border-bottom-right-radius: calc(0.75rem - 4px);
  border-bottom-right-radius: calc(var(--radius) - 4px);
}
.rounded-tl-sm{
  border-top-left-radius: calc(0.75rem - 4px);
  border-top-left-radius: calc(var(--radius) - 4px);
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-amber-500\/20{
  border-color: rgb(245 158 11 / 0.2);
}
.border-amber-500\/30{
  border-color: rgb(245 158 11 / 0.3);
}
.border-amber-500\/50{
  border-color: rgb(245 158 11 / 0.5);
}
.border-blue-500\/20{
  border-color: rgb(59 130 246 / 0.2);
}
.border-blue-500\/30{
  border-color: rgb(59 130 246 / 0.3);
}
.border-blue-500\/50{
  border-color: rgb(59 130 246 / 0.5);
}
.border-cyan-500\/30{
  border-color: rgb(6 182 212 / 0.3);
}
.border-destructive{
  border-color: hsl(0 62.8% 30.6%);
  border-color: hsl(var(--destructive));
}
.border-destructive\/50{
  border-color: hsl(0 62.8% 30.6% / 0.5);
  border-color: hsl(var(--destructive) / 0.5);
}
.border-emerald-400\/30{
  border-color: rgb(52 211 153 / 0.3);
}
.border-emerald-500{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / 1);
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-emerald-500\/10{
  border-color: rgb(16 185 129 / 0.1);
}
.border-emerald-500\/20{
  border-color: rgb(16 185 129 / 0.2);
}
.border-emerald-500\/30{
  border-color: rgb(16 185 129 / 0.3);
}
.border-emerald-500\/40{
  border-color: rgb(16 185 129 / 0.4);
}
.border-emerald-500\/50{
  border-color: rgb(16 185 129 / 0.5);
}
.border-gray-500\/30{
  border-color: rgb(107 114 128 / 0.3);
}
.border-gray-500\/50{
  border-color: rgb(107 114 128 / 0.5);
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / 1);
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-700\/50{
  border-color: rgb(55 65 81 / 0.5);
}
.border-gray-800{
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / 1);
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-gray-800\/50{
  border-color: rgb(31 41 55 / 0.5);
}
.border-green-500\/30{
  border-color: rgb(34 197 94 / 0.3);
}
.border-input{
  border-color: hsl(217.2 32.6% 17.5%);
  border-color: hsl(var(--input));
}
.border-orange-500\/30{
  border-color: rgb(249 115 22 / 0.3);
}
.border-pink-500\/30{
  border-color: rgb(236 72 153 / 0.3);
}
.border-primary{
  border-color: hsl(160 84% 39%);
  border-color: hsl(var(--primary));
}
.border-primary\/50{
  border-color: hsl(160 84% 39% / 0.5);
  border-color: hsl(var(--primary) / 0.5);
}
.border-purple-500\/20{
  border-color: rgb(168 85 247 / 0.2);
}
.border-purple-500\/30{
  border-color: rgb(168 85 247 / 0.3);
}
.border-red-500\/30{
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/40{
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-500\/50{
  border-color: rgb(239 68 68 / 0.5);
}
.border-transparent{
  border-color: transparent;
}
.border-violet-500\/20{
  border-color: rgb(139 92 246 / 0.2);
}
.border-violet-500\/30{
  border-color: rgb(139 92 246 / 0.3);
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/5{
  border-color: rgb(255 255 255 / 0.05);
}
.border-l-transparent{
  border-left-color: transparent;
}
.border-t-emerald-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(16 185 129 / 1);
  border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-t-transparent{
  border-top-color: transparent;
}
.bg-\[\#050510\]\/90{
  background-color: rgb(5 5 16 / 0.9);
}
.bg-\[\#050510\]\/95{
  background-color: rgb(5 5 16 / 0.95);
}
.bg-\[\#0f172a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / 1);
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-accent{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / 1);
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/15{
  background-color: rgb(245 158 11 / 0.15);
}
.bg-amber-500\/20{
  background-color: rgb(245 158 11 / 0.2);
}
.bg-amber-500\/5{
  background-color: rgb(245 158 11 / 0.05);
}
.bg-background{
  background-color: hsl(222.2 84% 2%);
  background-color: hsl(var(--background));
}
.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/90{
  background-color: rgb(0 0 0 / 0.9);
}
.bg-blue-500\/10{
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/15{
  background-color: rgb(59 130 246 / 0.15);
}
.bg-blue-500\/20{
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-500\/5{
  background-color: rgb(59 130 246 / 0.05);
}
.bg-border{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--border));
}
.bg-card{
  background-color: hsl(222.2 84% 4.9%);
  background-color: hsl(var(--card));
}
.bg-cyan-500\/20{
  background-color: rgb(6 182 212 / 0.2);
}
.bg-destructive{
  background-color: hsl(0 62.8% 30.6%);
  background-color: hsl(var(--destructive));
}
.bg-emerald-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / 1);
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / 1);
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15{
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-500\/20{
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-500\/5{
  background-color: rgb(16 185 129 / 0.05);
}
.bg-emerald-500\/90{
  background-color: rgb(16 185 129 / 0.9);
}
.bg-foreground{
  background-color: hsl(210 40% 98%);
  background-color: hsl(var(--foreground));
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / 1);
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/10{
  background-color: rgb(107 114 128 / 0.1);
}
.bg-gray-500\/20{
  background-color: rgb(107 114 128 / 0.2);
}
.bg-gray-500\/5{
  background-color: rgb(107 114 128 / 0.05);
}
.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/20{
  background-color: rgb(31 41 55 / 0.2);
}
.bg-gray-800\/30{
  background-color: rgb(31 41 55 / 0.3);
}
.bg-gray-800\/50{
  background-color: rgb(31 41 55 / 0.5);
}
.bg-gray-800\/80{
  background-color: rgb(31 41 55 / 0.8);
}
.bg-gray-800\/90{
  background-color: rgb(31 41 55 / 0.9);
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 1);
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/50{
  background-color: rgb(17 24 39 / 0.5);
}
.bg-gray-900\/80{
  background-color: rgb(17 24 39 / 0.8);
}
.bg-muted{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--muted));
}
.bg-muted\/50{
  background-color: hsl(217.2 32.6% 17.5% / 0.5);
  background-color: hsl(var(--muted) / 0.5);
}
.bg-popover{
  background-color: hsl(222.2 84% 4.9%);
  background-color: hsl(var(--popover));
}
.bg-primary{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--primary));
}
.bg-primary\/10{
  background-color: hsl(160 84% 39% / 0.1);
  background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/20{
  background-color: hsl(160 84% 39% / 0.2);
  background-color: hsl(var(--primary) / 0.2);
}
.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / 1);
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/10{
  background-color: rgb(168 85 247 / 0.1);
}
.bg-purple-500\/20{
  background-color: rgb(168 85 247 / 0.2);
}
.bg-purple-500\/30{
  background-color: rgb(168 85 247 / 0.3);
}
.bg-purple-500\/5{
  background-color: rgb(168 85 247 / 0.05);
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/20{
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/5{
  background-color: rgb(239 68 68 / 0.05);
}
.bg-secondary{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--secondary));
}
.bg-slate-900\/85{
  background-color: rgb(15 23 42 / 0.85);
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-400{
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / 1);
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}
.bg-violet-500\/10{
  background-color: rgb(139 92 246 / 0.1);
}
.bg-violet-500\/15{
  background-color: rgb(139 92 246 / 0.15);
}
.bg-violet-500\/20{
  background-color: rgb(139 92 246 / 0.2);
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMxMGI5ODEiIGZpbGwtb3BhY2l0eT0iMC4wNSI\+PHBhdGggZD0iTTM2IDE2YzAgMi4yMDktMS43OTEgNC00IDRDMC43OSAyMCAwIDE4LjIwOSAwIDE2czEuNzkxLTQgNC00IDQgMS43OTEgNCA0em0wIDQwYzAgMi4yMDktMS43OTEgNC00IDRzLTQtMS43OTEtNC00IDEuNzkxLTQgNC00IDQgMS43OTEgNCA0ek0xNiAzNmMwIDIuMjA5LTEuNzkxIDQtNCA0cy00LTEuNzkxLTQtNCAxLjc5MS00IDQtNCA0IDEuNzkxIDQgNHptMzIgMGMwIDIuMjA5LTEuNzkxIDQtNCA0cy00LTEuNzkxLTQtNCAxLjc5MS00IDQtNCA0IDEuNzkxIDQgNHoiLz48L2c\+PC9nPjwvc3ZnPg\=\=\'\)\]{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMxMGI5ODEiIGZpbGwtb3BhY2l0eT0iMC4wNSI+PHBhdGggZD0iTTM2IDE2YzAgMi4yMDktMS43OTEgNC00IDRDMC43OSAyMCAwIDE4LjIwOSAwIDE2czEuNzkxLTQgNC00IDQgMS43OTEgNCA0em0wIDQwYzAgMi4yMDktMS43OTEgNC00IDRzLTQtMS43OTEtNC00IDEuNzkxLTQgNC00IDQgMS43OTEgNCA0ek0xNiAzNmMwIDIuMjA5LTEuNzkxIDQtNCA0cy00LTEuNzkxLTQtNCAxLjc5MS00IDQtNCA0IDEuNzkxIDQgNHptMzIgMGMwIDIuMjA5LTEuNzkxIDQtNCA0cy00LTEuNzkxLTQtNCAxLjc5MS00IDQtNCA0IDEuNzkxIDQgNHoiLz48L2c+PC9nPjwvc3ZnPg==);
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-amber-500\/10{
  --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/20{
  --tw-gradient-from: rgb(245 158 11 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60{
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/10{
  --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/20{
  --tw-gradient-from: rgb(59 130 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500\/20{
  --tw-gradient-from: rgb(6 182 212 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400{
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500{
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/10{
  --tw-gradient-from: rgb(16 185 129 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/20{
  --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/30{
  --tw-gradient-from: rgb(16 185 129 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/5{
  --tw-gradient-from: rgb(16 185 129 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-800{
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900{
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/80{
  --tw-gradient-from: rgb(17 24 39 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500\/20{
  --tw-gradient-from: rgb(34 197 94 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/20{
  --tw-gradient-from: rgb(249 115 22 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500\/20{
  --tw-gradient-from: rgb(236 72 153 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500{
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/10{
  --tw-gradient-from: rgb(139 92 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/20{
  --tw-gradient-from: rgb(139 92 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/30{
  --tw-gradient-from: rgb(139 92 246 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/5{
  --tw-gradient-from: rgb(139 92 246 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-cyan-400{
  --tw-gradient-to: rgb(34 211 238 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #22d3ee var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-900{
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-900\/50{
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(17 24 39 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/5{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-amber-600\/20{
  --tw-gradient-to: rgb(217 119 6 / 0.2) var(--tw-gradient-to-position);
}
.to-black\/20{
  --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-500\/20{
  --tw-gradient-to: rgb(59 130 246 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-600\/20{
  --tw-gradient-to: rgb(37 99 235 / 0.2) var(--tw-gradient-to-position);
}
.to-cyan-500{
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-cyan-500\/10{
  --tw-gradient-to: rgb(6 182 212 / 0.1) var(--tw-gradient-to-position);
}
.to-cyan-500\/20{
  --tw-gradient-to: rgb(6 182 212 / 0.2) var(--tw-gradient-to-position);
}
.to-emerald-600{
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-emerald-600\/20{
  --tw-gradient-to: rgb(5 150 105 / 0.2) var(--tw-gradient-to-position);
}
.to-gray-800{
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.to-gray-900{
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-orange-500\/10{
  --tw-gradient-to: rgb(249 115 22 / 0.1) var(--tw-gradient-to-position);
}
.to-orange-500\/5{
  --tw-gradient-to: rgb(249 115 22 / 0.05) var(--tw-gradient-to-position);
}
.to-purple-500{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-500\/10{
  --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position);
}
.to-purple-500\/20{
  --tw-gradient-to: rgb(168 85 247 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-500\/30{
  --tw-gradient-to: rgb(168 85 247 / 0.3) var(--tw-gradient-to-position);
}
.to-purple-600{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-600\/20{
  --tw-gradient-to: rgb(147 51 234 / 0.2) var(--tw-gradient-to-position);
}
.to-rose-600\/20{
  --tw-gradient-to: rgb(225 29 72 / 0.2) var(--tw-gradient-to-position);
}
.to-teal-500{
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.to-teal-500\/10{
  --tw-gradient-to: rgb(20 184 166 / 0.1) var(--tw-gradient-to-position);
}
.to-teal-500\/30{
  --tw-gradient-to: rgb(20 184 166 / 0.3) var(--tw-gradient-to-position);
}
.to-teal-500\/5{
  --tw-gradient-to: rgb(20 184 166 / 0.05) var(--tw-gradient-to-position);
}
.to-teal-600\/20{
  --tw-gradient-to: rgb(13 148 136 / 0.2) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-400{
  --tw-gradient-to: #a78bfa var(--tw-gradient-to-position);
}
.to-violet-600\/20{
  --tw-gradient-to: rgb(124 58 237 / 0.2) var(--tw-gradient-to-position);
}
.to-yellow-600\/20{
  --tw-gradient-to: rgb(202 138 4 / 0.2) var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.fill-current{
  fill: currentColor;
}
.fill-primary{
  fill: hsl(160 84% 39%);
  fill: hsl(var(--primary));
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[1px\]{
  padding: 1px;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-8{
  padding-left: 2rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-8{
  padding-right: 2rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-24{
  padding-top: 6rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-middle{
  vertical-align: middle;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.8rem\]{
  font-size: 0.8rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.leading-none{
  line-height: 1;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.text-accent-foreground{
  color: hsl(0 0% 100%);
  color: hsl(var(--accent-foreground));
}
.text-amber-300\/90{
  color: rgb(252 211 77 / 0.9);
}
.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / 1);
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-400\/80{
  color: rgb(251 191 36 / 0.8);
}
.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / 1);
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 1);
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-card-foreground{
  color: hsl(210 40% 98%);
  color: hsl(var(--card-foreground));
}
.text-current{
  color: currentColor;
}
.text-cyan-400{
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / 1);
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-destructive{
  color: hsl(0 62.8% 30.6%);
  color: hsl(var(--destructive));
}
.text-destructive-foreground{
  color: hsl(210 40% 98%);
  color: hsl(var(--destructive-foreground));
}
.text-emerald-300{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / 1);
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / 1);
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-400\/70{
  color: rgb(52 211 153 / 0.7);
}
.text-emerald-400\/80{
  color: rgb(52 211 153 / 0.8);
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / 1);
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-foreground{
  color: hsl(210 40% 98%);
  color: hsl(var(--foreground));
}
.text-foreground\/50{
  color: hsl(210 40% 98% / 0.5);
  color: hsl(var(--foreground) / 0.5);
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 1);
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / 1);
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / 1);
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-lime-400{
  --tw-text-opacity: 1;
  color: rgb(163 230 53 / 1);
  color: rgb(163 230 53 / var(--tw-text-opacity, 1));
}
.text-muted-foreground{
  color: hsl(215 20.2% 65.1%);
  color: hsl(var(--muted-foreground));
}
.text-orange-400{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / 1);
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.text-pink-400{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / 1);
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-popover-foreground{
  color: hsl(210 40% 98%);
  color: hsl(var(--popover-foreground));
}
.text-primary{
  color: hsl(160 84% 39%);
  color: hsl(var(--primary));
}
.text-primary-foreground{
  color: hsl(0 0% 100%);
  color: hsl(var(--primary-foreground));
}
.text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / 1);
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground{
  color: hsl(210 40% 98%);
  color: hsl(var(--secondary-foreground));
}
.text-transparent{
  color: transparent;
}
.text-violet-400{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / 1);
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / 1);
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.line-through{
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / 1);
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-90{
  opacity: 0.9;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(16\2c 185\2c 129\2c 0\.4\)\]{
  --tw-shadow: 0 0 20px rgba(16,185,129,0.4);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_30px_rgba\(16\2c 185\2c 129\2c 0\.4\)\]{
  --tw-shadow: 0 0 30px rgba(16,185,129,0.4);
  --tw-shadow-colored: 0 0 30px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-emerald-500\/10{
  --tw-shadow-color: rgb(16 185 129 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-500\/25{
  --tw-shadow-color: rgb(16 185 129 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-500\/30{
  --tw-shadow-color: rgb(16 185 129 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-emerald-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.ring-emerald-500\/30{
  --tw-ring-color: rgb(16 185 129 / 0.3);
}
.ring-gray-700\/50{
  --tw-ring-color: rgb(55 65 81 / 0.5);
}
.ring-ring{
  --tw-ring-color: hsl(var(--ring));
}
.ring-offset-background{
  --tw-ring-offset-color: hsl(var(--background));
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[3px\]{
  --tw-blur: blur(3px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_15px_rgba\(16\2c 185\2c 129\2c 0\.4\)\]{
  --tw-drop-shadow: drop-shadow(0 0 15px rgba(16,185,129,0.4));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia{
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-2xl{
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter{

  from{
    opacity: 1;
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit{

  to{
    opacity: 1;
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0{
  --tw-enter-opacity: 0;
}
.zoom-in-95{
  --tw-enter-scale: .95;
}
.duration-1000{
  animation-duration: 1000ms;
}
.duration-200{
  animation-duration: 200ms;
}
.duration-300{
  animation-duration: 300ms;
}
.duration-500{
  animation-duration: 500ms;
}
.duration-700{
  animation-duration: 700ms;
}
.ease-in-out{
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running{
  animation-play-state: running;
}

/* =============================================================================
   CSS VARIABLES - 4 Layer Background System
   ============================================================================= */

:root {
  /* 4-Layer Background System */
  --bg-base: #060610;
  --bg-primary: #0A0A14;
  --bg-elevated: #10101E;
  --bg-floating: #16162A;
  --bg-glass: rgba(16,16,30,0.7);
  
  /* Border System */
  --border-subtle: rgba(255,255,255,0.04);
  --border-accent: rgba(16,185,129,0.25);
  --border-hover: rgba(255,255,255,0.12);
  
  /* Text Colors */
  --text-primary: #EEEEF2;
  --text-secondary: #8888A0;
  --text-muted: #555570;
  
  /* Brand Colors */
  --ac-emerald: #10b981;
  --ac-cyan: #06b6d4;
  --ac-teal: #14b8a6;
  --ac-violet: #8b5cf6;
  --ac-blue: #3b82f6;
  --ac-amber: #f59e0b;
  
  /* Glow Effects */
  --glow-emerald: rgba(16, 185, 129, 0.4);
  --glow-violet: rgba(139, 92, 246, 0.4);
  
  /* Shadcn Variables */
  --background: 222.2 84% 2%;
  --foreground: 210 40% 98%;
  --card: 222.2 84% 4.9%;
  --card-foreground: 210 40% 98%;
  --popover: 222.2 84% 4.9%;
  --popover-foreground: 210 40% 98%;
  --primary: 160 84% 39%;
  --primary-foreground: 0 0% 100%;
  --secondary: 217.2 32.6% 17.5%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217.2 32.6% 17.5%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 160 84% 39%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 210 40% 98%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 160 84% 39%;
  --radius: 0.75rem;
  --chart-1: 160 84% 39%;
  --chart-2: 173 58% 39%;
  --chart-3: 197 37% 24%;
  --chart-4: 43 74% 66%;
  --chart-5: 27 87% 67%;
}

/* =============================================================================
   BASE STYLES
   ============================================================================= */

body {
  margin: 0;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: linear-gradient(180deg, #050510 0%, #0a1628 25%, #0d0f20 50%, #0a1628 75%, #050510 100%);
  color: rgba(255,255,255,0.85);
  min-height: 100vh;
}

/* Headings - Sora */
h1, h2, h3, h4, h5, h6,
.font-heading {
  font-family: 'Sora', sans-serif;
  letter-spacing: -0.02em;
  font-weight: 600;
}

/* Numbers - JetBrains Mono */
code, .font-mono,
.price, .percentage, .amount, .stat-number,
[class*="price"], [class*="percent"], [class*="amount"],
.tabular-nums {
  font-family: 'JetBrains Mono', monospace;
  font-feature-settings: 'tnum' on, 'lnum' on;
}

/* =============================================================================
   GLASS CARD SYSTEM - Premium Glassmorphism
   ============================================================================= */

.glass-card {
  background: rgba(255,255,255,0.02);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover {
  border-color: rgba(16,185,129,0.2);
  box-shadow: 0 8px 40px rgba(16,185,129,0.06);
  transform: translateY(-2px);
}

.glass-card-static {
  background: rgba(255,255,255,0.02);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
}

.glass-nav {
  background: rgba(10,10,18,0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* =============================================================================
   BUTTON STYLES - Enhanced with hover effects
   ============================================================================= */

.btn-primary {
  background: #10b981;
  color: #000;
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 10px;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}

.btn-primary:hover {
  transform: scale(1.02);
  filter: brightness(1.1);
  box-shadow: 0 0 20px rgba(16,185,129,0.25);
}

.btn-primary:active {
  transform: scale(0.98);
}

.btn-secondary {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255,255,255,0.7);
  font-family: 'Sora', sans-serif;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border-radius: 10px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.btn-secondary:hover {
  border-color: rgba(16,185,129,0.3);
  color: #fff;
  background: rgba(255, 255, 255, 0.03);
}

/* =============================================================================
   GRADIENT UTILITIES
   ============================================================================= */

.gradient-primary {
  background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
}

.gradient-accent {
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
}

.gradient-text-primary {
  background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gradient-text-hero {
  background: linear-gradient(135deg, #10B981, #06B6D4, #8B5CF6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gradient-text-accent {
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* =============================================================================
   BACKGROUND PATTERNS - Hero & Pages
   ============================================================================= */

.hero-gradient {
  background: 
    radial-gradient(ellipse at 50% 30%, rgba(16,185,129,0.08) 0%, rgba(6,182,212,0.04) 30%, transparent 60%),
    radial-gradient(circle, rgba(255,255,255,0.015) 1px, transparent 1px);
  background-size: cover, 32px 32px;
}

.grid-background {
  background-image: 
    linear-gradient(rgba(16, 185, 129, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 185, 129, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
}

.dots-background {
  background-image: radial-gradient(rgba(255,255,255,0.015) 1px, transparent 1px);
  background-size: 32px 32px;
}

/* =============================================================================
   TABLE STYLES - Unified with Landing
   ============================================================================= */

.table-glass {
  background: rgba(255,255,255,0.02);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border-radius: 16px;
  overflow: hidden;
}

.table-glass th {
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  text-align: left;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.table-glass td {
  padding: 14px 16px;
  font-size: 14px;
  color: rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(255,255,255,0.03);
}

.table-glass tr {
  border-bottom: 1px solid rgba(255,255,255,0.03);
  transition: background 0.2s ease;
}

.table-glass tbody tr:hover {
  background: rgba(16,185,129,0.03);
}

/* =============================================================================
   INPUT STYLES - Unified with Landing
   ============================================================================= */

.input-glass {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  transition: border-color 0.3s ease;
}

.input-glass:focus {
  outline: none;
  border-color: rgba(16,185,129,0.4);
  box-shadow: 0 0 12px rgba(16,185,129,0.1);
}

.input-glass::placeholder {
  color: rgba(255,255,255,0.3);
}

/* Global input/select/textarea styling */
.app-shell input:not([type="checkbox"]):not([type="radio"]):not([class*="rk"]):not([data-relay-kit] *),
.app-shell select,
.app-shell textarea {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  transition: border-color 0.3s ease;
}

.app-shell input:not([type="checkbox"]):not([type="radio"]):not([class*="rk"]):not([data-relay-kit] *):focus,
.app-shell select:focus,
.app-shell textarea:focus {
  border-color: rgba(16,185,129,0.4);
  outline: none;
  box-shadow: 0 0 12px rgba(16,185,129,0.1);
}

/* =============================================================================
   ANIMATIONS
   ============================================================================= */

/* Fade in up animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Scale in animation */
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Shimmer effect for loading */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Price flash animations */
@keyframes priceFlashGreen {
  0% { background-color: rgba(16, 185, 129, 0.3); }
  100% { background-color: transparent; }
}

@keyframes priceFlashRed {
  0% { background-color: rgba(239, 68, 68, 0.3); }
  100% { background-color: transparent; }
}

/* Floating animation */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

/* Pulse glow */
@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 5px rgba(16, 185, 129, 0.2); }
  50% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.4); }
}

/* Animation classes */
.animate-fade-in-up {
  animation: fadeInUp 0.4s ease-out forwards;
}

.animate-scale-in {
  animation: scaleIn 0.3s ease-out forwards;
}

.animate-float {
  animation: float 4s ease-in-out infinite;
}

.animate-pulse-glow {
  animation: pulseGlow 2s ease-in-out infinite;
}

.price-flash-green {
  animation: priceFlashGreen 0.5s ease-out;
}

.price-flash-red {
  animation: priceFlashRed 0.5s ease-out;
}

/* Stagger animation delays */
.stagger-1 { animation-delay: 0.08s; }
.stagger-2 { animation-delay: 0.16s; }
.stagger-3 { animation-delay: 0.24s; }
.stagger-4 { animation-delay: 0.32s; }
.stagger-5 { animation-delay: 0.40s; }
.stagger-6 { animation-delay: 0.48s; }

/* Shimmer skeleton */
.skeleton-shimmer {
  background: linear-gradient(
    90deg,
    #10101E 0%,
    #16162A 50%,
    #10101E 100%
  );
  background: linear-gradient(
    90deg,
    var(--bg-elevated) 0%,
    var(--bg-floating) 50%,
    var(--bg-elevated) 100%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

/* =============================================================================
   CHAIN BADGE COLORS
   ============================================================================= */

.chain-badge-arbitrum {
  background: rgba(45,55,75,0.3);
  border-color: #2D374B;
}

.chain-badge-base {
  background: rgba(0,82,255,0.15);
  border-color: rgba(0,82,255,0.3);
}

.chain-badge-solana {
  background: rgba(153,69,255,0.15);
  border-color: rgba(153,69,255,0.3);
}

.chain-badge-starknet {
  background: rgba(236,121,107,0.15);
  border-color: rgba(236,121,107,0.3);
}

.chain-badge-ethereum {
  background: rgba(98,126,234,0.15);
  border-color: rgba(98,126,234,0.3);
}

.chain-badge-polygon {
  background: rgba(130,71,229,0.15);
  border-color: rgba(130,71,229,0.3);
}

.chain-badge-optimism {
  background: rgba(255,4,32,0.15);
  border-color: rgba(255,4,32,0.3);
}

/* =============================================================================
   RELAY PROTOCOL WIDGET - DARK THEME OVERRIDES
   ============================================================================= */

.relay-swap-container {
  --relay-widget-background: var(--bg-elevated);
  --relay-widget-card-background: var(--bg-floating);
  --relay-widget-text: var(--text-primary);
  --relay-widget-secondary-text: var(--text-secondary);
  --relay-widget-accent: var(--ac-emerald);
  --relay-widget-border: var(--border-subtle);
}

.relay-swap-container * {
  font-family: inherit;
}

[data-relay-kit] > div,
.relay-swap-container > div > div {
  background: #10101E !important;
  background: var(--bg-elevated) !important;
  border-color: rgba(255,255,255,0.04) !important;
  border-color: var(--border-subtle) !important;
  color: #EEEEF2 !important;
  color: var(--text-primary) !important;
}

[data-relay-kit] input,
.relay-swap-container input {
  background: #16162A !important;
  background: var(--bg-floating) !important;
  border-color: rgba(255,255,255,0.04) !important;
  border-color: var(--border-subtle) !important;
  color: #EEEEF2 !important;
  color: var(--text-primary) !important;
}

[data-relay-kit] button:not([class*="connect"]):not([class*="action"]) {
  background: #16162A !important;
  background: var(--bg-floating) !important;
  border-color: rgba(255,255,255,0.04) !important;
  border-color: var(--border-subtle) !important;
  color: #EEEEF2 !important;
  color: var(--text-primary) !important;
}

[data-relay-kit] button[class*="primary"],
[data-relay-kit] button[class*="action"] {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6) !important;
  color: #ffffff !important;
  border: none !important;
}

/* RainbowKit Modal Dark Theme */
[data-rk] {
  --rk-colors-accentColor: #10b981;
  --rk-colors-modalBackground: var(--bg-floating);
  --rk-colors-modalBorder: var(--border-subtle);
}

/* RainbowKit Chain Selector Dropdown - Custom Dark Theme */
[data-rk] [class*="iekbcc0"],
[data-rk] [role="dialog"],
[data-rk] [role="menu"],
[data-rk] [role="listbox"] {
  background: #10101E !important;
  background: var(--bg-elevated) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.5) !important;
}

[data-rk] button[class*="iekbcc0"],
[data-rk] [role="menuitem"],
[data-rk] [role="option"] {
  background: transparent !important;
  color: #EEEEF2 !important;
  color: var(--text-primary) !important;
  border-radius: 12px !important;
  transition: background 0.2s ease !important;
}

[data-rk] button[class*="iekbcc0"]:hover,
[data-rk] [role="menuitem"]:hover,
[data-rk] [role="option"]:hover {
  background: rgba(16, 185, 129, 0.1) !important;
}

[data-rk] [class*="iekbcc0"] span,
[data-rk] [role="menuitem"] span,
[data-rk] [role="option"] span {
  color: #EEEEF2 !important;
  color: var(--text-primary) !important;
}

/* Chain selector button styling */
[data-rk] button[aria-haspopup="listbox"],
[data-rk] button[aria-haspopup="menu"] {
  background: rgba(16,16,30,0.7) !important;
  background: var(--bg-glass) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
  transition: all 0.2s ease !important;
}

[data-rk] button[aria-haspopup="listbox"]:hover,
[data-rk] button[aria-haspopup="menu"]:hover {
  border-color: rgba(16,185,129,0.25) !important;
  border-color: var(--border-accent) !important;
  background: #10101E !important;
  background: var(--bg-elevated) !important;
}

/* Dropdown container */
[data-rk] div[class*="ju367v"] {
  background: #10101E !important;
  background: var(--bg-elevated) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* =============================================================================
   PROGRESS BAR GRADIENT (for Airdrops)
   ============================================================================= */

.progress-gradient {
  background: linear-gradient(90deg, 
    #ef4444 0%, 
    #f59e0b 50%, 
    #10b981 100%
  );
}

/* =============================================================================
   PREMIUM EFFECTS
   ============================================================================= */

.premium-glow {
  box-shadow: 0 0 30px rgba(16, 185, 129, 0.2), 0 0 60px rgba(16, 185, 129, 0.1);
}

.premium-glow:hover {
  box-shadow: 0 0 40px rgba(16, 185, 129, 0.3), 0 0 80px rgba(16, 185, 129, 0.15);
}

.amber-glow {
  box-shadow: 0 0 12px rgba(245,158,11,0.3);
}

/* =============================================================================
   APP SHELL & 7-LAYER BACKGROUND (shared with landing page)
   ============================================================================= */

.app-shell {
  position: relative;
  background: linear-gradient(180deg, #050510 0%, #0a1628 25%, #0d0f20 50%, #0a1628 75%, #050510 100%);
  min-height: 100vh;
  overflow-x: hidden;
  color: rgba(255,255,255,0.85);
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;
}

.app-content {
  position: relative;
  z-index: 10;
}

/* Capa 2: Grid tech + dots */
.app-shell .bg-layer-grid {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: linear-gradient(90deg, rgba(16,185,129,0.07) 1px, transparent 1px), linear-gradient(0deg, rgba(16,185,129,0.07) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 85% 75% at 50% 45%, black 20%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 45%, black 20%, transparent 75%);
}
.app-shell .bg-grid-dots {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: radial-gradient(circle 1.5px at center, rgba(16,185,129,0.15) 0%, transparent 100%);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 80% 70% at 50% 45%, black 20%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 45%, black 20%, transparent 70%);
}

/* Capa 3: Angular lines */
.app-shell .bg-layer-lines { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.app-shell .bg-layer-lines::before {
  content: ''; position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271440%27 height=%271400%27 viewBox=%270 0 1440 1400%27%3E%3Cdefs%3E%3ClinearGradient id=%27g1%27 x1=%270%27 y1=%270%27 x2=%271%27 y2=%270%27%3E%3Cstop offset=%270%27 stop-color=%27%2310B981%27 stop-opacity=%270%27/%3E%3Cstop offset=%270.3%27 stop-color=%27%2310B981%27 stop-opacity=%270.12%27/%3E%3Cstop offset=%270.7%27 stop-color=%27%2310B981%27 stop-opacity=%270.12%27/%3E%3Cstop offset=%271%27 stop-color=%27%2310B981%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27g2%27 x1=%270%27 y1=%270%27 x2=%271%27 y2=%270%27%3E%3Cstop offset=%270%27 stop-color=%27%2306B6D4%27 stop-opacity=%270%27/%3E%3Cstop offset=%270.3%27 stop-color=%27%2306B6D4%27 stop-opacity=%270.10%27/%3E%3Cstop offset=%270.7%27 stop-color=%27%2306B6D4%27 stop-opacity=%270.10%27/%3E%3Cstop offset=%271%27 stop-color=%27%2306B6D4%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27g3%27 x1=%270%27 y1=%270%27 x2=%271%27 y2=%270%27%3E%3Cstop offset=%270%27 stop-color=%27%238B5CF6%27 stop-opacity=%270%27/%3E%3Cstop offset=%270.4%27 stop-color=%27%238B5CF6%27 stop-opacity=%270.08%27/%3E%3Cstop offset=%270.6%27 stop-color=%27%238B5CF6%27 stop-opacity=%270.08%27/%3E%3Cstop offset=%271%27 stop-color=%27%238B5CF6%27 stop-opacity=%270%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill=%27none%27%3E%3Cpath d=%27M-100 150 L350 60 L720 160 L1100 30 L1540 130%27 stroke=%27url%28%23g1%29%27 stroke-width=%271.2%27/%3E%3Cpath d=%27M-100 400 L280 290 L620 380 L980 250 L1540 340%27 stroke=%27url%28%23g1%29%27 stroke-width=%271%27/%3E%3Cpath d=%27M-100 600 L400 500 L780 590 L1150 470 L1540 560%27 stroke=%27url%28%23g2%29%27 stroke-width=%271.2%27/%3E%3Cpath d=%27M-100 820 L320 720 L680 810 L1060 690 L1540 780%27 stroke=%27url%28%23g2%29%27 stroke-width=%271%27/%3E%3Cpath d=%27M-100 1000 L450 910 L800 1000 L1200 880 L1540 970%27 stroke=%27url%28%23g3%29%27 stroke-width=%271%27/%3E%3Cpath d=%27M-100 1180 L380 1090 L740 1180 L1100 1060 L1540 1150%27 stroke=%27url%28%23g3%29%27 stroke-width=%271%27/%3E%3Ccircle cx=%27350%27 cy=%2760%27 r=%273%27 fill=%27rgba%2816,185,129,0.25%29%27/%3E%3Ccircle cx=%27720%27 cy=%27160%27 r=%273%27 fill=%27rgba%2816,185,129,0.25%29%27/%3E%3Ccircle cx=%271100%27 cy=%2730%27 r=%273%27 fill=%27rgba%2816,185,129,0.20%29%27/%3E%3Ccircle cx=%27280%27 cy=%27290%27 r=%273%27 fill=%27rgba%286,182,212,0.22%29%27/%3E%3Ccircle cx=%27620%27 cy=%27380%27 r=%273%27 fill=%27rgba%286,182,212,0.22%29%27/%3E%3Ccircle cx=%27980%27 cy=%27250%27 r=%273%27 fill=%27rgba%286,182,212,0.20%29%27/%3E%3Ccircle cx=%27400%27 cy=%27500%27 r=%273%27 fill=%27rgba%286,182,212,0.20%29%27/%3E%3Ccircle cx=%27780%27 cy=%27590%27 r=%273%27 fill=%27rgba%286,182,212,0.18%29%27/%3E%3Ccircle cx=%27450%27 cy=%27910%27 r=%272.5%27 fill=%27rgba%28139,92,246,0.18%29%27/%3E%3Ccircle cx=%27800%27 cy=%271000%27 r=%272.5%27 fill=%27rgba%28139,92,246,0.18%29%27/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover; background-position: center;
}

/* Capa 4: 4 Animated orbs */
.app-shell .bg-orb-1 {
  position: fixed; width: 700px; height: 700px; border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,0.14) 0%, rgba(16,185,129,0.03) 40%, transparent 65%);
  top: -250px; left: -200px; z-index: 0; pointer-events: none;
  animation: app-orb-drift-1 20s ease-in-out infinite;
}
.app-shell .bg-orb-2 {
  position: fixed; width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(6,182,212,0.12) 0%, rgba(6,182,212,0.03) 40%, transparent 65%);
  bottom: -200px; right: -150px; z-index: 0; pointer-events: none;
  animation: app-orb-drift-2 25s ease-in-out infinite;
}
.app-shell .bg-orb-3 {
  position: fixed; width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(139,92,246,0.08) 0%, rgba(139,92,246,0.02) 40%, transparent 65%);
  top: 35%; left: 50%; z-index: 0; pointer-events: none;
  animation: app-orb-drift-3 30s ease-in-out infinite;
}
.app-shell .bg-orb-4 {
  position: fixed; width: 800px; height: 400px; border-radius: 50%;
  background: radial-gradient(ellipse, rgba(16,185,129,0.06) 0%, transparent 60%);
  top: 10%; left: 50%; transform: translateX(-50%); z-index: 0; pointer-events: none;
}
@keyframes app-orb-drift-1 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(40px,30px) scale(1.05)} }
@keyframes app-orb-drift-2 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-35px,-20px) scale(1.03)} }
@keyframes app-orb-drift-3 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(25px,-30px) scale(1.04)} }

/* Capa 5: Noise */
.app-shell .bg-noise {
  position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 256 256%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27noise%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.9%27 numOctaves=%274%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23noise%29%27 opacity=%271%27/%3E%3C/svg%3E");
  background-repeat: repeat; background-size: 256px 256px;
}

/* Capa 6: Scanline */
.app-shell .bg-scanline { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.app-shell .bg-scanline::before {
  content: ''; position: absolute; left: 0; right: 0; height: 200px;
  background: linear-gradient(180deg, transparent 0%, rgba(16,185,129,0.03) 50%, transparent 100%);
  animation: app-scanline-move 8s linear infinite;
}
@keyframes app-scanline-move { 0%{top:-200px} 100%{top:calc(100% + 200px)} }

/* Capa 7: Vignette */
.app-shell .bg-vignette {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse at 50% 50%, transparent 45%, rgba(0,0,0,0.3) 100%);
}

/* =============================================================================
   SCROLLBAR STYLING
   ============================================================================= */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.02);
}

::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.1);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(16,185,129,0.3);
}

/* =============================================================================
   UTILITY CLASSES
   ============================================================================= */

.text-gradient-primary {
  background: linear-gradient(135deg, #10b981, #06b6d4);
  background: linear-gradient(135deg, var(--ac-emerald), var(--ac-cyan));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.border-gradient {
  border-image: linear-gradient(135deg, #10b981, #06b6d4) 1;
  border-image: linear-gradient(135deg, var(--ac-emerald), var(--ac-cyan)) 1;
}

/* Hide scrollbar but keep functionality */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Price flash animations for ticker */
@keyframes flash-green {
  0%, 100% { background-color: transparent; }
  50% { background-color: rgba(16, 185, 129, 0.3); }
}

@keyframes flash-red {
  0%, 100% { background-color: transparent; }
  50% { background-color: rgba(239, 68, 68, 0.3); }
}

.price-flash-green {
  animation: flash-green 0.5s ease-out;
  border-radius: 4px;
  padding: 0 4px;
}

.price-flash-red {
  animation: flash-red 0.5s ease-out;
  border-radius: 4px;
  padding: 0 4px;
}



/* =============================================================================
   RAINBOWKIT WALLET MODAL OVERRIDES
   ============================================================================= */

[data-rk] [role="dialog"] {
  background: rgba(10, 15, 30, 0.98) !important;
  -webkit-backdrop-filter: blur(20px) !important;
          backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
}

[data-rk] [data-testid="rk-connect-modal-overlay"],
div[role="presentation"] > div:first-child {
  background: rgba(0, 0, 0, 0.7) !important;
  -webkit-backdrop-filter: blur(4px) !important;
          backdrop-filter: blur(4px) !important;
}

[data-rk] button {
  transition: background 0.2s ease !important;
}

[data-rk] button:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* Make all RainbowKit internal backgrounds dark */
[data-rk] div[style*="background"] {
  background-color: rgba(10, 15, 30, 0.98) !important;
}

[data-rk] [data-testid="rk-connect-modal"] {
  background: rgba(10, 15, 30, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

.file\:border-0::-webkit-file-upload-button{
  border-width: 0px;
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-transparent::-webkit-file-upload-button{
  background-color: transparent;
}

.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}

.file\:text-sm::-webkit-file-upload-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::-webkit-file-upload-button{
  font-weight: 500;
}

.file\:font-medium::file-selector-button{
  font-weight: 500;
}

.file\:text-foreground::-webkit-file-upload-button{
  color: hsl(210 40% 98%);
  color: hsl(var(--foreground));
}

.file\:text-foreground::file-selector-button{
  color: hsl(210 40% 98%);
  color: hsl(var(--foreground));
}

.placeholder\:text-muted-foreground::placeholder{
  color: hsl(215 20.2% 65.1%);
  color: hsl(var(--muted-foreground));
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-y-0::after{
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}

.after\:left-1\/2::after{
  content: var(--tw-content);
  left: 50%;
}

.after\:w-1::after{
  content: var(--tw-content);
  width: 0.25rem;
}

.after\:-translate-x-1\/2::after{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.first\:rounded-l-md:first-child{
  border-top-left-radius: calc(0.75rem - 2px);
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(0.75rem - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.first\:border-l:first-child{
  border-left-width: 1px;
}

.last\:rounded-r-md:last-child{
  border-top-right-radius: calc(0.75rem - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(0.75rem - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.focus-within\:relative:focus-within{
  position: relative;
}

.focus-within\:z-20:focus-within{
  z-index: 20;
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.01\]:hover{
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-amber-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / 1);
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-500\/30:hover{
  border-color: rgb(59 130 246 / 0.3);
}

.hover\:border-blue-500\/40:hover{
  border-color: rgb(59 130 246 / 0.4);
}

.hover\:border-emerald-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / 1);
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.hover\:border-emerald-500\/30:hover{
  border-color: rgb(16 185 129 / 0.3);
}

.hover\:border-emerald-500\/40:hover{
  border-color: rgb(16 185 129 / 0.4);
}

.hover\:border-emerald-500\/50:hover{
  border-color: rgb(16 185 129 / 0.5);
}

.hover\:border-purple-500\/30:hover{
  border-color: rgb(168 85 247 / 0.3);
}

.hover\:border-red-500\/30:hover{
  border-color: rgb(239 68 68 / 0.3);
}

.hover\:border-violet-500\/50:hover{
  border-color: rgb(139 92 246 / 0.5);
}

.hover\:border-white\/20:hover{
  border-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-accent:hover{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.hover\:bg-amber-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / 1);
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black\/40:hover{
  background-color: rgb(0 0 0 / 0.4);
}

.hover\:bg-blue-500\/20:hover{
  background-color: rgb(59 130 246 / 0.2);
}

.hover\:bg-blue-500\/30:hover{
  background-color: rgb(59 130 246 / 0.3);
}

.hover\:bg-destructive\/80:hover{
  background-color: hsl(0 62.8% 30.6% / 0.8);
  background-color: hsl(var(--destructive) / 0.8);
}

.hover\:bg-destructive\/90:hover{
  background-color: hsl(0 62.8% 30.6% / 0.9);
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-emerald-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / 1);
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-500\/10:hover{
  background-color: rgb(16 185 129 / 0.1);
}

.hover\:bg-emerald-500\/20:hover{
  background-color: rgb(16 185 129 / 0.2);
}

.hover\:bg-emerald-500\/30:hover{
  background-color: rgb(16 185 129 / 0.3);
}

.hover\:bg-emerald-500\/5:hover{
  background-color: rgb(16 185 129 / 0.05);
}

.hover\:bg-emerald-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / 1);
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / 1);
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / 1);
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-700\/30:hover{
  background-color: rgb(55 65 81 / 0.3);
}

.hover\:bg-gray-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / 1);
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-muted:hover{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/50:hover{
  background-color: hsl(217.2 32.6% 17.5% / 0.5);
  background-color: hsl(var(--muted) / 0.5);
}

.hover\:bg-primary:hover{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--primary));
}

.hover\:bg-primary\/80:hover{
  background-color: hsl(160 84% 39% / 0.8);
  background-color: hsl(var(--primary) / 0.8);
}

.hover\:bg-primary\/90:hover{
  background-color: hsl(160 84% 39% / 0.9);
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-red-500\/10:hover{
  background-color: rgb(239 68 68 / 0.1);
}

.hover\:bg-red-500\/20:hover{
  background-color: rgb(239 68 68 / 0.2);
}

.hover\:bg-red-500\/40:hover{
  background-color: rgb(239 68 68 / 0.4);
}

.hover\:bg-secondary:hover{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--secondary));
}

.hover\:bg-secondary\/80:hover{
  background-color: hsl(217.2 32.6% 17.5% / 0.8);
  background-color: hsl(var(--secondary) / 0.8);
}

.hover\:bg-violet-500\/10:hover{
  background-color: rgb(139 92 246 / 0.1);
}

.hover\:bg-violet-500\/30:hover{
  background-color: rgb(139 92 246 / 0.3);
}

.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/5:hover{
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/\[0\.02\]:hover{
  background-color: rgb(255 255 255 / 0.02);
}

.hover\:from-emerald-400:hover{
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-violet-400:hover{
  --tw-gradient-from: #a78bfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-violet-500\/30:hover{
  --tw-gradient-from: rgb(139 92 246 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-cyan-400:hover{
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
}

.hover\:to-purple-400:hover{
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.hover\:to-purple-500:hover{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.hover\:to-purple-500\/30:hover{
  --tw-gradient-to: rgb(168 85 247 / 0.3) var(--tw-gradient-to-position);
}

.hover\:text-accent-foreground:hover{
  color: hsl(0 0% 100%);
  color: hsl(var(--accent-foreground));
}

.hover\:text-emerald-300:hover{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / 1);
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.hover\:text-emerald-400:hover{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / 1);
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.hover\:text-emerald-500:hover{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / 1);
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.hover\:text-foreground:hover{
  color: hsl(210 40% 98%);
  color: hsl(var(--foreground));
}

.hover\:text-gray-300:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 1);
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-400:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 1);
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.hover\:text-muted-foreground:hover{
  color: hsl(215 20.2% 65.1%);
  color: hsl(var(--muted-foreground));
}

.hover\:text-primary-foreground:hover{
  color: hsl(0 0% 100%);
  color: hsl(var(--primary-foreground));
}

.hover\:text-red-400:hover{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 1);
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.hover\:text-violet-400:hover{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / 1);
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:shadow-2xl:hover{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-emerald-500\/20:hover{
  --tw-shadow-color: rgb(16 185 129 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-emerald-500\/25:hover{
  --tw-shadow-color: rgb(16 185 129 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-violet-500\/25:hover{
  --tw-shadow-color: rgb(139 92 246 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:border-emerald-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / 1);
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.focus\:border-emerald-500\/40:focus{
  border-color: rgb(16 185 129 / 0.4);
}

.focus\:border-emerald-500\/50:focus{
  border-color: rgb(16 185 129 / 0.5);
}

.focus\:bg-accent:focus{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.focus\:bg-primary:focus{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--primary));
}

.focus\:text-accent-foreground:focus{
  color: hsl(0 0% 100%);
  color: hsl(var(--accent-foreground));
}

.focus\:text-primary-foreground:focus{
  color: hsl(0 0% 100%);
  color: hsl(var(--primary-foreground));
}

.focus\:opacity-100:focus{
  opacity: 1;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-ring:focus{
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-1:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-offset-background:focus-visible{
  --tw-ring-offset-color: hsl(var(--background));
}

.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:bg-gray-600:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / 1);
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:gap-2{
  gap: 0.5rem;
}

.group:hover .group-hover\:border-emerald-400\/50{
  border-color: rgb(52 211 153 / 0.5);
}

.group:hover .group-hover\:border-emerald-400\/60{
  border-color: rgb(52 211 153 / 0.6);
}

.group:hover .group-hover\:border-emerald-500\/40{
  border-color: rgb(16 185 129 / 0.4);
}

.group:hover .group-hover\:border-violet-400\/50{
  border-color: rgb(167 139 250 / 0.5);
}

.group:hover .group-hover\:from-emerald-500\/30{
  --tw-gradient-from: rgb(16 185 129 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:to-cyan-500\/30{
  --tw-gradient-to: rgb(6 182 212 / 0.3) var(--tw-gradient-to-position);
}

.group:hover .group-hover\:text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / 1);
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-emerald-300{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / 1);
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-emerald-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / 1);
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-60{
  opacity: 0.6;
}

.group:hover .group-hover\:ring-emerald-500\/50{
  --tw-ring-color: rgb(16 185 129 / 0.5);
}

.group.destructive .group-\[\.destructive\]\:border-muted\/40{
  border-color: hsl(217.2 32.6% 17.5% / 0.4);
  border-color: hsl(var(--muted) / 0.4);
}

.group.toaster .group-\[\.toaster\]\:border-border{
  border-color: hsl(217.2 32.6% 17.5%);
  border-color: hsl(var(--border));
}

.group.toast .group-\[\.toast\]\:bg-muted{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--muted));
}

.group.toast .group-\[\.toast\]\:bg-primary{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--primary));
}

.group.toaster .group-\[\.toaster\]\:bg-background{
  background-color: hsl(222.2 84% 2%);
  background-color: hsl(var(--background));
}

.group.destructive .group-\[\.destructive\]\:text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / 1);
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.group.toast .group-\[\.toast\]\:text-muted-foreground{
  color: hsl(215 20.2% 65.1%);
  color: hsl(var(--muted-foreground));
}

.group.toast .group-\[\.toast\]\:text-primary-foreground{
  color: hsl(0 0% 100%);
  color: hsl(var(--primary-foreground));
}

.group.toaster .group-\[\.toaster\]\:text-foreground{
  color: hsl(210 40% 98%);
  color: hsl(var(--foreground));
}

.group.toaster .group-\[\.toaster\]\:shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{
  border-color: hsl(0 62.8% 30.6% / 0.3);
  border-color: hsl(var(--destructive) / 0.3);
}

.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{
  background-color: hsl(0 62.8% 30.6%);
  background-color: hsl(var(--destructive));
}

.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{
  color: hsl(210 40% 98%);
  color: hsl(var(--destructive-foreground));
}

.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / 1);
  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{
  --tw-ring-color: hsl(var(--destructive));
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{
  --tw-ring-offset-color: #dc2626;
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}

.has-\[\:disabled\]\:opacity-50:has(:disabled){
  opacity: 0.5;
}

.aria-selected\:bg-accent[aria-selected="true"]{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.aria-selected\:bg-accent\/50[aria-selected="true"]{
  background-color: hsl(160 84% 39% / 0.5);
  background-color: hsl(var(--accent) / 0.5);
}

.aria-selected\:text-accent-foreground[aria-selected="true"]{
  color: hsl(0 0% 100%);
  color: hsl(var(--accent-foreground));
}

.aria-selected\:text-muted-foreground[aria-selected="true"]{
  color: hsl(215 20.2% 65.1%);
  color: hsl(var(--muted-foreground));
}

.aria-selected\:opacity-100[aria-selected="true"]{
  opacity: 1;
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{
  pointer-events: none;
}

.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}

.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{
  height: 1px;
}

.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{
  width: 100%;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"]{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"]{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"]{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=checked\]\:translate-x-4[data-state="checked"]{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{
  --tw-translate-x: var(--radix-toast-swipe-end-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes accordion-up{

  from{
    height: var(--radix-accordion-content-height);
  }

  to{
    height: 0;
  }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{
  animation: accordion-up 0.2s ease-out;
}

@keyframes accordion-down{

  from{
    height: 0;
  }

  to{
    height: var(--radix-accordion-content-height);
  }
}

.data-\[state\=open\]\:animate-accordion-down[data-state="open"]{
  animation: accordion-down 0.2s ease-out;
}

.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{
  flex-direction: column;
}

.data-\[selected\=true\]\:bg-accent[data-selected="true"]{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.data-\[state\=active\]\:bg-background[data-state="active"]{
  background-color: hsl(222.2 84% 2%);
  background-color: hsl(var(--background));
}

.data-\[state\=checked\]\:bg-primary[data-state="checked"]{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--primary));
}

.data-\[state\=on\]\:bg-accent[data-state="on"]{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.data-\[state\=open\]\:bg-accent[data-state="open"]{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.data-\[state\=open\]\:bg-accent\/50[data-state="open"]{
  background-color: hsl(160 84% 39% / 0.5);
  background-color: hsl(var(--accent) / 0.5);
}

.data-\[state\=open\]\:bg-secondary[data-state="open"]{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--secondary));
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"]{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--muted));
}

.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]{
  background-color: hsl(217.2 32.6% 17.5%);
  background-color: hsl(var(--input));
}

.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{
  color: hsl(215 20.2% 65.1%);
  color: hsl(var(--muted-foreground));
}

.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{
  color: hsl(0 0% 100%);
  color: hsl(var(--accent-foreground));
}

.data-\[state\=active\]\:text-foreground[data-state="active"]{
  color: hsl(210 40% 98%);
  color: hsl(var(--foreground));
}

.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{
  color: hsl(0 0% 100%);
  color: hsl(var(--primary-foreground));
}

.data-\[state\=on\]\:text-accent-foreground[data-state="on"]{
  color: hsl(0 0% 100%);
  color: hsl(var(--accent-foreground));
}

.data-\[state\=open\]\:text-accent-foreground[data-state="open"]{
  color: hsl(0 0% 100%);
  color: hsl(var(--accent-foreground));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"]{
  color: hsl(215 20.2% 65.1%);
  color: hsl(var(--muted-foreground));
}

.data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{
  opacity: 0.5;
}

.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}

.data-\[state\=active\]\:shadow[data-state="active"]{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
  transition-property: none;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  transition-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"]{
  transition-duration: 500ms;
}

.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=open\]\:animate-in[data-state="open"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=visible\]\:animate-in[data-state="visible"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=hidden\]\:animate-out[data-state="hidden"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[swipe\=end\]\:animate-out[data-swipe="end"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{
  --tw-enter-opacity: 0;
}

.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{
  --tw-exit-opacity: 0;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
  --tw-exit-opacity: 0;
}

.data-\[state\=closed\]\:fade-out-80[data-state="closed"]{
  --tw-exit-opacity: 0.8;
}

.data-\[state\=hidden\]\:fade-out[data-state="hidden"]{
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"]{
  --tw-enter-opacity: 0;
}

.data-\[state\=visible\]\:fade-in[data-state="visible"]{
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-90[data-state="open"]{
  --tw-enter-scale: .9;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"]{
  --tw-enter-scale: .95;
}

.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{
  --tw-enter-translate-x: 13rem;
}

.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{
  --tw-enter-translate-x: -13rem;
}

.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{
  --tw-exit-translate-x: 13rem;
}

.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{
  --tw-exit-translate-x: -13rem;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
  --tw-enter-translate-y: -0.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
  --tw-enter-translate-x: 0.5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
  --tw-enter-translate-x: -0.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
  --tw-enter-translate-y: 0.5rem;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
  --tw-exit-translate-y: -100%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
  --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
  --tw-enter-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
  --tw-enter-translate-y: -100%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
  --tw-enter-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]{
  --tw-enter-translate-y: -100%;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  animation-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"]{
  animation-duration: 500ms;
}

.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  left: 0px;
}

.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  height: 0.25rem;
}

.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  width: 100%;
}

.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"]{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"]{
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dark\:border-destructive:is(.dark *){
  border-color: hsl(0 62.8% 30.6%);
  border-color: hsl(var(--destructive));
}

@media (min-width: 640px){

  .sm\:bottom-0{
    bottom: 0px;
  }

  .sm\:right-0{
    right: 0px;
  }

  .sm\:top-auto{
    top: auto;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:w-\[420px\]{
    width: 420px;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-col{
    flex-direction: column;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-2\.5{
    gap: 0.625rem;
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:rounded-lg{
    border-radius: 0.75rem;
    border-radius: var(--radius);
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{
    --tw-enter-translate-y: 100%;
  }
}

@media (min-width: 768px){

  .md\:absolute{
    position: absolute;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:h-96{
    height: 24rem;
  }

  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
    width: var(--radix-navigation-menu-viewport-width);
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:max-w-\[420px\]{
    max-width: 420px;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:p-10{
    padding: 2.5rem;
  }

  .md\:p-12{
    padding: 3rem;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px){

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:gap-8{
    gap: 2rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:text-left{
    text-align: left;
  }

  .lg\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }
}

.\[\&\+div\]\:text-xs+div{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){
  border-top-right-radius: calc(0.75rem - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(0.75rem - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){
  border-top-left-radius: calc(0.75rem - 2px);
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(0.75rem - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){
  border-radius: calc(0.75rem - 2px);
  border-radius: calc(var(--radius) - 2px);
}

.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){
  background-color: hsl(160 84% 39%);
  background-color: hsl(var(--accent));
}

.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{
  border-top-left-radius: calc(0.75rem - 2px);
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(0.75rem - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{
  border-top-right-radius: calc(0.75rem - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(0.75rem - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){
  background-color: hsl(160 84% 39% / 0.5);
  background-color: hsl(var(--accent) / 0.5);
}

.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){
  border-top-right-radius: calc(0.75rem - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(0.75rem - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}

.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>svg\]\:absolute>svg{
  position: absolute;
}

.\[\&\>svg\]\:left-4>svg{
  left: 1rem;
}

.\[\&\>svg\]\:top-4>svg{
  top: 1rem;
}

.\[\&\>svg\]\:size-4>svg{
  width: 1rem;
  height: 1rem;
}

.\[\&\>svg\]\:h-3\.5>svg{
  height: 0.875rem;
}

.\[\&\>svg\]\:w-3\.5>svg{
  width: 0.875rem;
}

.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink: 0;
}

.\[\&\>svg\]\:text-destructive>svg{
  color: hsl(0 62.8% 30.6%);
  color: hsl(var(--destructive));
}

.\[\&\>svg\]\:text-foreground>svg{
  color: hsl(210 40% 98%);
  color: hsl(var(--foreground));
}

.\[\&\>svg\~\*\]\:pl-7>svg~*{
  padding-left: 1.75rem;
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width: 0px;
}

.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
  font-weight: 500;
}

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{
  color: hsl(215 20.2% 65.1%);
  color: hsl(var(--muted-foreground));
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{
  padding-top: 0px;
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
  height: 1.25rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
  width: 1.25rem;
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
  height: 3rem;
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
  height: 1.25rem;
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
  width: 1.25rem;
}

.\[\&_p\]\:leading-relaxed p{
  line-height: 1.625;
}

.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}

.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}

.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.App {
  min-height: 100vh;
}

.grid-background {
  background-image: linear-gradient(to right, #1f2937 1px, transparent 1px),
    linear-gradient(to bottom, #1f2937 1px, transparent 1px);
  background-size: 4rem 4rem;
  -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 0%, #000 70%, transparent 100%);
  mask-image: radial-gradient(ellipse 60% 50% at 50% 0%, #000 70%, transparent 100%);
}

.hero-glow {
  background: radial-gradient(circle at center, rgba(16, 185, 129, 0.15) 0%, rgba(3, 7, 18, 0) 70%);
}

.ticker-animation {
  animation: scroll-left 30s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.card-hover {
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-4px);
  border-color: rgba(16, 185, 129, 0.4);
  box-shadow: 0 0 30px -10px rgba(16, 185, 129, 0.3);
}

.btn-primary {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.btn-primary:hover {
  transform: scale(1.02);
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
}

.btn-primary:active {
  transform: scale(0.98);
}

.glass-card {
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
}

.premium-glow {
  box-shadow: 0 0 30px -10px rgba(16, 185, 129, 0.3);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.fade-in {
  animation: fadeIn 0.6s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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