/**
 * NOTES for migration
 * --zeric05: --neutral-200
 * --zeric10: --neutral-300
 * --zeric60: --neutral-700
 * --zeric80: --neutral-800
 * --addOrange50: --negative-400
 */

:root {
  --always-white: #ffffff;
  --always-black: #16161a;
  --always-primary: #2962ef;

  --black: #16161a;
  --white: #ffffff;

  --whiteR: 255;
  --whiteG: 255;
  --whiteB: 255;

  --neutral-100: #f5f5f7;
  --neutral-200: #f0f0f2;
  --neutral-300: #e6e7e9;
  --neutral-400: #cdced3;
  --neutral-500: #9c9fa8;
  --neutral-600: #81848e;
  --neutral-700: #71727d;
  --neutral-800: #44444e;
  --neutral-900: #2d2d31;

  --primary-100: #f2f7ff;
  --primary-200: #e8f0ff;
  --primary-300: #c7dbff;
  --primary-400: #4375f1;
  --primary-500: #2962ef;
  --primary-600: #255ce5;

  --primary: var(--primary-500);

  --actions-default: #2962ef;
  --actions-hover: #4375f1;
  --actions-pressed: #2558d9;
  --actions-disabled: #bcd1fc;
  --actions-on-disabled: #f2f7ff;

  --z-index-0: #ffffff;
  --z-index-1: #ffffff;

  --positive-100: #edfcf2;
  --positive-200: #dbf3e5;
  --positive-300: #99dbb4;
  --positive-400: #1fc260;
  --positive-500: #01a643;

  --negative-100: #fcf2ef;
  --negative-200: #ffe6e6;
  --negative-300: #ffd0c9;
  --negative-400: #ff847b;
  --negative-500: #ff4a4a;

  --notice-100: #fff9f0;
  --notice-200: #fff1de;
  --notice-300: #fff1de;
  --notice-400: #fec375;
  --notice-500: #ff9d1c;
  --notice-600: #e58b0b;

  --elevation-100: 0px 2px 4px rgba(22, 22, 26, 0.06);
  --elevation-200: 0px 0px 0px 1px rgba(21, 21, 31, 0.06),
    0px 8px 28px rgba(22, 22, 26, 0.08);
  --elevation-300: 0px 4px 8px -2px rgba(21, 21, 31, 0.08),
    0px 24px 48px -16px rgba(21, 21, 31, 0.24);
  --deprecated--bl16ap8: 0px 8px 16px rgba(21, 21, 31, 0.12);
  --deprecated--bl8ap8: 0px 4px 8px rgba(21, 21, 31, 0.08);
  --premium-gradient: linear-gradient(90deg, #3232dc 0%, #ff7583 100%);
  --loyalty-gradient: linear-gradient(90deg, #a024ef 0%, #fdbb6c 100%);
  --rewards-shadow: 8px 16px 24px 0px rgba(0, 0, 0, 0.08);
  --background-transparent: rgba(22, 22, 26, 0.9);
}

._3J9Dz {
  color-scheme: dark;

  --black: #ffffff;
  --white: #16161a;

  --whiteR: 22;
  --whiteG: 22;
  --whiteB: 26;

  --neutral-100: #1d1d21;
  --neutral-200: #29292c;
  --neutral-300: #2d2d32;
  --neutral-400: #45464a;
  --neutral-500: #70737b;
  --neutral-600: #868990;
  --neutral-700: #9da0a6;
  --neutral-800: #cecfd1;
  --neutral-900: #e8e8e8;

  --primary-100: #252c3d;
  --primary-200: #26365a;
  --primary-300: #2a5a8c;
  --primary-400: #0088cc;
  --primary-500: #00a3f5;

  --primary: var(--primary-500);

  --actions-default: #296df5;
  --actions-hover: #3c7af6;
  --actions-pressed: #2f63ca;
  --actions-disabled: #264688;
  --actions-on-disabled: #93b3f5;

  --z-index-0: #16161a;
  --z-index-1: #1d1d21;

  --positive-100: #29342f;
  --positive-200: #2d4435;
  --positive-300: #256f44;
  --positive-400: #31b566;
  --positive-500: #4fbf67;

  --negative-100: #382328;
  --negative-200: #4e272a;
  --negative-300: #8a393b;
  --negative-400: #e85555;
  --negative-500: #ff5c5c;

  --notice-100: #352b1e;
  --notice-200: #4e371b;
  --notice-300: #8a5a1b;
  --notice-400: #d0821c;
  --notice-500: #ff9d1c;
  --notice-600: #feb85b;

  /* Effect styles */
  --elevation-100: 0px 2px 4px rgba(0, 0, 0, 0.24);
  --elevation-200: 0px 8px 12px rgba(0, 0, 0, 0.12),
    0px 2px 4px rgba(0, 0, 0, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.05);
  --elevation-300: 0px 24px 48px rgba(0, 0, 0, 0.24),
    0px 4px 16px rgba(0, 0, 0, 0.16),
    inset 0px 1px 0px rgba(255, 255, 255, 0.08);
  --background-transparent: rgba(255, 255, 255, 0.9);
}

._3J9Dz .theme-dark-invert {
  filter: invert(100%) hue-rotate(180deg) contrast(90%);
}

._3J9Dz select option {
  background-color: var(--z-index-1);
  color: var(--black);
}

@font-face {
  font-family: 'Aeonik Pro';
  src:
    url(/src/DesignSystem/fonts/AeonikPro-Regular.aa6b6132beeff32b423be0ef11d45b07.woff2) format('woff2'),
    url(/src/DesignSystem/fonts/AeonikPro-Regular.1f343ad747f77f2779c709f477f8b1ab.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Aeonik Pro';
  src:
    url(/src/DesignSystem/fonts/AeonikPro-Medium.0214496abecf780ec7172e9eece36b28.woff2) format('woff2'),
    url(/src/DesignSystem/fonts/AeonikPro-Medium.dbf82d9579ef33f6a4fe7e945adc9e52.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}

* {
  padding: 0;
  margin: 0;
  font-family: 'Aeonik Pro', sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

#root {
  width: 100%;
}

body {
  background-color: var(--white);
  color: var(--black);
  overflow-x: hidden;
  font-variant-ligatures: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* @media (min-width: 1600px) {
  body {
    zoom: 110%;
  }
}

@media (min-width: 1800px) {
  body {
    zoom: 120%;
  }
} */

a {
  text-decoration: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}

/* Fix for bimmer and refiner white frame in dark theme */
#refiner-widget-frame,
.beamerAnnouncementPopup {
  color-scheme: auto;
}

.beamerAnnouncementSnippetTitle {
  color: var(--always-black);
}

#chat {
  z-index: 1000 !important;
}

.replybutton.replybutton {
  min-height: 36px;
  height: 36px;
  background-color: transparent !important;
  padding: 8px;
  border: none !important;
  border-radius: 11px;
  margin: 0;
}

:where(.Hvl9j) {
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: currentColor;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}

.focus-not-visible .Hvl9j {
  outline: none;
}

._2ml_U {
  --box-background-color: var(--z-index-1);
  background-color: var(--box-background-color);
  border-radius: 12px;
  width: 100%;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.focus-not-visible ._2ml_U {
  outline: none;
}

@media (max-width: 768px) {
  ._2ml_U {
    border-radius: 0;
    width: 100%;
    max-width: initial;
  }
}

._1_oPM {
  position: relative;
  --horizontal-padding: var(--header-horizontal-padding, 54px);
  padding-left: var(--horizontal-padding);
  padding-right: var(--horizontal-padding);
  padding-top: 20px;
  padding-bottom: 19px;
}

._149f3 {
  background-color: var(--neutral-300);
  height: 1px;
  flex-shrink: 0;
}

._3lhyU {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: var(--modal-dialog-index) !important;
  background-color: var(--modal-backdrop-color, rgba(0, 0, 0, 0.4));
  align-items: center;
  justify-content: center;
}

._3nf3L > * {
  max-height: 100%;
}

.rGAww {
  pointer-events: none;
  background-color: transparent;
}
.rGAww > * {
  pointer-events: auto;
}

._1T9-F {
  padding-top: 32px;
  padding-bottom: 32px;
  overflow-y: auto;
  width: 100%;
}

._1T9-F > * {
  margin-left: auto;
  margin-right: auto;
}

._2Hl9A._1T9-F > * {
  max-height: calc(100vh - 64px);
}

.KDCnA > * {
  box-shadow: 0px 4px 18px rgba(7, 7, 22, 0.2);
}

@media (max-width: 768px) {
  ._1T9-F {
    padding-top: 0;
    padding-bottom: 0;
    height: 100vh;
  }

  ._1T9-F > * {
    min-height: 100%;
  }
}

._12U5M {
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}

.focus-not-visible ._12U5M {
  outline: none;
}

/**
 * NOTES for migration
 * --zeric05: --neutral-200
 * --zeric10: --neutral-300
 * --zeric60: --neutral-700
 * --zeric80: --neutral-800
 * --addOrange50: --negative-400
 */

:root {
  --always-white: #ffffff;
  --always-black: #16161a;
  --always-primary: #2962ef;

  --black: #16161a;
  --white: #ffffff;

  --whiteR: 255;
  --whiteG: 255;
  --whiteB: 255;

  --neutral-100: #f5f5f7;
  --neutral-200: #f0f0f2;
  --neutral-300: #e6e7e9;
  --neutral-400: #cdced3;
  --neutral-500: #9c9fa8;
  --neutral-600: #81848e;
  --neutral-700: #71727d;
  --neutral-800: #44444e;
  --neutral-900: #2d2d31;

  --primary-100: #f2f7ff;
  --primary-200: #e8f0ff;
  --primary-300: #c7dbff;
  --primary-400: #4375f1;
  --primary-500: #2962ef;
  --primary-600: #255ce5;

  --primary: var(--primary-500);

  --actions-default: #2962ef;
  --actions-hover: #4375f1;
  --actions-pressed: #2558d9;
  --actions-disabled: #bcd1fc;
  --actions-on-disabled: #f2f7ff;

  --z-index-0: #ffffff;
  --z-index-1: #ffffff;

  --positive-100: #edfcf2;
  --positive-200: #dbf3e5;
  --positive-300: #99dbb4;
  --positive-400: #1fc260;
  --positive-500: #01a643;

  --negative-100: #fcf2ef;
  --negative-200: #ffe6e6;
  --negative-300: #ffd0c9;
  --negative-400: #ff847b;
  --negative-500: #ff4a4a;

  --notice-100: #fff9f0;
  --notice-200: #fff1de;
  --notice-300: #fff1de;
  --notice-400: #fec375;
  --notice-500: #ff9d1c;
  --notice-600: #e58b0b;

  --elevation-100: 0px 2px 4px rgba(22, 22, 26, 0.06);
  --elevation-200: 0px 0px 0px 1px rgba(21, 21, 31, 0.06),
    0px 8px 28px rgba(22, 22, 26, 0.08);
  --elevation-300: 0px 4px 8px -2px rgba(21, 21, 31, 0.08),
    0px 24px 48px -16px rgba(21, 21, 31, 0.24);
  --deprecated--bl16ap8: 0px 8px 16px rgba(21, 21, 31, 0.12);
  --deprecated--bl8ap8: 0px 4px 8px rgba(21, 21, 31, 0.08);
  --premium-gradient: linear-gradient(90deg, #3232dc 0%, #ff7583 100%);
  --loyalty-gradient: linear-gradient(90deg, #a024ef 0%, #fdbb6c 100%);
  --rewards-shadow: 8px 16px 24px 0px rgba(0, 0, 0, 0.08);
  --background-transparent: rgba(22, 22, 26, 0.9);
}

._3J9Dz {
  color-scheme: dark;

  --black: #ffffff;
  --white: #16161a;

  --whiteR: 22;
  --whiteG: 22;
  --whiteB: 26;

  --neutral-100: #1d1d21;
  --neutral-200: #29292c;
  --neutral-300: #2d2d32;
  --neutral-400: #45464a;
  --neutral-500: #70737b;
  --neutral-600: #868990;
  --neutral-700: #9da0a6;
  --neutral-800: #cecfd1;
  --neutral-900: #e8e8e8;

  --primary-100: #252c3d;
  --primary-200: #26365a;
  --primary-300: #2a5a8c;
  --primary-400: #0088cc;
  --primary-500: #00a3f5;

  --primary: var(--primary-500);

  --actions-default: #296df5;
  --actions-hover: #3c7af6;
  --actions-pressed: #2f63ca;
  --actions-disabled: #264688;
  --actions-on-disabled: #93b3f5;

  --z-index-0: #16161a;
  --z-index-1: #1d1d21;

  --positive-100: #29342f;
  --positive-200: #2d4435;
  --positive-300: #256f44;
  --positive-400: #31b566;
  --positive-500: #4fbf67;

  --negative-100: #382328;
  --negative-200: #4e272a;
  --negative-300: #8a393b;
  --negative-400: #e85555;
  --negative-500: #ff5c5c;

  --notice-100: #352b1e;
  --notice-200: #4e371b;
  --notice-300: #8a5a1b;
  --notice-400: #d0821c;
  --notice-500: #ff9d1c;
  --notice-600: #feb85b;

  /* Effect styles */
  --elevation-100: 0px 2px 4px rgba(0, 0, 0, 0.24);
  --elevation-200: 0px 8px 12px rgba(0, 0, 0, 0.12),
    0px 2px 4px rgba(0, 0, 0, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.05);
  --elevation-300: 0px 24px 48px rgba(0, 0, 0, 0.24),
    0px 4px 16px rgba(0, 0, 0, 0.16),
    inset 0px 1px 0px rgba(255, 255, 255, 0.08);
  --background-transparent: rgba(255, 255, 255, 0.9);
}

._3J9Dz .theme-dark-invert {
  filter: invert(100%) hue-rotate(180deg) contrast(90%);
}

._3J9Dz select option {
  background-color: var(--z-index-1);
  color: var(--black);
}

._1BCaw {
  width: 100%;
  height: 1px;
  background-color: var(--frame-border-color, var(--neutral-300));
}

._3rcF8 {
  counter-reset: item;
  max-width: 420px;
}

._3rcF8 li {
  padding-left: 8px;
  position: relative;
}

._3rcF8 li::before {
  content: counter(item) '  ';
  counter-increment: item;
  position: absolute;
  top: 0;
  left: -1.5em;
  background-color: var(--primary);
  width: 1.5em;
  height: 1.5em;
  border-radius: 20px;
  color: white;
  text-align: center;
}

._1XgdD {
  --from-color: var(--shimmer-from-color, var(--black));
  --to-color: var(--shimmer-to-color, var(--neutral-500));
  animation: _1EB2E 1s linear infinite;
}

._3r_-y {
  --to-color: var(--shimmer-to-color, var(--neutral-600));
}

.v2DCc {
  animation: _1EB2E 1s linear infinite;
}

@supports (-webkit-background-clip: text) {
  ._1XgdD {
    color: transparent;
    background-image: linear-gradient(
      to right,
      var(--from-color) 0%,
      var(--from-color) 30%,
      var(--to-color) 50%,
      var(--from-color) 70%,
      var(--from-color) 100%
    );
    background-size: 200% 100%;
    animation: a2w1w 1.2s linear infinite;
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@keyframes a2w1w {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: -100%;
  }
}

@keyframes _1EB2E {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}


._3ZjVA {
  --text-color: var(--black);

  color: var(--text-color);
  background-color: var(--neutral-100);
  padding: 12px 16px;
  border: 1px solid var(--neutral-100);
  border-radius: 12px;
}

._3zfcF {
  padding-top: 3px;
  padding-bottom: 3px;
}

._3ZjVA ._1YYmc {
  color: var(--black);
}

.osMkF {
  background-color: var(--white);
  border-color: var(--neutral-400);
}

@media (hover: hover) {
  ._1Ek15:hover,
  ._1AbsI:hover {
    border-color: var(--neutral-400);
  }
}

._3ZjVA._3aIIU:focus-within {
  --text-color: var(--black);
  border-color: var(--primary);
  background-color: var(--white);
}

._3ZjVA:disabled {
  --text-color: var(--neutral-500);
  background-color: var(--neutral-100);
}

._3ZjVA:disabled,
._3ZjVA:disabled * {
  cursor: not-allowed;
}

._18H2N {
  background-color: var(--neutral-200);
  padding: 11px 12px;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  width: 100%;
}

._3Axcn {
  padding-top: 7px;
  padding-bottom: 7px;
}

._18H2N:focus-visible {
  outline-offset: 0;
  outline: 2px solid var(--primary-300);
  border: 1px solid var(--primary);
}

._18H2N._1RKz9 {
  border: 1px solid var(--negative-500);
}

._18H2N._1RKz9:focus-visible {
  outline-color: var(--negative-300);
}

._18H2N::-webkit-input-placeholder {
  color: var(--neutral-500);
}

._18H2N::placeholder {
  color: var(--neutral-500);
}

._1FBwn {
  display: block;
  border: none;
  padding: 0;
  outline-width: 0px;
  outline: none;
  background-color: transparent;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  width: 100%;
}

._2fXFp[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjMgNS43MDk5N0MxNy45MSA1LjMxOTk3IDE3LjI4IDUuMzE5OTcgMTYuODkgNS43MDk5N0wxMiAxMC41OUw3LjEwOTk3IDUuNjk5OTdDNi43MTk5NyA1LjMwOTk3IDYuMDg5OTcgNS4zMDk5NyA1LjY5OTk3IDUuNjk5OTdDNS4zMDk5NyA2LjA4OTk3IDUuMzA5OTcgNi43MTk5NyA1LjY5OTk3IDcuMTA5OTdMMTAuNTkgMTJMNS42OTk5NyAxNi44OUM1LjMwOTk3IDE3LjI4IDUuMzA5OTcgMTcuOTEgNS42OTk5NyAxOC4zQzYuMDg5OTcgMTguNjkgNi43MTk5NyAxOC42OSA3LjEwOTk3IDE4LjNMMTIgMTMuNDFMMTYuODkgMTguM0MxNy4yOCAxOC42OSAxNy45MSAxOC42OSAxOC4zIDE4LjNDMTguNjkgMTcuOTEgMTguNjkgMTcuMjggMTguMyAxNi44OUwxMy40MSAxMkwxOC4zIDcuMTA5OTdDMTguNjggNi43Mjk5NyAxOC42OCA2LjA4OTk3IDE4LjMgNS43MDk5N1oiIGZpbGw9IiMyOTYyZWYiLz4KPC9zdmc+Cg==);
}

._2fXFp[type='search']._105LC::-webkit-search-cancel-button {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjMgNS43MDk5N0MxNy45MSA1LjMxOTk3IDE3LjI4IDUuMzE5OTcgMTYuODkgNS43MDk5N0wxMiAxMC41OUw3LjEwOTk3IDUuNjk5OTdDNi43MTk5NyA1LjMwOTk3IDYuMDg5OTcgNS4zMDk5NyA1LjY5OTk3IDUuNjk5OTdDNS4zMDk5NyA2LjA4OTk3IDUuMzA5OTcgNi43MTk5NyA1LjY5OTk3IDcuMTA5OTdMMTAuNTkgMTJMNS42OTk5NyAxNi44OUM1LjMwOTk3IDE3LjI4IDUuMzA5OTcgMTcuOTEgNS42OTk5NyAxOC4zQzYuMDg5OTcgMTguNjkgNi43MTk5NyAxOC42OSA3LjEwOTk3IDE4LjNMMTIgMTMuNDFMMTYuODkgMTguM0MxNy4yOCAxOC42OSAxNy45MSAxOC42OSAxOC4zIDE4LjNDMTguNjkgMTcuOTEgMTguNjkgMTcuMjggMTguMyAxNi44OUwxMy40MSAxMkwxOC4zIDcuMTA5OTdDMTguNjggNi43Mjk5NyAxOC42OCA2LjA4OTk3IDE4LjMgNS43MDk5N1oiIGZpbGw9IiMwMGEzZjUiLz4KPC9zdmc+Cg==);
}

._2fXFp::-webkit-input-placeholder {
  color: var(--neutral-500);
}

._2fXFp::placeholder {
  color: var(--neutral-500);
}

._2fXFp[type='search'] {
  border: 1px solid var(--neutral-100);
}

._2fXFp:focus-visible {
  outline-offset: 0;
  /* outline: 2px solid var(--primary-300);
  border: 1px solid var(--primary); */
}

._3vBBQ {
  border-bottom: 1px solid var(--neutral-300);
  display: flex;
}
._3vBBQ._23t7A {
  border: 1px solid var(--neutral-300);
  background-color: var(--neutral-300);
  border-radius: 8px;
  display: flex;
}

._3vBBQ:focus-within {
  box-shadow: 0 0 0px 1px var(--white), 0 0 0px 3px var(--primary);
}

.focus-not-visible ._3vBBQ:focus-within {
  box-shadow: none;
}

._3vBBQ > * {
  flex: 1;
}

._11Ryw,
.uYYdv {
  position: relative;
  text-align: center;
  cursor: pointer;
  padding-bottom: 10px;
}
._3vBBQ._23t7A ._11Ryw {
  padding-bottom: 0;
  height: 32px;
  white-space: nowrap; /* since we restrict height, we should restrict wrapping, too */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding-left: 12px;
  padding-right: 12px;
}

._3DwpY {
  color: transparent;
  height: 1px;
  background-color: currentColor;
}
._3vBBQ._23t7A ._3DwpY {
  padding: 0 16px;
  top: 2px;
  bottom: 2px;
  right: 2px;
  left: 2px;
  border-radius: 6px;
  z-index: -1;
  height: calc(100% - 4px);
}

._11Ryw > ._3DwpY,
.uYYdv > ._3DwpY {
  position: absolute;
  bottom: -1px;
  width: 100%;
}
._3vBBQ._23t7A ._11Ryw > ._3DwpY {
  bottom: 2px;
  width: calc(100% - 4px);
}

._11Ryw:hover ._3DwpY,
._11Ryw:focus-within ._3DwpY,
.uYYdv:hover ._3DwpY {
  color: var(--neutral-500);
}

._3vBBQ._23t7A ._11Ryw:hover ._3DwpY,
._3vBBQ._23t7A ._11Ryw:focus-within ._3DwpY {
  color: var(--neutral-100);
}

._3vBBQ._2PxSm ._1TrRb > ._3DwpY,
._3vBBQ._2PxSm ._2MI4R:checked + ._3DwpY {
  color: var(--primary);
  height: 2px;
}

._3vBBQ._23t7A ._1TrRb + ._3DwpY,
._3vBBQ._23t7A ._2MI4R:checked + ._3DwpY {
  color: var(--white);
}

._3D-8F {
  opacity: 0;
}

._2MI4R {
  position: absolute;
  bottom: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
}

._2P0lJ {
  color: var(--primary);
  display: block;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: var(--primary-200);
}

._2P0lJ:visited {
  background-color: var(--neutral-300);
  color: var(--black) !important;
}

._2P0lJ:visited:hover {
  background-color: var(--neutral-400);
}

._277l- {
  position: relative;
  width: 100%;
  height: 60px;
  display: flex;
}

._3mj3M {
  display: grid;
  column-gap: 8px;
  flex: 1 1 100%;
  width: 100%;
  padding-right: 12px;
}

._3LjbH {
  /* display: none; */
  position: absolute;
  right: 8px;
  top: 14px;
}

@media (max-width: 960px) {
  ._3LjbH {
    right: 0;
  }
}

/* TODO: Uncomment if decided to hide swap button without hover */
/* .position:hover .swapButton,
.position:focus-within .swapButton {
  display: block;
} */

._10L8_ {
  align-items: center;
  position: relative;
  border-top: 1px solid var(--neutral-300);
}

._10L8_::after {
  content: '';
  position: absolute;
  left: -12px;
  right: -12px;
  top: 1px;
  bottom: 0;
  border-radius: 8px;
  z-index: -1;
}

._10L8_:hover::after {
  background-color: var(--neutral-100);
}

._277l-:hover:has(._3LjbH:not(:hover)) ._10L8_:hover {
  border-top: 1px solid transparent;
}

._277l-:hover:has(._3LjbH:not(:hover)) + ._277l- ._10L8_ {
  border-top: 1px solid transparent;
}

.RhFd_ {
  width: 64px;
}

._3fPzd {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

._2tfsk {
  padding: 4px;
  background-color: var(--neutral-200);
  border-radius: 4px;
  white-space: nowrap;
}

.dvbpa {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  overflow: hidden;
}

.B7APz {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  overflow: hidden;
}

._3_zfv > svg {
  display: block;
}

._1Qbwc:hover {
  text-decoration: underline;
}

._347ab:hover {
  color: var(--primary);
  text-decoration: underline;
}

._3ZcO3:hover {
  color: var(--primary);
}

._2_lrx {
  border-radius: 12px;
  padding: 20px;
  color: var(--always-white);
  background-color: #7ad28d;
  background-repeat: no-repeat;
  background-size: 80px 60px;
  background-position: bottom right;
}

._3OQCw {
  background-color: #7ad28d;
  background-image: url(/src/pages/Explore/pages/Main/Categories/images/top-gainers.file-loader.735af2a08e3b83b216a61d39ee7ba938.png);
  background-image: -webkit-image-set(
    url(/src/pages/Explore/pages/Main/Categories/images/top-gainers.file-loader.735af2a08e3b83b216a61d39ee7ba938.png) 1x,
    url(/src/pages/Explore/pages/Main/Categories/images/top-gainers@2x.file-loader.41d1b0e6743d195a51db00f91f01a8a1.png) 2x,
    url(/src/pages/Explore/pages/Main/Categories/images/top-gainers@4x.file-loader.e7e23584545b140d01ec30ed6ce5625e.png) 4x
  );
  background-image: image-set(
    url(/src/pages/Explore/pages/Main/Categories/images/top-gainers.file-loader.735af2a08e3b83b216a61d39ee7ba938.png) 1x,
    url(/src/pages/Explore/pages/Main/Categories/images/top-gainers@2x.file-loader.41d1b0e6743d195a51db00f91f01a8a1.png) 2x,
    url(/src/pages/Explore/pages/Main/Categories/images/top-gainers@4x.file-loader.e7e23584545b140d01ec30ed6ce5625e.png) 4x
  );
}

.BPuVI {
  background-color: #dd657c;
  background-image: url(/src/pages/Explore/pages/Main/Categories/images/top-losers.file-loader.bd863dcb858cc4a6ecbfd590fd86784a.png);
  background-image: -webkit-image-set(
    url(/src/pages/Explore/pages/Main/Categories/images/top-losers.file-loader.bd863dcb858cc4a6ecbfd590fd86784a.png) 1x,
    url(/src/pages/Explore/pages/Main/Categories/images/top-losers@2x.file-loader.8ff0fef056485e51a99155bbb79e33a1.png) 2x,
    url(/src/pages/Explore/pages/Main/Categories/images/top-losers@4x.file-loader.2a882ad005ac0e14bdb3a5e8ba6d17c9.png) 4x
  );
  background-image: image-set(
    url(/src/pages/Explore/pages/Main/Categories/images/top-losers.file-loader.bd863dcb858cc4a6ecbfd590fd86784a.png) 1x,
    url(/src/pages/Explore/pages/Main/Categories/images/top-losers@2x.file-loader.8ff0fef056485e51a99155bbb79e33a1.png) 2x,
    url(/src/pages/Explore/pages/Main/Categories/images/top-losers@4x.file-loader.2a882ad005ac0e14bdb3a5e8ba6d17c9.png) 4x
  );
}

.NY5os {
  background-color: #4ac3c7;
  background-image: url(/src/pages/Explore/pages/Main/Categories/images/market.file-loader.aa73c25802e00522631c29958c3c47cf.png);
  background-image: -webkit-image-set(
    url(/src/pages/Explore/pages/Main/Categories/images/market.file-loader.aa73c25802e00522631c29958c3c47cf.png) 1x,
    url(/src/pages/Explore/pages/Main/Categories/images/market@2x.file-loader.21b3514b9cf23fd8b6995f8389098c26.png) 2x,
    url(/src/pages/Explore/pages/Main/Categories/images/market@4x.file-loader.2b00ca6b86cbd1f4e8f230f23f509d5f.png) 4x
  );
  background-image: image-set(
    url(/src/pages/Explore/pages/Main/Categories/images/market.file-loader.aa73c25802e00522631c29958c3c47cf.png) 1x,
    url(/src/pages/Explore/pages/Main/Categories/images/market@2x.file-loader.21b3514b9cf23fd8b6995f8389098c26.png) 2x,
    url(/src/pages/Explore/pages/Main/Categories/images/market@4x.file-loader.2b00ca6b86cbd1f4e8f230f23f509d5f.png) 4x
  );
}

._17zD5 {
  background-color: #e9a54e;
  background-image: url(/src/pages/Explore/pages/Main/Categories/images/pools.file-loader.b5b2e98f9a5a6d5b57c3bb096532dd06.png);
  background-image: -webkit-image-set(
    url(/src/pages/Explore/pages/Main/Categories/images/pools.file-loader.b5b2e98f9a5a6d5b57c3bb096532dd06.png) 1x,
    url(/src/pages/Explore/pages/Main/Categories/images/pools@2x.file-loader.f51a21934aee0de6e36a6b6befc2911c.png) 2x,
    url(/src/pages/Explore/pages/Main/Categories/images/pools@4x.file-loader.e52e6a117808427651a8d1987528642a.png) 4x
  );
  background-image: image-set(
    url(/src/pages/Explore/pages/Main/Categories/images/pools.file-loader.b5b2e98f9a5a6d5b57c3bb096532dd06.png) 1x,
    url(/src/pages/Explore/pages/Main/Categories/images/pools@2x.file-loader.f51a21934aee0de6e36a6b6befc2911c.png) 2x,
    url(/src/pages/Explore/pages/Main/Categories/images/pools@4x.file-loader.e52e6a117808427651a8d1987528642a.png) 4x
  );
}

._3vXIo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  grid-gap: 20px;
}

@media (max-width: 768px) {
  ._3vXIo {
    grid-gap: 12px;
  }
}

._3cst3 {
  border-radius: 50%;
  border: 1px solid var(--black);
  width: 40px;
  height: 40px;
  margin: 4px 0;
}

._3gAJh {
  display: inline-block;
  letter-spacing: -0.25px;
  background: linear-gradient(
    73deg,
    #3e3bad -11.66%,
    #cd657f 18.59%,
    #856be3 48.83%,
    #71a1f3 79.08%,
    #62caff 109.33%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._1zu1z {
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

._3Nija {
  min-width: 120px;
  border-radius: 20px;
}

._3Nija._2o6DX {
  background: var(--negative-100);
}
._3Nija.nJJBI {
  background: var(--neutral-100);
}
._3Nija._2Us7i {
  background: var(--white);
}
._3Nija._4KVhN {
  background: transparent;
  border: 2px solid var(--neutral-200);
}

._3Rv1v {
  z-index: 1;
  padding: 40px;
  width: -webkit-max-content;
  width: max-content;
  background: var(--white);
}

._2m6ky {
  min-width: 36px;
  border-radius: 12px;
  padding: 8px;
  background: var(--neutral-100);
}

.M6QKA {
  position: absolute;
  border-radius: 22px;
  z-index: -1;
}

._3PKWy {
  width: 102px;
  height: 102px;
  top: -35px;
  left: 80px;
  transform: rotate(-22deg);
}
._3msCv {
  width: 128px;
  height: 128px;
  top: -65px;
  right: 70px;
  transform: rotate(30deg);
}
._1TFLm {
  width: 92px;
  height: 92px;
  right: 35px;
  top: 130px;
  transform: rotate(37deg);
}
.PgN84 {
  width: 78px;
  height: 78px;
  right: 95px;
  bottom: 20px;
  transform: rotate(32deg);
}
._18AGy {
  width: 121px;
  height: 121px;
  left: 52px;
  bottom: 90px;
  transform: rotate(-48deg);
}

._3yaHw {
  --box-border-color: var(--neutral-300);
  --box-border-radius: 8px;
  --input-index: 2;
  --icon-index: 3;
  --combobox-active-box-shadow: 0px 8px 28px rgba(16, 36, 87, 0.12);

  position: relative;
  z-index: var(--dropdown-menu-index);
}

.ZO2OY {
  -webkit-appearance: none;
          appearance: none;
  position: relative;
  z-index: var(--input-index);
  width: 100%;
  color: var(--black);

  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;

  padding: 9px 8px;
  padding-left: 16px;
  border: 1px solid transparent;
  background-color: var(--neutral-200);
  border-radius: var(--box-border-radius);
}

@media (hover: hover) {
  .ZO2OY:enabled:hover:not(._33THI) {
    border-color: var(--box-border-color);
    background-color: var(--z-index-1);
  }
}

.ZO2OY:enabled:focus:not(._33THI) {
  border-color: var(--box-border-color);
  background-color: var(--z-index-1);
}

.ZO2OY:enabled:focus:not(._33THI) {
  box-shadow: var(--combobox-active-box-shadow);
}

.ZO2OY.yab1R {
  padding-right: 32px;
}

._2LdZf::-webkit-search-cancel-button,
._2LdZf::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

._1sRZC {
  position: relative;
}

._1ttW0 {
  pointer-events: none;
  position: absolute;
  display: block;
  color: var(--neutral-700);
  z-index: var(--icon-index);
}

._36-je {
  right: 8px;
  top: 8px;
}

.focus-not-visible .ZO2OY {
  outline: none;
}

._33THI {
  border-color: var(--box-border-color);
  border-bottom-color: transparent;
  background-color: var(--z-index-1);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.q1H7C {
  position: absolute;
  width: 100%;
  background-color: var(--z-index-1);
  border: 1px solid var(--box-border-color);
  padding-top: 36px;
  margin-top: -36px;
  border-radius: var(--box-border-radius);
  box-shadow: var(--combobox-active-box-shadow);
}

._9a2Vr {
  --box-content-padding: 16px;

  padding: 8px var(--box-content-padding);
  max-height: 600px;
  overflow-y: auto;
}

.w-dkU {
  --negative-margin: var(--box-content-padding, 0px);
  display: block;
  margin-left: calc(0px - var(--negative-margin));
  margin-right: calc(0px - var(--negative-margin));
  padding-left: 8px;
  padding-right: 8px;
}

._2b751 {
  border-radius: 8px;
  padding: 14px 8px;
}

._1lfzT > ._2b751 {
  background-color: var(--neutral-200);
}

@media (hover: hover) {
  .WThdc:hover {
    background-color: var(--neutral-200);
  }
}

._1XBy1 {
  position: relative;
}

.CagO- {
  -webkit-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  height: 36px;
  border-radius: 8px;
  border: none;
  background-color: var(--neutral-200);
  color: var(--black);
  outline: none;
  padding-left: 44px;
  padding-right: 44px;

  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

._1vqUm {
  pointer-events: none;
  position: absolute;
  display: block;
  left: 12px;
  top: 9px;
  color: var(--neutral-700);
}

.a9yDX {
  position: absolute;
  right: 12px;
  top: 7px;
}

.focus-not-visible .CagO- {
  outline: none;
}

.syO92 > * {
  max-width: 100%;
  height: 100%;
}

._3R089 {
  --dialog-header-height: 56px; /* height of header in mobile view */

  height: 100vh;
  width: 100vw;
  background-color: var(--white);
}

._1dWkE {
  padding-left: 14px;
  padding-right: 14px;
}

._3Z5sd {
  background-color: var(--neutral-100);
  height: var(--dialog-header-height);
}

._2NVZj {
  height: calc(100vh - var(--dialog-header-height));
  overflow-y: auto;
  padding-bottom: 24px;
}

.GpYQn {
  position: fixed;
  top: 0;
  z-index: var(--max-layout-index);
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  height: 40px;
}

@media (max-width: 768px) {
  .GpYQn {
    height: 72px;
  }
}

.m23C7 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

._3xeIL {
  --border-color: var(--neutral-700);
  --core-color: transparent;
  --size: var(--radio-size, 16px);
  --core-size: var(--radio-core-size, 8px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 2px solid var(--border-color);
}

._3xeIL::before {
  content: '';
  display: block;
  width: var(--core-size);
  height: var(--core-size);
  /* position: absolute; */
  border-radius: 50%;
  background-color: var(--core-color);
}

.m23C7:focus + ._3xeIL,
.qJY54:hover ._3xeIL {
  --border-color: var(--primary);
}

.m23C7:checked + ._3xeIL {
  --core-color: var(--primary);
  --border-color: var(--primary);
}

@keyframes _2cuvR {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.OKnXG {
  animation: _2cuvR 1s ease-in-out both;
}

@keyframes _21ymZ {
  from {
    top: -200%;
    left: -200%;
  }
  50%,
  to {
    top: 100%;
    left: 100%;
  }
}

._3jN4Z {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._3jN4Z::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 200%;
  width: 200%;
  background: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 0) 0%,
    rgba(160, 36, 239, 0.6) 30%,
    rgba(253, 187, 108, 0.6) 50%,
    rgba(160, 36, 239, 0.6) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: _21ymZ 4s both infinite;
  filter: blur(10px);
  pointer-events: none;
  mix-blend-mode: overlay;
}
._3Egpy,
.v_S1o {
  border-radius: 16px;
  height: 48px;
  color: var(--black);
  cursor: pointer;
}

.v_S1o:hover,
._3Egpy:hover {
  background-color: var(--neutral-200);
}

._6yMrJ,
._5vRRA {
  background-color: var(--neutral-300);
}

._1zq06 {
  border: 2px solid var(--neutral-300);
  border-radius: 16px;
  padding: 12px 16px;
  display: flex;
  justify-content: center;
}

._1zq06:hover {
  border-color: var(--neutral-400);
}

:root {
  --featured-gradient: linear-gradient(
    81deg,
    #cd657f 7.13%,
    #8a6df1 34.59%,
    #71a1f3 62.04%,
    #3bb1ed 90.33%
  );

  --main-background-color: var(--neutral-100);
  --header-background-color: rgba(245, 245, 247, 0.9);
  --surface-background-color: #ffffff;
  --invite-gradient-color: #ffbdff;
}

.theme-dark {
  --main-background-color: #000;
  --header-background-color: raba(0, 0, 0, 0.8);
  --surface-background-color: #1d1d21;
  --modal-backdrop-color: rgba(0, 0, 0, 0.8);
  --invite-gradient-color: #76386c;
}

.theme-dark ._2BXT6 {
  --neutral-100: #2d2d32;
}

._34QDG {
  transition: box-shadow 300ms ease-in-out;
}

._34QDG:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

._3GQci {
  transition: box-shadow 150ms ease-in-out;
}

._3GQci:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

._3JWxR {
  position: fixed;
  z-index: var(--modal-dialog-tooltip-index);
  width: 0 auto;
  bottom: 30px;
  margin: 0 auto;
  left: 30px;
  right: 30px;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  align-items: flex-end;

  @media (max-width: 680px) {
    align-items: center;
  }
}

._3w0hW {
  position: relative;
  margin-top: 12px;
  pointer-events: all;
  @media (max-width: 680px) {
    width: 100%;
  }
}

._24TEl::-webkit-scrollbar {
  display: none;
}
@keyframes _1qrY0 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

._2mFHy {
  --image-scroll-duration: 3s;
  padding-right: 8px;
  justify-self: start;
  animation: _1qrY0
    calc(var(--image-scroll-duration) * var(--dna-list-length)) linear infinite;
}

@keyframes _2zk9s {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

._32Xty {
  animation: _2zk9s 2s infinite;
}

@property --dna-pointer-x {
  syntax: '<percentage>';
  inherits: true;
  initial-value: 10%;
}

@property --dna-pointer-y {
  syntax: '<percentage>';
  inherits: true;
  initial-value: 10%;
}

@property --dna-angle-x {
  syntax: '<angle>';
  inherits: false;
  initial-value: 10deg;
}

@property --dna-angle-y {
  syntax: '<angle>';
  inherits: false;
  initial-value: 10deg;
}

@keyframes lagWs {
  0% {
    --dna-pointer-x: 90%;
    --dna-pointer-y: 10%;
  }
  25% {
    --dna-pointer-x: 10%;
    --dna-pointer-y: 10%;
  }
  50% {
    --dna-pointer-x: 10%;
    --dna-pointer-y: 90%;
  }
  75% {
    --dna-pointer-x: 90%;
    --dna-pointer-y: 90%;
  }
  100% {
    --dna-pointer-x: 90%;
    --dna-pointer-y: 10%;
  }
}

@keyframes _3wNqp {
  0% {
    --dna-angle-x: 10deg;
    --dna-angle-y: 10deg;
  }
  25% {
    --dna-angle-x: 10deg;
    --dna-angle-y: -10deg;
  }
  50% {
    --dna-angle-x: -10deg;
    --dna-angle-y: -10deg;
  }
  75% {
    --dna-angle-x: -10deg;
    --dna-angle-y: 10deg;
  }
  100% {
    --dna-angle-x: 10deg;
    --dna-angle-y: 10deg;
  }
}

._33qIq {
  position: relative;
  transform: perspective(1000px) rotateX(var(--dna-angle-x))
    rotateY(var(--dna-angle-y));
  animation:
    _3wNqp 4s linear infinite,
    lagWs 4s linear infinite;
  border-radius: 16px;
  overflow: hidden;
}

._33qIq::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: radial-gradient(
    farthest-corner circle at calc(100% - var(--dna-pointer-x, 50%))
      calc(100% - var(--dna-pointer-y, 50%)),
    rgba(253, 187, 108, 0.2) 0%,
    rgba(160, 36, 239, 0.1) 30%,
    rgba(255, 255, 255, 0) 60%
  );
}

@keyframes _3ILwo {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

@keyframes _1rHdX {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

._1C-UN {
  animation: _3ILwo 2s infinite ease-in-out;
}

.W_ht_ {
  animation: _1rHdX 2s infinite ease-in-out;
}

._3nnkx {
  transition: transform 0.3s;
  transform-origin: center;
}
._3JJBt:hover ._3nnkx {
  transform: scale(1.05);
}
@keyframes _3nbEc {
  0%,
  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

@keyframes _3L-kh {
  0% {
    --angle: 0deg;
  }
  50% {
    --angle: 180deg;
  }
  100% {
    --angle: 360deg;
  }
}

@keyframes qmcx1 {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.02);
  }
  50% {
    transform: scale(0.97);
  }
  75% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}

._2omjp {
  --angle: 0deg;
  position: absolute;
  inset: -8px;
  background: conic-gradient(
    from calc(var(--angle) - 80deg) at 50% 50%,
    #a024ef 0%,
    #fdbb6c 50%,
    #a024ef 100%
  );
  filter: blur(5px);
  border-radius: 20px;
  animation:
    _3L-kh 3s linear,
    qmcx1 2s linear,
    _3nbEc 6s linear both;
  animation-iteration-count: 2, 3, 1;
}

@keyframes _2coRH {
  0% {
    background-position: 100%;
  }
  30%,
  100% {
    background-position: -100%;
  }
}

._37IFy,
.gfaOr {
  position: relative;
}

.gfaOr {
  transition: transform 0.2s ease;
}

._37IFy {
  overflow: hidden;
}

.gfaOr::after {
  content: '';
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 300ms ease-out;
  mix-blend-mode: overlay;
  opacity: 0;
}

.gfaOr:hover::after {
  opacity: 1;
}

._36suz.gfaOr::after {
  background-image: radial-gradient(
    farthest-corner circle at calc(100% - var(--pointer-x, 50%))
      calc(100% - var(--pointer-y, 50%)),
    rgba(253, 187, 108, 0.3) 0%,
    rgba(160, 36, 239, 0.3) 30%,
    rgba(255, 255, 255, 0) 60%
  );
}

._1biPd.gfaOr::after {
  background-image: radial-gradient(
    farthest-corner circle at calc(100% - var(--pointer-x, 50%))
      calc(100% - var(--pointer-y, 50%)),
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 50%
  );
}

._37IFy::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 200%;
  width: 200%;
  background: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 0) 0%,
    rgba(160, 36, 239, 0.6) 30%,
    rgba(253, 187, 108, 0.6) 50%,
    rgba(160, 36, 239, 0.6) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: _2DJfc 10s both infinite;
  animation-delay: calc(1s * var(--reward-index));
  filter: blur(33px);
  pointer-events: none;
  mix-blend-mode: overlay;
}

.gfaOr:hover ._37IFy::after {
  animation-play-state: paused;
}

@keyframes _2DJfc {
  from {
    top: -200%;
    left: -200%;
  }
  20%,
  to {
    top: 100%;
    left: 100%;
  }
}

.gsW_c {
  --padding: var(--frame-content-padding, 32px);
  --padding-top: var(--frame-content-padding-top, var(--padding));
  --padding-bottom: var(--frame-content-padding-bottom, var(--padding));

  padding: var(--padding);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--frame-border-radius);
  /* background-color: var(--white); */
}

.gsW_c:focus {
  outline: none;
}

._1m4N2 {
  z-index: 2;
  height: 470px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}

.ijKNb {
  display: grid;
  grid-template-columns: 32px 20fr 32px;
  align-items: center;
}

.ijKNb > *:nth-child(2) {
  text-align: center;
}

.W7pt0 {
  position: relative;
  background-color: transparent;
  cursor: pointer;
  border: 1px solid var(--neutral-300);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}

.W7pt0 input[type='radio'] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.W7pt0:has(input[type='radio']:checked) {
  border: 1px solid var(--primary);
}


@media (hover: hover) {
  ._2gWMF:hover {
    color: var(--primary);
  }
}

._1_yRP {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
}

._3g6tj {
  position: relative;
  box-shadow: 0px 4px 8px rgba(21, 21, 31, 0.08);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: var(--surface-background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.6s;
  transform-origin: 50% 50%;
}

._3y6Xa {
  --angle: 0deg;
  position: absolute;
  inset: -6px;
  opacity: 0;
  border-radius: 50%;
  transition-duration: 0.6s;
  background: conic-gradient(
    from calc(var(--angle) - 80deg) at 50% 50%,
    #a024ef 0%,
    #fdbb6c 50%,
    #a024ef 100%
  );
  filter: blur(5px);
  animation:
    lmiMt 3s linear infinite,
    _3bySY 2s linear infinite;
}

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

@keyframes lmiMt {
  0% {
    --angle: 0deg;
  }
  50% {
    --angle: 180deg;
  }
  100% {
    --angle: 360deg;
  }
}

@keyframes _3bySY {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.02);
  }
  50% {
    transform: scale(0.97);
  }
  75% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}

@media (hover: hover) {
  ._3_APH:hover ._3g6tj {
    transform: scale(1.05);
  }

  ._3_APH:hover ._3y6Xa {
    opacity: 0.7;
  }
}

@keyframes _2L1nO {
  from {
    top: -200%;
    left: -200%;
  }
  20%,
  to {
    top: 100%;
    left: 100%;
  }
}

._20qe8::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 200%;
  width: 200%;
  background: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 0) 0%,
    rgba(160, 36, 239, 0.6) 30%,
    rgba(253, 187, 108, 0.6) 50%,
    rgba(160, 36, 239, 0.6) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: _2L1nO 8s both;
  filter: blur(33px);
  pointer-events: none;
  mix-blend-mode: overlay;
}

/*# sourceMappingURL=app.ae5ea1d8d5ad709cb74e.js.map*/