@media print {
  .css-1k371a6 { position: absolute !important; }
}
.css-126xj0f { z-index: 1300; inset: 0px; }
@media print {
  .css-126xj0f { position: absolute !important; }
}
.css-kg80y3 { z-index: -1; display: none; background-color: rgba(9, 12, 29, 0.75); }
@media (min-width: 768px) {
  .css-kg80y3 { display: initial; }
}
.css-r49ypr { position: fixed; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; -webkit-tap-highlight-color: transparent; z-index: -1; display: none; background-color: rgba(9, 12, 29, 0.75); }
@media (min-width: 768px) {
  .css-r49ypr { display: initial; }
}
.css-16u656j { height: 100%; outline: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
@media print {
  .css-16u656j { height: auto; }
}
.css-byix4k { margin: 32px; position: relative; overflow: hidden auto; display: flex; flex-direction: column; max-height: calc(100% - 64px); max-width: 768px; border: 0px; background: rgb(25, 25, 57); border-radius: 0px; box-shadow: none; width: 100%; }
@media print {
  .css-byix4k { overflow-y: visible; box-shadow: none; }
}
@media (max-width: 831.95px) {
  .css-byix4k.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); }
}
@media (min-width: 768px) {
  .css-byix4k { border: 4px solid rgb(9, 12, 29); background: rgb(25, 25, 57); border-radius: 16px; }
}
@media (min-width: 768px) {
  .css-byix4k { max-width: 880px; height: 316px; }
}
.css-4gq1os { color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; margin: 32px; position: relative; overflow: hidden auto; display: flex; flex-direction: column; max-height: calc(100% - 64px); max-width: 768px; border: 0px; background: rgb(25, 25, 57); border-radius: 0px; box-shadow: none; width: 100%; }
@media print {
  .css-4gq1os { overflow-y: visible; box-shadow: none; }
}
@media (max-width: 831.95px) {
  .css-4gq1os.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); }
}
@media (min-width: 768px) {
  .css-4gq1os { border: 4px solid rgb(9, 12, 29); background: rgb(25, 25, 57); border-radius: 16px; }
}
@media (min-width: 768px) {
  .css-4gq1os { max-width: 880px; height: 316px; }
}
.css-19a45s9 { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; padding: 8px 16px 8px 24px; height: 58px; position: relative; }
@media (min-width: 768px) {
  .css-19a45s9 { background: rgb(9, 12, 29); padding-right: 6px; padding-left: 28px; height: 40px; }
}
@media (min-width: 768px) {
  .css-77quy1 { width: initial; }
}
.css-11811ik { flex: 0 0 auto; margin: 0px; padding: 0px; color: rgb(255, 255, 255); background: rgb(25, 25, 57); display: flex; font-size: 0.75rem; -webkit-box-align: center; align-items: center; gap: 12px; align-self: stretch; font-weight: 700; min-height: 4.834em !important; }
@media (min-width: 768px) {
  .css-11811ik { background: rgb(9, 12, 29); min-height: 3em !important; }
}
.css-mlohyo { line-height: 1.625rem; font-family: Excon, Roboto; flex: 0 0 auto; margin: 0px; padding: 0px; color: rgb(255, 255, 255); background: rgb(25, 25, 57); display: flex; font-size: 0.75rem; -webkit-box-align: center; align-items: center; gap: 12px; align-self: stretch; font-weight: 700; min-height: 4.834em !important; }
@media (min-width: 768px) {
  .css-mlohyo { background: rgb(9, 12, 29); min-height: 3em !important; }
}
.css-m9g45a { flex: 1 1 auto; overflow: hidden auto; padding: 0px; height: 100%; color: rgb(255, 255, 255); background-color: rgb(9, 12, 29); position: relative; }
.MuiDialogTitle-root + .css-m9g45a { padding-top: 0px; }
@media (min-width: 768px) {
  .css-m9g45a { background-color: rgb(25, 25, 57); }
}
.css-1xolg2d { position: absolute; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow: hidden; }
@media (min-width: 0px) {
  .css-1xolg2d { height: calc(100% - 32px); width: calc(100% - 32px); background-color: rgb(44, 40, 82); border-radius: 12px; margin: 16px; }
}
@media (min-width: 768px) {
  .css-1xolg2d { height: 100%; width: 100%; background-color: unset; border-radius: unset; margin: unset; }
}
.css-b93e9j { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; }
.css-jzzj9u { position: absolute; }
.css-jzzj9u path { fill: var(--roo-loading-color, #463E7A); }
.css-1vibiy6 { width: 70px; height: 70px; border-radius: 50%; background: conic-gradient(#0000 1%, var(--roo-loading-color, #463E7A)) content-box; -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, rgb(0, 0, 0) 1deg, rgb(0, 0, 0) 39deg, rgba(0, 0, 0, 0) 40deg, rgba(0, 0, 0, 0) 45deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8.4px), rgb(0, 0, 0) calc(100% - 8.4px)); -webkit-mask-composite: destination-in; animation: 1s steps(8) 0s infinite normal none running animation-1dtuc7i; }
@-webkit-keyframes animation-1dtuc7i { 
  100% { transform: rotate(1turn); }
}
@keyframes animation-1dtuc7i { 
  100% { transform: rotate(1turn); }
}
.css-1b4jz9c { padding: 16px; }
@media (min-width: 768px) {
  .css-1b4jz9c { padding: 0px; }
}
.css-164rge6 { position: relative; display: flex; flex-direction: column; }
@media (min-width: 768px) {
  .css-164rge6 { flex-direction: row-reverse; }
}
.css-17m5n9u { position: absolute; inset: 0px; pointer-events: none; object-fit: cover; border-radius: 12px; width: 100%; height: 100%; }
@media (min-width: 768px) {
  .css-17m5n9u { background-size: cover; border-radius: 0px; }
}
.css-13nr1l5 { position: relative; height: 240px; z-index: 1; width: 100%; }
@media (min-width: 768px) {
  .css-13nr1l5 { width: 352px; height: 246px; margin-left: auto; }
}
.css-ja3p76 { display: flex; flex-direction: column; align-items: flex-start; z-index: 1; }
.css-1xfzr82 { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; z-index: 1; padding: 0px 16px 16px; }
@media (min-width: 768px) {
  .css-1xfzr82 { padding: 32px; }
}
.css-oj9csq { text-shadow: rgba(65, 10, 155, 0.5) 0px 4px 0px; font-weight: 900; }
.css-ogq888 { margin: 0px; font-size: 2.25rem; line-height: 2.75rem; font-family: Excon, Roboto; text-shadow: rgba(65, 10, 155, 0.5) 0px 4px 0px; font-weight: 900; }
.css-192v8ds { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; font-weight: 500; }
.css-1lg1ktb { display: flex; width: 100%; padding: 6px; gap: 6px; border-radius: 16px; background: rgb(65, 10, 155); }
@media (min-width: 768px) {
  .css-1lg1ktb { width: initial; }
}
.css-1344rbf { min-width: fit-content; }
.css-1vusch1 { font-family: Excon, Roboto; font-size: 0.9375rem; line-height: 1.75; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: normal; --roo-loading-color:#C56A18; --roo-btn-text-stroke-color:#C56A18; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; transition: background-size 0.3s ease-in-out 0s; background: linear-gradient(420deg, rgb(255, 206, 0) 0%, rgb(255, 206, 0) 15%, rgb(255, 184, 0) 15%, rgb(255, 184, 0) 100%) left center / 100% 100% no-repeat; padding: 8px 14px 12px; min-width: fit-content; }
.css-1vusch1:hover { text-decoration: none; background-color: rgb(80, 39, 167); box-shadow: none; }
@media (hover: none) {
  .css-1vusch1:hover { background-color: rgb(120, 65, 238); }
}
.css-1vusch1:active { box-shadow: none; }
.css-1vusch1.Mui-focusVisible { box-shadow: none; }
.css-1vusch1.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
.css-1vusch1::before { content: " "; position: absolute; top: 0px; left: 10px; width: 5px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 16px; }
@media (hover) and (pointer: fine) {
  .css-1vusch1:hover { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
}
.css-1vusch1.Mui-focusVisible { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
.css-1vusch1:disabled { --roo-btn-text-stroke-color:#191939; -webkit-text-stroke-color: rgb(25, 25, 57); background: rgb(44, 40, 82); color: rgb(217, 209, 244); box-shadow: rgb(35, 32, 66) 0px -3px 0px 0px inset, rgb(89, 81, 142) 0px 2px 0px 0px inset; text-shadow: rgb(25, 25, 57) 0px 1px 0px; }
.css-1vusch1:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1vusch1:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1vusch1:active { background: rgb(255, 184, 0); }
.css-1vusch1[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-56r6yd { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.9375rem; line-height: 1.75; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: normal; --roo-loading-color:#C56A18; --roo-btn-text-stroke-color:#C56A18; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; transition: background-size 0.3s ease-in-out 0s; background: linear-gradient(420deg, rgb(255, 206, 0) 0%, rgb(255, 206, 0) 15%, rgb(255, 184, 0) 15%, rgb(255, 184, 0) 100%) left center / 100% 100% no-repeat; padding: 8px 14px 12px; min-width: fit-content; }
.css-56r6yd.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-56r6yd { -webkit-print-color-adjust: exact; }
}
.css-56r6yd:hover { text-decoration: none; background-color: rgb(80, 39, 167); box-shadow: none; }
@media (hover: none) {
  .css-56r6yd:hover { background-color: rgb(120, 65, 238); }
}
.css-56r6yd:active { box-shadow: none; }
.css-56r6yd.Mui-focusVisible { box-shadow: none; }
.css-56r6yd.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
.css-56r6yd::before { content: " "; position: absolute; top: 0px; left: 10px; width: 5px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 16px; }
@media (hover) and (pointer: fine) {
  .css-56r6yd:hover { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
}
.css-56r6yd.Mui-focusVisible { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
.css-56r6yd:disabled { --roo-btn-text-stroke-color:#191939; -webkit-text-stroke-color: rgb(25, 25, 57); background: rgb(44, 40, 82); color: rgb(217, 209, 244); box-shadow: rgb(35, 32, 66) 0px -3px 0px 0px inset, rgb(89, 81, 142) 0px 2px 0px 0px inset; text-shadow: rgb(25, 25, 57) 0px 1px 0px; }
.css-56r6yd:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-56r6yd:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-56r6yd:active { background: rgb(255, 184, 0); }
.css-56r6yd[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1vbi3b0 { visibility: initial; position: relative; padding: 2px; }
.css-1p5jbz2 { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 900; visibility: initial; position: relative; padding: 2px; }
.css-165y8eh { position: absolute; left: 2px; -webkit-text-stroke: 2px var(--roo-btn-text-stroke-color); }
.css-1uu95yu { position: absolute; left: 2px; -webkit-text-stroke: 2px var(--roo-btn-text-stroke-color); top: 3px; }
.css-79elbk { position: relative; }
.css-1mwcq24 { margin: 0px; position: relative; overflow: hidden auto; display: flex; flex-direction: column; max-height: none; max-width: 100%; height: 100%; border: 0px; background: rgb(25, 25, 57); border-radius: 0px; box-shadow: none; width: 100%; }
@media print {
  .css-1mwcq24 { overflow-y: visible; box-shadow: none; }
}
.css-1mwcq24.MuiDialog-paperScrollBody { margin: 0px; max-width: 100%; }
@media (min-width: 768px) {
  .css-1mwcq24 { border: 4px solid rgb(9, 12, 29); background: rgb(25, 25, 57); border-radius: 16px; }
}
@media (min-width: 768px) {
  .css-1mwcq24 { max-width: 880px; height: 316px; }
}
.css-13cuner { color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; margin: 0px; position: relative; overflow: hidden auto; display: flex; flex-direction: column; max-height: none; max-width: 100%; height: 100%; border: 0px; background: rgb(25, 25, 57); border-radius: 0px; box-shadow: none; width: 100%; }
@media print {
  .css-13cuner { overflow-y: visible; box-shadow: none; }
}
.css-13cuner.MuiDialog-paperScrollBody { margin: 0px; max-width: 100%; }
@media (min-width: 768px) {
  .css-13cuner { border: 4px solid rgb(9, 12, 29); background: rgb(25, 25, 57); border-radius: 16px; }
}
@media (min-width: 768px) {
  .css-13cuner { max-width: 880px; height: 316px; }
}
.css-391185 { display: contents; width: 100%; height: 12px; --data-background-color:#191939; }
.css-uxww8l { position: absolute; left: -4px; height: 12px; right: -4px; border-radius: 12px 12px 0px 0px; bottom: -12px; border-top: 4px solid rgb(9, 12, 29); border-left: 4px solid rgb(9, 12, 29); border-right: 4px solid rgb(9, 12, 29); z-index: 2; }
.css-bplmln { position: absolute; width: 0px; height: 0px; bottom: -4px; border-bottom: 4px solid transparent; z-index: 1; left: 0px; border-left: 12px solid var(--data-background-color, #191939); }
.css-zy73wa { position: absolute; width: 0px; height: 0px; bottom: -4px; border-bottom: 4px solid transparent; z-index: 1; right: 0px; border-right: 12px solid var(--data-background-color, #191939); }
.css-sdbce2 { width: auto; margin: 0px 16px; }
.css-1texd9g { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: normal; --roo-loading-color:#C56A18; --roo-btn-text-stroke-color:#C56A18; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; transition: background-size 0.3s ease-in-out 0s; background: linear-gradient(420deg, rgb(255, 206, 0) 0%, rgb(255, 206, 0) 15%, rgb(255, 184, 0) 15%, rgb(255, 184, 0) 100%) left center / 100% 100% no-repeat; padding: 10px 14px 14px; min-width: fit-content; }
.css-1texd9g:hover { text-decoration: none; background-color: rgb(80, 39, 167); box-shadow: none; }
@media (hover: none) {
  .css-1texd9g:hover { background-color: rgb(120, 65, 238); }
}
.css-1texd9g:active { box-shadow: none; }
.css-1texd9g.Mui-focusVisible { box-shadow: none; }
.css-1texd9g.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
.css-1texd9g::before { content: " "; position: absolute; top: 0px; left: 10px; width: 5px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 16px; }
@media (hover) and (pointer: fine) {
  .css-1texd9g:hover { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
}
.css-1texd9g.Mui-focusVisible { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
.css-1texd9g:disabled { --roo-btn-text-stroke-color:#191939; -webkit-text-stroke-color: rgb(25, 25, 57); background: rgb(44, 40, 82); color: rgb(217, 209, 244); box-shadow: rgb(35, 32, 66) 0px -3px 0px 0px inset, rgb(89, 81, 142) 0px 2px 0px 0px inset; text-shadow: rgb(25, 25, 57) 0px 1px 0px; }
.css-1texd9g:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1texd9g:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1texd9g:active { background: rgb(255, 184, 0); }
.css-1texd9g[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-rgliqs { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: normal; --roo-loading-color:#C56A18; --roo-btn-text-stroke-color:#C56A18; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; transition: background-size 0.3s ease-in-out 0s; background: linear-gradient(420deg, rgb(255, 206, 0) 0%, rgb(255, 206, 0) 15%, rgb(255, 184, 0) 15%, rgb(255, 184, 0) 100%) left center / 100% 100% no-repeat; padding: 10px 14px 14px; min-width: fit-content; }
.css-rgliqs.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-rgliqs { -webkit-print-color-adjust: exact; }
}
.css-rgliqs:hover { text-decoration: none; background-color: rgb(80, 39, 167); box-shadow: none; }
@media (hover: none) {
  .css-rgliqs:hover { background-color: rgb(120, 65, 238); }
}
.css-rgliqs:active { box-shadow: none; }
.css-rgliqs.Mui-focusVisible { box-shadow: none; }
.css-rgliqs.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
.css-rgliqs::before { content: " "; position: absolute; top: 0px; left: 10px; width: 5px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 16px; }
@media (hover) and (pointer: fine) {
  .css-rgliqs:hover { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
}
.css-rgliqs.Mui-focusVisible { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
.css-rgliqs:disabled { --roo-btn-text-stroke-color:#191939; -webkit-text-stroke-color: rgb(25, 25, 57); background: rgb(44, 40, 82); color: rgb(217, 209, 244); box-shadow: rgb(35, 32, 66) 0px -3px 0px 0px inset, rgb(89, 81, 142) 0px 2px 0px 0px inset; text-shadow: rgb(25, 25, 57) 0px 1px 0px; }
.css-rgliqs:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-rgliqs:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-rgliqs:active { background: rgb(255, 184, 0); }
.css-rgliqs[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-fvkzte { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 900; visibility: initial; position: relative; padding: 2px; }
#loader { background: rgb(25, 25, 57); position: fixed; inset: 0px; z-index: 1500; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#loader.ready { display: none; }
.spinner { width: 70px; height: 70px; border-radius: 50%; background: conic-gradient(#0000 1%, var(--spinner-color, #eeaf0e)) content-box; -webkit-mask: repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, rgb(0, 0, 0) 1deg, rgb(0, 0, 0) 39deg, rgba(0, 0, 0, 0) 40deg, rgba(0, 0, 0, 0) 45deg), radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), rgb(0, 0, 0) calc(100% - 9px)); -webkit-mask-composite: destination-in; animation: 1s steps(8) 0s infinite normal none running spinner; }
@keyframes easterSpinner { 
  0% { --spinner-color: #c0a6f7; }
  25% { --spinner-color: #fffc88; }
  50% { --spinner-color: #66fccd; }
  75% { --spinner-color: #f997b4; }
  100% { --spinner-color: #c0a6f7; }
}
.spinner.easter { animation: 1s steps(8) 0s infinite normal none running spinner, 1s linear 0s infinite normal none running easterSpinner; }
.roo { position: absolute; width: 40px; height: 50px; }
.roo-path { fill: var(--spinner-color, #eeaf0e); transition: color 0.3s ease-in-out 0s; }
.roo-path.easter { animation: 1s linear 0s infinite normal none running easterSpinner; }
.spinner.four-twenty, .roo-path.four-twenty { --spinner-color: #20d69d; }
@keyframes spinner { 
  100% { transform: rotate(1turn); }
}
@media (max-width: 767px) {
  * { }
}
.toast-slide-in { animation: 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0s 1 normal none running toastSlideIn; transition: none 0s ease 0s !important; }
.toast-slide-out { animation: 300ms cubic-bezier(0.3, -0.05, 0.7, -0.5) 0s 1 normal none running toastSlideOut; transition: none 0s ease 0s !important; }
@keyframes toastSlideIn { 
  0% { transform: translateX(100%); }
  50% { transform: translateX(-20px); }
  100% { transform: translateX(0px); }
}
@keyframes toastSlideOut { 
  0% { transform: translateX(0px); }
  25% { transform: translateX(-20px); }
  100% { transform: translateX(100%); }
}
._container_117rp_1 { top: 62px !important; }
@media (min-width: 768px) {
  ._container_117rp_1 { top: 86px !important; }
}
@font-face { font-family: Excon; src: url("/assets/Dh3F_W_L.woff2") format("woff2"); font-style: normal; font-weight: 400; }
@font-face { font-family: Excon; src: url("/assets/Bw8tGyYU.woff2") format("woff2"); font-style: normal; font-weight: 500; }
@font-face { font-family: Excon; src: url("/assets/DBf4-KLM.woff2") format("woff2"); font-style: normal; font-weight: 700; }
@font-face { font-family: Excon; src: url("/assets/M6WDLngm.woff2") format("woff2"); font-style: normal; font-weight: 900; }
.go1475592160 { height: 0px; }
.go1671063245 { height: auto; }
.go1888806478 { display: flex; flex-wrap: wrap; flex-grow: 1; }
@media (min-width: 600px) {
  .go1888806478 { flex-grow: initial; min-width: 288px; }
}
.go167266335 { background-color: rgb(49, 49, 49); font-size: 0.875rem; line-height: 1.43; letter-spacing: 0.01071em; color: rgb(255, 255, 255); align-items: center; padding: 6px 16px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.go3162094071 { padding-left: 20px; }
.go3844575157 { background-color: rgb(49, 49, 49); }
.go1725278324 { background-color: rgb(67, 160, 71); }
.go3651055292 { background-color: rgb(211, 47, 47); }
.go4215275574 { background-color: rgb(255, 152, 0); }
.go1930647212 { background-color: rgb(33, 150, 243); }
.go946087465 { display: flex; align-items: center; padding: 8px 0px; }
.go703367398 { display: flex; align-items: center; margin-left: auto; padding-left: 16px; margin-right: -8px; }
.go3963613292 { width: 100%; position: relative; transform: translateX(0px); inset: 0px; min-width: 288px; }
.go1141946668 { box-sizing: border-box; display: flex; max-height: 100%; position: fixed; z-index: 1400; height: auto; width: auto; transition: top 300ms ease 0ms, right 300ms ease 0ms, bottom 300ms ease 0ms, left 300ms ease 0ms, max-width 300ms ease 0ms; pointer-events: none; max-width: calc(100% - 40px); }
.go1141946668 .notistack-CollapseWrapper { padding: 6px 0px; transition: padding 300ms ease 0ms; }
@media (max-width: 599.95px) {
  .go1141946668 { width: 100%; max-width: calc(100% - 32px); }
}
.go3868796639 .notistack-CollapseWrapper { padding: 2px 0px; }
.go3118922589 { top: 14px; flex-direction: column; }
.go1453831412 { bottom: 14px; flex-direction: column-reverse; }
.go4027089540 { left: 20px; }
@media (min-width: 600px) {
  .go4027089540 { align-items: flex-start; }
}
@media (max-width: 599.95px) {
  .go4027089540 { left: 16px; }
}
.go2989568495 { right: 20px; }
@media (min-width: 600px) {
  .go2989568495 { align-items: flex-end; }
}
@media (max-width: 599.95px) {
  .go2989568495 { right: 16px; }
}
.go4034260886 { left: 50%; transform: translateX(-50%); }
@media (min-width: 600px) {
  .go4034260886 { align-items: center; }
}
cs-compare.cs-compare--added { background: rgba(0, 122, 82, 0.2); border-bottom: 2px solid rgb(0, 122, 82); }
cs-compare.cs-compare--removed { background: rgba(214, 36, 0, 0.2); text-decoration: line-through 2px solid rgb(214, 36, 0); }
.cs-compare__void--added { background: rgba(0, 122, 82, 0.2); outline: rgb(0, 122, 82) solid 2px; }
.cs-compare__void--removed { background: rgba(214, 36, 0, 0.2); outline: rgb(214, 36, 0) solid 2px; }
.go2943628168 { outline: rgb(108, 92, 231) dashed 1px !important; position: relative !important; }
.go2450485885 { background: transparent; height: 35px; width: 72px; position: fixed; top: -100%; border: 0px; display: flex; padding: 0px; z-index: 200 !important; }
.go2460044700 { padding: 0px; display: flex; outline: none; border: none; margin: 0px; height: 35px; width: 72px; background: white; transition: background 0.2s ease 0s; justify-content: space-around; align-items: center; box-shadow: rgba(34, 34, 34, 0.1) 0px 8px 20px 0px; box-sizing: border-box; font-weight: 400 !important; color: rgb(113, 128, 150) !important; text-align: center !important; border-radius: 8px !important; font-size: 14px !important; }
.go2460044700 div { display: flex; justify-content: space-around; cursor: pointer; border-radius: 6px !important; }
.go2460044700 div.cslp-tooltip-child:hover { background: rgb(237, 242, 247); }
.go2460044700 div.cslp-tooltip-child:active:hover { background: rgb(199, 208, 225); }
.go2460044700 > div { display: flex; justify-content: space-evenly; white-space: nowrap; width: 70px; }
.go2460044700 .cslp-tooltip-child.singular { padding: 9px 1px; }
.go3335205406 div.cslp-tooltip-child { padding: 9px; }
.go3335205406 div.cslp-tooltip-child::before { opacity: 0; font-size: 12px; font-weight: 400; pointer-events: none; content: attr(data-title); color: white; padding: 5px 10px; border-radius: 4px; position: absolute; background: rgb(74, 85, 104); top: -30px; transition: all 0.2s ease-in-out 0s; }
.go3335205406 div.cslp-tooltip-child:hover::before { opacity: 1; }
html { -webkit-font-smoothing: antialiased; box-sizing: border-box; text-size-adjust: 100%; }
*, ::before, ::after { box-sizing: inherit; }
strong, b { font-weight: 700; }
body { margin: 0px; color: rgb(255, 255, 255); font-size: 1rem; line-height: 1.5rem; font-family: Excon, Roboto; background-color: rgb(9, 12, 29); }
@media print {
  body { background-color: rgb(255, 255, 255); }
}
body::backdrop { background-color: rgb(9, 12, 29); }
hr { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid rgb(221, 220, 213); }
input, textarea, button, select, span, div, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
table { border-collapse: collapse; border-spacing: 0px; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body::-webkit-scrollbar, html::-webkit-scrollbar { display: none; }
@supports (scrollbar-width: none) {
  body, html { }
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, q::before { content: ""; }
blockquote::after, q::after { content: ""; }
#paymentiq-cashier { display: none; }
.grecaptcha-badge { display: none !important; }
.pac-container { z-index: 1500; }
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
.css-w03p09 { overflow-x: hidden; --roo-left-side-navigation-width:0; --roo-right-side-chat-width:0; --roo-toolbar-height:56px; --roo-bottom-nav-height:60px; }
@media (min-width: 768px) {
  .css-w03p09 { overflow-x: auto; --roo-left-side-navigation-width:220px; --roo-right-side-chat-width:300px; --roo-toolbar-height:72px; --roo-bottom-nav-height:0; }
  .css-w03p09[data-side-nav-open="false"] { --roo-left-side-navigation-width:68px; }
  .css-w03p09[data-chat-expanded="true"] { --roo-right-side-chat-width:380px; }
  .css-w03p09[data-chat-open="false"] { --roo-right-side-chat-width:0; }
}
.css-1elj926 { isolation: isolate; margin-left: var(--roo-left-side-navigation-width); margin-right: var(--roo-right-side-chat-width); margin-top: var(--roo-toolbar-height); margin-bottom: var(--roo-bottom-nav-height); transition: margin-right 400ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; will-change: margin-right; container-type: inline-size; }
[data-side-nav-open="true"] .css-1elj926 { transition: margin-right 400ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, margin-left 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
[data-side-nav-open="false"] .css-1elj926 { transition: margin-right 400ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, margin-left 150ms cubic-bezier(0.3, 0, 0.2, 1) 0ms; }
.css-1elj926.resize-animation-stopper, .css-1elj926 .resize-animation-stopper * { animation: 0s ease 0s 1 normal none running none !important; transition: none 0s ease 0s !important; }
.css-1elj926:has(#bettech) { container-type: unset; }
.css-wcsero { display: flex; flex-direction: column; }
@media (min-width: 0px) {
  .css-wcsero { gap: 16px; }
}
@media (min-width: 768px) {
  .css-wcsero { gap: 24px; }
}
@media (min-width: 0px) {
  .css-wcsero { padding: 16px; }
}
@media (min-width: 768px) {
  .css-wcsero { padding: 24px; }
}
.css-1ntxke6 { display: flex; flex-direction: column; margin-left: auto; margin-right: auto; width: 100%; max-width: 1200px; }
@media (min-width: 0px) {
  .css-1ntxke6 { gap: 16px; }
}
@media (min-width: 768px) {
  .css-1ntxke6 { gap: 24px; }
}
.css-lgk7oi { display: flex; flex-direction: row; gap: 16px; }
.css-144x23x { display: flex; flex-direction: row; gap: 8px; padding: 12px; flex: 1 1 0%; }
.css-1lxorwi { border-radius: 12px; background-color: rgb(25, 25, 57); display: flex; flex-direction: row; gap: 8px; padding: 12px; flex: 1 1 0%; }
.css-1htcaow { display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%; }
.css-52xb9l { display: flex; flex-direction: row; gap: 4px; height: 36px; }
.css-g2jxdg { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(9, 12, 29); border-radius: 12px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-1kkt86i { display: flex; flex-direction: column; gap: 4px; }
.css-1h361ly { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(44, 40, 82); border-radius: 12px; margin-bottom: 2px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-iupv5m { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(44, 40, 82); border-radius: 12px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-1uftfdt { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(44, 40, 82); border-radius: 12px; margin-top: auto; margin-bottom: 4px; margin-left: 4px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-ci5f6a { display: flex; flex-direction: row; gap: 8px; padding: 12px; flex: 1 1 0%; }
@container (min-width: 0px) {
  .css-ci5f6a { display: none; }
}
@container (min-width: 768px) {
  .css-ci5f6a { display: flex; }
}
.css-17bk0i { border-radius: 12px; background-color: rgb(25, 25, 57); display: flex; flex-direction: row; gap: 8px; padding: 12px; flex: 1 1 0%; }
@container (min-width: 0px) {
  .css-17bk0i { display: none; }
}
@container (min-width: 768px) {
  .css-17bk0i { display: flex; }
}
.css-1nazr8x { display: flex; flex-direction: row; gap: 8px; padding: 12px; flex: 1 1 0%; }
@container (min-width: 0px) {
  .css-1nazr8x { display: none; }
}
@container (min-width: 1200px) {
  .css-1nazr8x { display: flex; }
}
.css-h4o17e { border-radius: 12px; background-color: rgb(25, 25, 57); display: flex; flex-direction: row; gap: 8px; padding: 12px; flex: 1 1 0%; }
@container (min-width: 0px) {
  .css-h4o17e { display: none; }
}
@container (min-width: 1200px) {
  .css-h4o17e { display: flex; }
}
.css-bkv9a4 { display: flex; flex-direction: column; }
@media (min-width: 0px) {
  .css-bkv9a4 { gap: 12px; }
}
@media (min-width: 768px) {
  .css-bkv9a4 { gap: 16px; }
}
.css-y0jeuc { margin-left: -16px; margin-right: -16px; overflow-x: auto; }
.css-y0jeuc::-webkit-scrollbar { display: none; }
.css-18to0jj { display: flex; flex-direction: row; gap: 8px; width: max-content; padding-left: 16px; padding-right: 16px; }
.css-8z4n3u { padding-inline: 12px; padding-top: 8px; padding-bottom: 6px; text-decoration: none; white-space: nowrap; text-align: center; -webkit-box-flex: 1; flex-grow: 1; min-width: fit-content; border-radius: 10px; background-color: rgb(120, 65, 238) !important; color: rgb(255, 255, 255) !important; border-bottom: 2px solid rgb(25, 25, 57) !important; }
.css-ppbhsa { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 8px 9px 6px; padding-inline: 12px; text-decoration: none; white-space: nowrap; text-align: center; -webkit-box-flex: 1; flex-grow: 1; min-width: fit-content; border-radius: 10px; box-shadow: none !important; background-color: rgb(120, 65, 238) !important; color: rgb(255, 255, 255) !important; border-bottom: 2px solid rgb(25, 25, 57) !important; }
.css-ppbhsa:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-ppbhsa:hover { background-color: rgb(44, 40, 82); }
}
.css-ppbhsa:active { box-shadow: none; }
.css-ppbhsa.Mui-focusVisible { box-shadow: none; }
.css-ppbhsa.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-ppbhsa:hover { background-color: rgb(70, 62, 122); }
}
.css-ppbhsa.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-ppbhsa:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-ppbhsa:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-ppbhsa:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-ppbhsa:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-ppbhsa[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1fae2w4 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 8px 9px 6px; padding-inline: 12px; text-decoration: none; white-space: nowrap; text-align: center; -webkit-box-flex: 1; flex-grow: 1; min-width: fit-content; border-radius: 10px; box-shadow: none !important; background-color: rgb(120, 65, 238) !important; color: rgb(255, 255, 255) !important; border-bottom: 2px solid rgb(25, 25, 57) !important; }
.css-1fae2w4.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1fae2w4 { -webkit-print-color-adjust: exact; }
}
.css-1fae2w4:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-1fae2w4:hover { background-color: rgb(44, 40, 82); }
}
.css-1fae2w4:active { box-shadow: none; }
.css-1fae2w4.Mui-focusVisible { box-shadow: none; }
.css-1fae2w4.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-1fae2w4:hover { background-color: rgb(70, 62, 122); }
}
.css-1fae2w4.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1fae2w4:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1fae2w4:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1fae2w4:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1fae2w4:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1fae2w4[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-ydi3vt { display: inherit; margin-right: 4px; margin-left: 0px; }
.css-ydi3vt > :nth-of-type(1) { font-size: 20px; }
.css-n0imf2 { width: 20px; height: 20px; }
.css-n0imf2 > g > .Ui-clipPath { fill: rgb(25, 25, 57); }
.css-1pjp4c { width: 20px; height: 20px; }
.css-1pjp4c .Ui-outline { stroke: rgb(88, 0, 233); stop-color: rgb(88, 0, 233); }
.css-1pjp4c .Ui-topHalf { fill: rgb(255, 219, 0); stop-color: rgb(255, 219, 0); }
.css-1pjp4c .Ui-bottomHalf { fill: rgb(255, 202, 0); stop-color: rgb(255, 202, 0); }
.css-1pjp4c > g > .Ui-clipPath { fill: rgb(25, 25, 57); }
.css-iv5z5b { visibility: initial; position: relative; }
.css-1r2v8w6 { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; visibility: initial; position: relative; }
.css-1ecfw6h { padding-inline: 12px; padding-top: 8px; padding-bottom: 6px; text-decoration: none; white-space: nowrap; text-align: center; -webkit-box-flex: 1; flex-grow: 1; min-width: fit-content; color: rgb(255, 255, 255); background-color: rgb(25, 25, 57); border-bottom: 2px solid transparent; border-radius: 10px; }
@media (hover) and (pointer: fine) {
  .css-1ecfw6h:hover { color: rgb(255, 255, 255); background-color: rgb(44, 40, 82); }
  .css-1ecfw6h:hover .Ui-topHalf { fill: rgb(255, 202, 0); stop-color: rgb(255, 202, 0); }
  .css-1ecfw6h:hover .Ui-bottomHalf { fill: rgb(255, 202, 0); }
}
.css-13oknxf { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 8px 9px 6px; padding-inline: 12px; text-decoration: none; white-space: nowrap; text-align: center; -webkit-box-flex: 1; flex-grow: 1; min-width: fit-content; color: rgb(255, 255, 255); background-color: rgb(25, 25, 57); border-bottom: 2px solid transparent; border-radius: 10px; box-shadow: none !important; }
.css-13oknxf:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-13oknxf:hover { background-color: rgb(44, 40, 82); }
}
.css-13oknxf:active { box-shadow: none; }
.css-13oknxf.Mui-focusVisible { box-shadow: none; }
.css-13oknxf.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-13oknxf:hover { background-color: rgb(70, 62, 122); }
}
.css-13oknxf.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-13oknxf:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-13oknxf:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-13oknxf:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-13oknxf:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-13oknxf[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
@media (hover) and (pointer: fine) {
  .css-13oknxf:hover { color: rgb(255, 255, 255); background-color: rgb(44, 40, 82); }
  .css-13oknxf:hover .Ui-topHalf { fill: rgb(255, 202, 0); stop-color: rgb(255, 202, 0); }
  .css-13oknxf:hover .Ui-bottomHalf { fill: rgb(255, 202, 0); }
}
.css-ok11ze { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 8px 9px 6px; padding-inline: 12px; text-decoration: none; white-space: nowrap; text-align: center; -webkit-box-flex: 1; flex-grow: 1; min-width: fit-content; color: rgb(255, 255, 255); background-color: rgb(25, 25, 57); border-bottom-style: solid; border-bottom-color: transparent; border-radius: 10px; box-shadow: none !important; }
.css-ok11ze.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-ok11ze { -webkit-print-color-adjust: exact; }
}
.css-ok11ze:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-ok11ze:hover { background-color: rgb(44, 40, 82); }
}
.css-ok11ze:active { box-shadow: none; }
.css-ok11ze.Mui-focusVisible { box-shadow: none; }
.css-ok11ze.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-ok11ze:hover { background-color: rgb(70, 62, 122); }
}
.css-ok11ze.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-ok11ze:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-ok11ze:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-ok11ze:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-ok11ze:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-ok11ze[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
@media (hover) and (pointer: fine) {
  .css-ok11ze:hover { color: rgb(255, 255, 255); background-color: rgb(44, 40, 82); }
  .css-ok11ze:hover .Ui-topHalf { fill: rgb(255, 202, 0); stop-color: rgb(255, 202, 0); }
  .css-ok11ze:hover .Ui-bottomHalf { fill: rgb(255, 202, 0); }
}
.css-wkld7o { width: 20px; height: 20px; }
.css-wkld7o .Ui-outline { stroke: none; fill: none; }
.css-wkld7o .Ui-outlineFilter { filter: none; }
.css-wkld7o .Ui-topHalf { fill: rgb(151, 137, 205); stop-color: rgb(151, 137, 205); }
.css-wkld7o .Ui-bottomHalf { fill: rgb(151, 137, 205); stop-color: rgb(151, 137, 205); }
.css-wkld7o > g > .Ui-clipPath { fill: rgb(25, 25, 57); }
.css-31l7gp { min-width: 0px; }
.css-mcxe68 { display: flex; flex-direction: row; gap: 2px; overflow: hidden; position: relative; }
.css-1e7x54o { display: flex; flex-direction: column; height: 48px; width: 128px; padding: 16px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-bottom: 2px solid rgb(120, 65, 238); border-top-color: rgb(120, 65, 238); border-right-color: rgb(120, 65, 238); border-left-color: rgb(120, 65, 238); }
.css-3h7fey { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(44, 40, 82); border-radius: 8px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-j57xwh { display: flex; flex-direction: column; height: 48px; width: 128px; padding: 16px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-1w5pbg { display: flex; flex-direction: column; gap: 2px; }
@container (min-width: 0px) {
  .css-1w5pbg [data-hide-xs] { display: none; }
}
@container (min-width: 768px) {
  .css-1w5pbg [data-hide-xs] { display: flex; }
}
@container (min-width: 0px) {
  .css-1w5pbg [data-hide-lg] { display: none; }
}
@container (min-width: 1200px) {
  .css-1w5pbg [data-hide-lg] { display: flex; }
}
@container (min-width: 0px) {
  .css-1w5pbg [data-show-xs] { display: flex; }
}
@container (min-width: 768px) {
  .css-1w5pbg [data-show-xs] { display: none; }
}
@container (min-width: 0px) {
  .css-1w5pbg [data-justify-end-xs] { flex: 0.5 1 0%; -webkit-box-pack: end; justify-content: end; }
}
@container (min-width: 768px) {
  .css-1w5pbg [data-justify-end-xs] { flex: 1 1 0%; -webkit-box-pack: center; justify-content: center; }
}
.css-1h7ekbh { display: flex; flex-direction: row; background-color: rgb(44, 40, 82); padding: 0px 28px; -webkit-box-align: center; align-items: center; height: 42px; }
.css-1gwk9af { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; flex: 0.95 1 0%; }
.css-hs7iz9 { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(70, 62, 122); border-radius: 8px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-18crcmx { display: flex; flex-direction: row; gap: 8px; flex: 1 1 0%; -webkit-box-align: center; align-items: center; }
.css-1if0r95 { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex: 0.75 1 0%; }
.css-u6gw8w { display: flex; flex-direction: row; gap: 8px; flex: 1 1 0%; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; }
.css-30yxal { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex: 0.85 1 0%; }
.css-7hb7jn { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(25, 25, 57); padding: 12px 28px; height: 456px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.css-1xhj18k { display: flex; flex-direction: row; }
.css-m6igay { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(9, 12, 29); border-radius: 8px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-1kfhhln { display: flex; position: relative; -webkit-box-pack: center; justify-content: center; background-color: rgb(9, 12, 29); }
@media (min-width: 0px) {
  .css-1kfhhln { padding-inline: 16px; padding-bottom: 24px; }
}
@media (min-width: 768px) {
  .css-1kfhhln { padding-inline: 24px; padding-bottom: 32px; }
}
@media (min-width: 0px) {
  .css-1kfhhln { padding-top: 16px; }
}
@media (min-width: 768px) {
  .css-1kfhhln { padding-top: 24px; }
}
.css-1u12twz { display: flex; flex-direction: column; max-width: 1200px; width: 100%; margin-inline: auto; }
@media (min-width: 0px) {
  .css-1u12twz { gap: 24px; }
}
@media (min-width: 768px) {
  .css-1u12twz { gap: 32px; }
}
.css-8phjhv { height: 2px; background-color: rgb(25, 25, 57); border: none; margin-top: 0px; margin-bottom: 0px; }
.css-iadrxj { display: flex; flex-flow: column wrap; gap: 24px; }
@media (min-width: 768px) {
  .css-iadrxj { flex-flow: row nowrap; gap: 0px; }
}
.css-1syenku { display: flex; flex-direction: column; gap: 16px; -webkit-box-flex: 1; flex-grow: 1; }
@media (min-width: 768px) {
  .css-1syenku { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
}
@media (min-width: 1200px) {
  .css-1syenku { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
}
.css-15tke37 { font-size: 1rem; line-height: 1.5rem; font-family: Excon, Roboto; }
.css-34ji4n { display: flex; margin-bottom: 8px; }
.css-pdkphx { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; font-weight: 700; }
.css-1bkm63k { list-style: none; margin: 0px; position: relative; padding: 0px; }
@media (min-width: 0px) {
  .css-1bkm63k { margin-left: 16px; }
}
@media (min-width: 768px) {
  .css-1bkm63k { margin-left: 0px; }
}
.css-1ek92tm { display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0px; position: relative; padding: 0px; }
@media (min-width: 0px) {
  .css-1ek92tm { margin-left: 16px; }
}
@media (min-width: 768px) {
  .css-1ek92tm { margin-left: 0px; }
}
.css-1w89yrp { display: block; border-radius: 0px; padding: 0px; margin-right: 16px; color: rgb(151, 137, 205); cursor: pointer; width: fit-content; }
.css-1w89yrp:last-of-type { margin-right: 0px; }
@media (hover) and (pointer: fine) {
  .css-1w89yrp:hover { background: none; color: rgb(255, 255, 255); }
}
.css-1l3jhzp { -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; box-sizing: border-box; text-align: left; display: block; border-radius: 0px; padding: 0px; margin-right: 16px; color: rgb(151, 137, 205); cursor: pointer; width: fit-content; }
.css-1l3jhzp.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1l3jhzp.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-1l3jhzp.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-1l3jhzp.Mui-disabled { opacity: 0.38; }
.css-1l3jhzp:last-of-type { margin-right: 0px; }
@media (hover) and (pointer: fine) {
  .css-1l3jhzp:hover { background: none; color: rgb(255, 255, 255); }
}
@media (hover) and (pointer: fine) {
  .css-1253ts7:hover { text-decoration: underline; }
}
@media (min-width: 768px) {
  .css-1253ts7.MuiListItemText-root { margin-block: 0px; }
}
.css-mwgljj { flex: 1 1 auto; min-width: 0px; margin-top: 4px; margin-bottom: 4px; }
@media (hover) and (pointer: fine) {
  .css-mwgljj:hover { text-decoration: underline; }
}
@media (min-width: 768px) {
  .css-mwgljj.MuiListItemText-root { margin-block: 0px; }
}
.css-1kptktd { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; display: block; }
.css-1i5p0m6 { display: block; border-radius: 0px; padding: 0px; margin-right: 16px; cursor: pointer; width: fit-content; color: rgb(151, 137, 205); }
.css-1i5p0m6:last-of-type { margin-right: 0px; }
@media (hover) and (pointer: fine) {
  .css-1i5p0m6:hover { background: none; color: rgb(255, 255, 255); }
}
.css-4izs0d { -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; box-sizing: border-box; text-align: left; display: block; border-radius: 0px; padding: 0px; margin-right: 16px; cursor: pointer; width: fit-content; color: rgb(151, 137, 205); }
.css-4izs0d.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-4izs0d.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-4izs0d.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-4izs0d.Mui-disabled { opacity: 0.38; }
.css-4izs0d:last-of-type { margin-right: 0px; }
@media (hover) and (pointer: fine) {
  .css-4izs0d:hover { background: none; color: rgb(255, 255, 255); }
}
.css-176ld19 { -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; box-sizing: border-box; text-align: left; display: block; border-radius: 0px; padding: 0px; margin-right: 16px; cursor: pointer; width: fit-content; color: rgb(151, 137, 205); }
.css-176ld19:hover { text-decoration-color: inherit; }
.css-176ld19.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-176ld19.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-176ld19.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-176ld19.Mui-disabled { opacity: 0.38; }
.css-176ld19:last-of-type { margin-right: 0px; }
@media (hover) and (pointer: fine) {
  .css-176ld19:hover { background: none; color: rgb(255, 255, 255); }
}
.css-1fte95b { margin: 0px 16px 0px 0px; font: inherit; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; box-sizing: border-box; text-align: left; display: block; border-radius: 0px; padding: 0px; cursor: pointer; width: fit-content; color: rgb(151, 137, 205); }
.css-1fte95b:hover { text-decoration-color: inherit; }
.css-1fte95b.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1fte95b.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-1fte95b.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-1fte95b.Mui-disabled { opacity: 0.38; }
.css-1fte95b:last-of-type { margin-right: 0px; }
@media (hover) and (pointer: fine) {
  .css-1fte95b:hover { background: none; color: rgb(255, 255, 255); }
}
.css-1t1qryp { justify-content: right; max-width: 300px; margin-top: 16px; }
@media (min-width: 768px) {
  .css-1t1qryp { width: 120px; margin-right: 85px; margin-top: 0px; }
}
.css-1pvwj67 { display: flex; flex-direction: column; justify-content: right; max-width: 300px; margin-top: 16px; }
@media (min-width: 0px) {
  .css-1pvwj67 { gap: 16px; }
}
@media (min-width: 768px) {
  .css-1pvwj67 { gap: 20px; }
}
@media (min-width: 768px) {
  .css-1pvwj67 { width: 120px; margin-right: 85px; margin-top: 0px; }
}
.css-1u8h5t9 { display: flex; flex-direction: row; gap: 24px; }
@media (hover) and (pointer: fine) {
  .css-x3yw4t:hover > svg > path { fill: rgb(255, 255, 255) !important; }
}
.css-1lndzki { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; }
.css-1lndzki:hover { text-decoration-color: inherit; }
@media (hover) and (pointer: fine) {
  .css-1lndzki:hover > svg > path { fill: rgb(255, 255, 255) !important; }
}
.css-11gwk4m { margin: 0px; font: inherit; color: rgb(120, 65, 238); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; }
.css-11gwk4m:hover { text-decoration-color: inherit; }
@media (hover) and (pointer: fine) {
  .css-11gwk4m:hover > svg > path { fill: rgb(255, 255, 255) !important; }
}
@media (min-width: 0px) {
  .css-12n38rq { display: none; }
}
@media (min-width: 768px) {
  .css-12n38rq { display: contents; }
}
.css-1hpbxvn { display: flex; flex-direction: column; }
@media (min-width: 0px) {
  .css-1hpbxvn { flex-direction: column; gap: 24px; }
}
@media (min-width: 768px) {
  .css-1hpbxvn { flex-direction: row; gap: 32px; }
}
.css-1upilqn { margin-bottom: 12px; }
.css-19zsg6u { display: flex; flex-wrap: wrap; gap: 16px; position: relative; }
.css-x6rpsr { display: flex; width: fit-content; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; border-radius: 12px; padding: 12px; background-color: rgb(25, 25, 57); }
.css-1v4ds1z { margin: 0px 0px 0px 4px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; color: rgb(123, 108, 185); font-weight: 500; }
.css-1jke4yk { position: relative; width: 100%; }
@media (hover) and (pointer: fine) {
  .css-17brlx7:hover > .MuiSelect-icon { background-color: rgb(44, 40, 82); }
  .css-17brlx7:hover > .MuiSelect-icon.Mui-disabled { background-color: transparent; }
}
.css-17brlx7.Mui-focused { outline-color: rgb(123, 108, 185); }
.css-17brlx7 .MuiSelect-select { padding-right: 42px !important; }
@media (min-width: 0px) {
  .css-17brlx7 { min-width: fit-content; }
}
@media (min-width: 768px) {
  .css-17brlx7 { min-width: 222px; }
}
.css-c3syz8 { line-height: 1.4375em; font-family: Excon, Roboto; box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; background-color: rgb(25, 25, 57); font-weight: 400; color: rgb(255, 255, 255); font-size: 0.875rem; outline: rgb(44, 40, 82) solid 2px; outline-offset: -2px; transition: outline-color 0.25s ease 0s; position: relative; border-radius: 12px; }
.css-c3syz8.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.css-c3syz8::after, .css-c3syz8::before { display: none; }
@media (hover) and (pointer: fine) {
  .css-c3syz8:hover { outline-color: rgb(123, 108, 185); }
}
.css-c3syz8.Mui-focused { outline-color: rgb(120, 65, 238); transition: none 0s ease 0s; }
.css-c3syz8.Mui-disabled { background-color: rgb(70, 62, 122); outline-color: rgb(123, 108, 185); }
.css-c3syz8 input[type="number"] { }
.css-c3syz8 input[type="number"]::-webkit-inner-spin-button, .css-c3syz8 input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.css-c3syz8:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-c3syz8:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.css-c3syz8.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(120, 65, 238); border-width: 2px; }
.css-c3syz8.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(241, 31, 94); }
.css-c3syz8.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-c3syz8:hover > .MuiSelect-icon { background-color: rgb(44, 40, 82); }
  .css-c3syz8:hover > .MuiSelect-icon.Mui-disabled { background-color: transparent; }
}
.css-c3syz8.Mui-focused { outline-color: rgb(123, 108, 185); }
.css-c3syz8 .MuiSelect-select { padding-right: 42px !important; }
@media (min-width: 0px) {
  .css-c3syz8 { min-width: fit-content; }
}
@media (min-width: 768px) {
  .css-c3syz8 { min-width: 222px; }
}
.css-oqv08t { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; height: auto; padding: 8.5px 14px; padding-inline: 10px; padding-block: 8px; line-height: 1.5rem; }
.css-oqv08t::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
.css-oqv08t:focus { outline: 0px; }
.css-oqv08t:invalid { box-shadow: none; }
.css-oqv08t::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-oqv08t::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-oqv08t:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-oqv08t.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-oqv08t:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-oqv08t::-webkit-input-placeholder { opacity: 1 !important; }
.css-oqv08t::-webkit-input-placeholder { color: rgb(123, 108, 185); opacity: 1; font-weight: 400; }
.css-oqv08t::placeholder { color: rgb(123, 108, 185); opacity: 1; font-weight: 400; }
.css-oqv08t.Mui-disabled { color: rgb(123, 108, 185); -webkit-text-fill-color: rgb(123, 108, 185); }
.css-oqv08t::-webkit-search-decoration, .css-oqv08t::-webkit-search-cancel-button, .css-oqv08t::-webkit-search-results-button, .css-oqv08t::-webkit-search-results-decoration { appearance: none; }
.css-oqv08t:-webkit-autofill { border-radius: inherit; }
.css-14twusb { appearance: none; user-select: none; border-radius: 8px; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; height: auto; padding: 8.5px 14px; padding-inline: 10px; padding-block: 8px; line-height: 1.5rem; }
.css-14twusb:focus { border-radius: 8px; }
.css-14twusb.Mui-disabled { cursor: default; }
.css-14twusb[multiple] { height: auto; }
.css-14twusb:not([multiple]) option, .css-14twusb:not([multiple]) optgroup { background-color: rgb(25, 25, 57); }
.css-14twusb.css-14twusb.css-14twusb { padding-right: 32px; }
.css-14twusb.MuiSelect-select { height: auto; min-height: 1.4375em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.css-14twusb.MuiSelect-select { min-height: 24px; display: flex; -webkit-box-align: center; align-items: center; font-weight: 700; }
.css-14twusb.MuiSelect-select * { font-weight: 700; }
.css-14twusb::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
.css-14twusb:focus { outline: 0px; }
.css-14twusb:invalid { box-shadow: none; }
.css-14twusb::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-14twusb::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-14twusb:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-14twusb.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-14twusb:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-14twusb::-webkit-input-placeholder { opacity: 1 !important; }
.css-14twusb::-webkit-input-placeholder { color: rgb(123, 108, 185); opacity: 1; font-weight: 400; }
.css-14twusb::placeholder { color: rgb(123, 108, 185); opacity: 1; font-weight: 400; }
.css-14twusb.Mui-disabled { color: rgb(123, 108, 185); -webkit-text-fill-color: rgb(123, 108, 185); }
.css-14twusb::-webkit-search-decoration, .css-14twusb::-webkit-search-cancel-button, .css-14twusb::-webkit-search-results-button, .css-14twusb::-webkit-search-results-decoration { appearance: none; }
.css-14twusb:-webkit-autofill { border-radius: inherit; }
.css-1xaxiib { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: start; }
.css-1486z3x .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1a9wkve { margin: 0px; font-size: 1rem; line-height: 1.5rem; font-family: Excon, Roboto; font-weight: 500; }
.css-1k3x8v3 { bottom: 0px; left: 0px; position: absolute; opacity: 0; pointer-events: none; width: 100%; box-sizing: border-box; }
.css-dhf0ok { position: absolute; right: 7px; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54); }
.css-dhf0ok.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-10alj5l { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 8px; margin-right: 2px; position: absolute; right: 7px; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54); }
.css-10alj5l.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1v0ha4b { user-select: none; width: 1em; height: 1em; overflow: hidden; text-align: center; flex-shrink: 0; font-size: 1.5rem; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 8px; margin-right: 2px; position: absolute; right: 7px; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54); }
.css-1v0ha4b.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-17e6pjw .MuiMenu-paper { max-height: 500px; border-radius: 14px; }
.css-uwhecf .MuiMenu-paper { max-height: 500px; border-radius: 14px; }
.css-g3e4kv { border-color: rgba(0, 0, 0, 0.23); display: none; }
.css-fbzgdb { text-align: left; position: absolute; inset: -5px 0px 0px; margin: 0px; padding: 0px 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23); display: none; }
.css-ihdtdm { float: unset; width: auto; overflow: hidden; padding: 0px; line-height: 11px; transition: width 150ms cubic-bezier(0, 0, 0.2, 1) 0ms; }
.css-7718xn { display: flex; position: relative; -webkit-box-pack: center; justify-content: center; background-color: rgb(9, 12, 29); }
@media (min-width: 0px) {
  .css-7718xn { padding-inline: 16px; padding-bottom: 24px; }
}
@media (min-width: 768px) {
  .css-7718xn { padding-inline: 24px; padding-bottom: 32px; }
}
.css-1y5ukqf { display: flex; flex-direction: column; max-width: 1200px; width: 100%; margin-inline: auto; }
@media (min-width: 0px) {
  .css-1y5ukqf { gap: 24px; }
}
@media (min-width: 768px) {
  .css-1y5ukqf { gap: 32px; }
}
.css-6w4949 { height: 2px; background-color: rgb(25, 25, 57); border: none; margin-top: 0px; margin-bottom: 0px; }
.css-tlf57g { display: flex; flex-direction: column; }
@media (min-width: 0px) {
  .css-tlf57g { gap: 24px; }
}
@media (min-width: 768px) {
  .css-tlf57g { gap: 40px; }
}
.css-1vlg07n { font-size: 1rem; line-height: 1.5rem; font-family: Excon, Roboto; -webkit-box-flex: 0; flex-grow: 0; }
.css-1sjzzn1 { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; gap: 16px; min-height: fit-content; }
.css-sqyao5 { display: flex; width: fit-content; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; border-radius: 12px; padding: 16px; background-color: rgb(25, 25, 57); }
@media (min-width: 0px) {
  .css-sqyao5 { height: 96px; }
}
@media (min-width: 768px) {
  .css-sqyao5 { height: 112px; }
}
.css-bwgvmu { max-width: 100%; display: inline-block; vertical-align: middle; }
@media (min-width: 0px) {
  .css-bwgvmu { height: 64px; width: 159px; }
}
@media (min-width: 768px) {
  .css-bwgvmu { height: 64px; width: 159px; }
}
.css-gvssah { max-width: 100%; display: inline-block; vertical-align: middle; }
@media (min-width: 0px) {
  .css-gvssah { height: 64px; width: 110px; }
}
@media (min-width: 768px) {
  .css-gvssah { height: 80px; width: 136px; }
}
.css-1sjo6qd { max-width: 100%; display: inline-block; vertical-align: middle; }
@media (min-width: 0px) {
  .css-1sjo6qd { height: 64px; width: 132px; }
}
@media (min-width: 768px) {
  .css-1sjo6qd { height: 80px; width: 165px; }
}
.css-1n6g1y9 { display: flex; flex-direction: column; }
@media (min-width: 0px) {
  .css-1n6g1y9 { flex-direction: column; gap: 32px; }
}
@media (min-width: 768px) {
  .css-1n6g1y9 { flex-direction: row; gap: 32px; }
}
.css-wsql0z { display: flex; width: fit-content; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; border-radius: 12px; padding: 0px; background-color: rgb(25, 25, 57); }
@media (hover) and (pointer: fine) {
  .css-wsql0z:hover { background-color: rgb(44, 40, 82); }
}
.css-1u0y4le { height: 96px; width: 96px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media (min-width: 768px) {
  .css-1u0y4le { height: 112px; width: 112px; }
}
.css-1b100gq { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; }
.css-1b100gq:hover { text-decoration-color: inherit; }
.css-vsz165 { margin: 0px; font: inherit; color: rgb(120, 65, 238); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; }
.css-vsz165:hover { text-decoration-color: inherit; }
.css-bagak0 { max-width: 100%; display: inline-block; vertical-align: middle; }
@media (min-width: 0px) {
  .css-bagak0 { height: 57px; width: 57px; }
}
@media (min-width: 768px) {
  .css-bagak0 { height: 73px; width: 73px; }
}
.css-3y5iev { display: flex; width: fit-content; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; border-radius: 12px; padding: 0px; background-color: rgb(25, 25, 57); }
.css-1hskh7x { padding: 11px 16px 16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: default; }
@media (min-width: 0px) {
  .css-1hskh7x { width: 132px; height: 96px; }
}
@media (min-width: 768px) {
  .css-1hskh7x { width: 126px; height: 112px; }
}
.css-j7qwjs { display: flex; flex-direction: column; }
.css-1c9j4xg { margin: 0px 0px 2.5px; font-family: Excon, Roboto; color: rgb(255, 184, 0); font-weight: 900; font-size: 0.875rem; line-height: 1.25rem; text-align: center; }
.css-1las809 { margin: 0px; font-family: Excon, Roboto; color: white; font-weight: 500; font-size: 0.75rem; line-height: 0.875rem; text-align: center; }
.css-y97n9d { margin: 0px; font-family: Excon, Roboto; color: white; font-weight: 500; font-size: 0.75rem; line-height: 0.8125rem; text-align: center; }
.css-e7qdi8 { margin: 0px; font: inherit; color: rgb(120, 65, 238); height: 80px; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; }
.css-e7qdi8:hover { text-decoration-color: inherit; }
.css-1n6v3bi { max-width: 100%; display: inline-block; vertical-align: middle; height: 80px; width: 80px; }
.css-evc769 { margin: 0px; font: inherit; color: rgb(120, 65, 238); height: 50px; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; }
.css-evc769:hover { text-decoration-color: inherit; }
.css-vvrtox { max-width: 100%; display: inline-block; vertical-align: middle; height: 50px; width: 50px; }
@media (min-width: 0px) {
  .css-1n8vao9 { display: contents; }
}
@media (min-width: 768px) {
  .css-1n8vao9 { display: none; }
}
.css-73a4l0 { display: flex; width: fit-content; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; border-radius: 12px; padding: 24px; background-color: rgb(25, 25, 57); height: 96px; }
.css-1m79aj8 { max-width: 100%; display: inline-block; vertical-align: middle; height: 32px; width: 88px; }
.css-r8gp8i { max-width: 100%; display: inline-block; vertical-align: middle; height: 32px; width: 107px; }
.css-1xh81ol { max-width: 100%; display: inline-block; vertical-align: middle; height: 40px; width: 55px; }
.css-1po5vhi { max-width: 100%; display: inline-block; vertical-align: middle; height: 32px; width: 90px; }
.css-17vif3d { max-width: 100%; display: inline-block; vertical-align: middle; height: 32px; width: 61px; }
.css-14c8e85 { max-width: 100%; display: inline-block; vertical-align: middle; height: 32px; width: 111px; }
.css-18ydta7 { max-width: 100%; display: inline-block; vertical-align: middle; height: 32px; width: 32px; }
.css-1ricyj9 { display: flex; position: relative; -webkit-box-pack: center; justify-content: center; background-color: rgb(9, 12, 29); }
@media (min-width: 0px) {
  .css-1ricyj9 { padding-inline: 16px; padding-bottom: 24px; }
}
@media (min-width: 768px) {
  .css-1ricyj9 { padding-inline: 24px; padding-bottom: 32px; }
}
@media (min-width: 0px) {
  .css-1ricyj9 { padding-bottom: 16px; }
}
@media (min-width: 768px) {
  .css-1ricyj9 { padding-bottom: 24px; }
}
.css-18xayhb { display: flex; flex-direction: column; }
@media (min-width: 0px) {
  .css-18xayhb { gap: 8px; }
}
@media (min-width: 768px) {
  .css-18xayhb { gap: 16px; }
}
.css-1rpc7pz { max-width: 100%; display: inline-block; vertical-align: middle; height: 32px; width: 123px; }
.css-21pofr { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; color: rgb(151, 137, 205); }
.css-5l3iii { position: fixed; inset: 0px; display: grid; pointer-events: none; }
@media (min-width: 768px) {
  .css-5l3iii { will-change: grid-template-columns; transition: grid-template-columns 150ms cubic-bezier(0.3, 0, 0.2, 1) 0ms; grid-template-columns: var(--roo-left-side-navigation-width) 1fr; grid-template-rows: 1fr; grid-template-areas: "left right"; }
  [data-side-nav-open="true"] .css-5l3iii { transition: grid-template-columns 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
  .css-5l3iii > div:first-of-type { grid-area: left / left / left / left; pointer-events: auto; }
}
.css-1nojfe0 { flex-shrink: 0; white-space: nowrap; box-sizing: border-box; }
.css-1nojfe0.resize-animation-stopper, .css-1nojfe0 .resize-animation-stopper * { animation: 0s ease 0s 1 normal none running none !important; transition: none 0s ease 0s !important; }
[data-side-nav-open="true"] .css-1nojfe0 { width: 220px; }
[data-side-nav-open="true"] .css-1nojfe0 .MuiDrawer-paper { width: 220px; transition: width 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
[data-side-nav-open="false"] .css-1nojfe0 { width: 68px; }
[data-side-nav-open="false"] .css-1nojfe0 .MuiDrawer-paper { width: 68px; transition: width 150ms cubic-bezier(0.3, 0, 0.2, 1) 0ms; }
.css-143un54 { flex: 0 0 auto; white-space: nowrap; box-sizing: border-box; }
.css-143un54.resize-animation-stopper, .css-143un54 .resize-animation-stopper * { animation: 0s ease 0s 1 normal none running none !important; transition: none 0s ease 0s !important; }
[data-side-nav-open="true"] .css-143un54 { width: 220px; }
[data-side-nav-open="true"] .css-143un54 .MuiDrawer-paper { width: 220px; transition: width 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
[data-side-nav-open="false"] .css-143un54 { width: 68px; }
[data-side-nav-open="false"] .css-143un54 .MuiDrawer-paper { width: 68px; transition: width 150ms cubic-bezier(0.3, 0, 0.2, 1) 0ms; }
.css-11jvjbx { display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; left: 0px; background-color: rgb(25, 25, 57); overflow: visible; border-right: none; }
.css-1pqzquf { color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; box-shadow: none; display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; left: 0px; background-color: rgb(25, 25, 57); overflow: visible; border-right: none; }
.css-93oyg1 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding: 18px 16px; }
.css-stgh2k { text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 6px; outline: rgb(9, 12, 29) solid 4px; box-shadow: none !important; }
.css-stgh2k.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-stgh2k:hover { background-color: rgb(70, 62, 122); }
}
.css-stgh2k.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-stgh2k:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-stgh2k:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-stgh2k:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-stgh2k:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-stgh2k[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-stgh2k:active { background-color: rgb(70, 62, 122); }
.css-40okh5 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 6px; outline: rgb(9, 12, 29) solid 4px; box-shadow: none !important; }
.css-40okh5.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-40okh5 { -webkit-print-color-adjust: exact; }
}
.css-40okh5.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-40okh5:hover { background-color: rgb(70, 62, 122); }
}
.css-40okh5.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-40okh5:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-40okh5:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-40okh5:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-40okh5:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-40okh5[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-40okh5:active { background-color: rgb(70, 62, 122); }
.css-9qpji8 { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 1.5rem; height: 1.5rem; }
.css-dkt6wi { overflow-y: auto; padding-left: 16px; padding-bottom: 16px; margin-right: -16px; padding-right: 32px; }
[data-side-nav-open="false"] .css-dkt6wi { overflow-y: hidden; }
.css-dkt6wi::-webkit-scrollbar { display: none; }
.css-19r91ls { display: flex; -webkit-box-pack: end; justify-content: end; will-change: transform; width: 188px; transform: translateX(-152px); transition: transform 150ms cubic-bezier(0.3, 0, 0.2, 1) 15ms; }
[data-side-nav-open="true"] .css-19r91ls { transform: translateX(0px); transition: transform 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 15ms; }
.css-9l6cvz { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px; position: relative; align-items: flex-end; width: 100%; }
.css-trroxm { -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 0px; display: block; opacity: 0; visibility: hidden; transition: opacity 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, visibility 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; will-change: opacity; }
.css-trroxm.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-trroxm.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-trroxm.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-trroxm.Mui-disabled { opacity: 0.38; }
[data-side-nav-open="true"] .css-trroxm { opacity: 1; visibility: visible; }
.css-1s4aww2 { background-color: rgb(70, 62, 122); border-radius: 12px !important; }
.css-1g03s9t { position: relative; transition: margin 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; overflow-anchor: none; color: rgb(123, 108, 185); font-weight: 700; cursor: pointer; background-color: rgb(70, 62, 122); border-radius: 12px !important; }
.css-1g03s9t::before { position: absolute; left: 0px; top: -1px; right: 0px; height: 1px; content: ""; opacity: 1; background-color: rgba(0, 0, 0, 0.12); transition: opacity 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
.css-1g03s9t:first-of-type::before { display: none; }
.css-1g03s9t.Mui-expanded::before { opacity: 0; }
.css-1g03s9t.Mui-expanded:first-of-type { margin-top: 0px; }
.css-1g03s9t.Mui-expanded:last-of-type { margin-bottom: 0px; }
.css-1g03s9t.Mui-expanded + .css-1g03s9t.Mui-expanded::before { display: none; }
.css-1g03s9t.Mui-disabled { background-color: rgba(0, 0, 0, 0.12); }
.css-1g03s9t:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.css-1g03s9t:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
@supports (-ms-ime-align: auto) {
  .css-1g03s9t:last-of-type { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
}
.css-1g03s9t:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-1g03s9t:last-of-type { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.css-1g03s9t * { cursor: pointer; }
.css-jhff7a { box-shadow: none; position: relative; transition: margin 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; overflow-anchor: none; color: rgb(123, 108, 185); font-weight: 700; cursor: pointer; background-color: rgb(70, 62, 122); border-radius: 12px !important; }
.css-jhff7a::before { position: absolute; left: 0px; top: -1px; right: 0px; height: 1px; content: ""; opacity: 1; background-color: rgba(0, 0, 0, 0.12); transition: opacity 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
.css-jhff7a:first-of-type::before { display: none; }
.css-jhff7a.Mui-expanded::before { opacity: 0; }
.css-jhff7a.Mui-expanded:first-of-type { margin-top: 0px; }
.css-jhff7a.Mui-expanded:last-of-type { margin-bottom: 0px; }
.css-jhff7a.Mui-expanded + .css-jhff7a.Mui-expanded::before { display: none; }
.css-jhff7a.Mui-disabled { background-color: rgba(0, 0, 0, 0.12); }
.css-jhff7a:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.css-jhff7a:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
@supports (-ms-ime-align: auto) {
  .css-jhff7a:last-of-type { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
}
.css-jhff7a:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-jhff7a:last-of-type { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.css-jhff7a * { cursor: pointer; }
.css-1ni1tm8 { display: flex; transition: min-height 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 6px 6px 8px; font-size: 0.875rem; line-height: 1.25rem; color: rgb(255, 255, 255); background-color: rgb(120, 65, 238); border-radius: 12px 12px 0px 0px; border-bottom: 2px solid rgb(25, 25, 57); min-height: 2.25rem !important; height: 2.25rem !important; }
.css-1ni1tm8.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1ni1tm8.Mui-disabled { opacity: 0.38; }
.css-1ni1tm8:hover:not(.Mui-disabled) { cursor: pointer; }
@media (hover) and (pointer: fine) {
  .css-1ni1tm8:hover { background-color: rgb(120, 65, 238); }
}
.css-ww9mge { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; display: flex; transition: min-height 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 6px 6px 8px; font-size: 0.875rem; line-height: 1.25rem; color: rgb(255, 255, 255); background-color: rgb(120, 65, 238); border-radius: 12px 12px 0px 0px; border-bottom-style: solid; border-bottom-color: rgb(25, 25, 57); min-height: 2.25rem !important; height: 2.25rem !important; }
.css-ww9mge.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-ww9mge { -webkit-print-color-adjust: exact; }
}
.css-ww9mge.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-ww9mge.Mui-disabled { opacity: 0.38; }
.css-ww9mge:hover:not(.Mui-disabled) { cursor: pointer; }
@media (hover) and (pointer: fine) {
  .css-ww9mge:hover { background-color: rgb(120, 65, 238); }
}
.css-pdq6w3 { -webkit-box-flex: 1; flex-grow: 1; margin: 0px; display: flex; -webkit-box-pack: start; justify-content: start; -webkit-box-align: center; align-items: center; gap: 8px; cursor: default !important; }
.css-1fsv2a2 .Ui-outline { fill: rgb(88, 0, 233); stop-color: rgb(88, 0, 233); }
.css-1fsv2a2 .Ui-topHalf { fill: rgb(255, 219, 0); stop-color: rgb(255, 219, 0); }
.css-1fsv2a2 .Ui-bottomHalf { fill: rgb(255, 202, 0); stop-color: rgb(255, 202, 0); }
.css-ywl596 { color: rgba(0, 0, 0, 0.54); transform: rotate(0deg); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 8px; transition: none 0s ease 0s; background-color: rgba(163, 126, 242, 0.48); }
.css-ywl596.Mui-expanded { transform: rotate(180deg); }
@media (hover) and (pointer: fine) {
  .css-ywl596:hover { background-color: rgb(163, 126, 242); }
}
.css-12m0k8p { pointer-events: auto; }
.css-35s1y8 { pointer-events: auto; }
.css-35s1y8 .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-heip6f { height: auto; overflow: visible; transition: height 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
.css-hboir5 { display: flex; width: 100%; }
.css-8atqhb { width: 100%; }
.css-y8aj3r { padding: 0px; }
.css-4iunma { background-color: rgb(25, 25, 57); color: rgb(151, 137, 205); font-weight: 500; border-radius: 12px; font-size: 0.75rem; line-height: 1rem; padding: 0px; }
.css-kdxv3q { background-color: rgb(44, 40, 82); width: 100%; overflow: auto; border-radius: 0px 0px 12px 12px !important; }
.css-kdxv3q::-webkit-scrollbar { display: none; }
.css-1vghiox { list-style: none; margin: 0px; position: relative; padding: 0px; background-color: rgb(44, 40, 82); width: 100%; overflow: auto; border-radius: 0px 0px 12px 12px !important; }
.css-1vghiox::-webkit-scrollbar { display: none; }
.css-1jast12 { padding: 6px 8px 4px; border-bottom: 2px solid transparent; gap: 12px; }
@media (hover) and (pointer: fine) {
  .css-1jast12:hover { background-color: rgb(70, 62, 122); }
  .css-1jast12:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-1jast12:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-1jast12:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-1jast12:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-1jast12.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-1jast12.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-1jast12.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-1jast12:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.css-1vczg76 { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 8px 4px; border-bottom: 2px solid transparent; gap: 12px; }
.css-1vczg76:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .css-1vczg76:hover { background-color: transparent; }
}
.css-1vczg76.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-1vczg76.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-1vczg76.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
@media (hover: none) {
  .css-1vczg76.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.08); }
}
.css-1vczg76.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1vczg76.Mui-disabled { opacity: 0.38; }
.css-1vczg76:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
@media (hover) and (pointer: fine) {
  .css-1vczg76:hover { background-color: rgb(70, 62, 122); }
  .css-1vczg76:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-1vczg76:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-1vczg76:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-1vczg76:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-1vczg76.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-1vczg76.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-1vczg76.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-1vczg76:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.css-ltpcxz { -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 8px 4px; border-bottom-style: solid; border-bottom-color: transparent; gap: 12px; }
.css-ltpcxz.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-ltpcxz { -webkit-print-color-adjust: exact; }
}
.css-ltpcxz:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .css-ltpcxz:hover { background-color: transparent; }
}
.css-ltpcxz.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-ltpcxz.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-ltpcxz.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
@media (hover: none) {
  .css-ltpcxz.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.08); }
}
.css-ltpcxz.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-ltpcxz.Mui-disabled { opacity: 0.38; }
.css-ltpcxz:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
@media (hover) and (pointer: fine) {
  .css-ltpcxz:hover { background-color: rgb(70, 62, 122); }
  .css-ltpcxz:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-ltpcxz:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-ltpcxz:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-ltpcxz:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-ltpcxz.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-ltpcxz.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-ltpcxz.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-ltpcxz:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.css-2qgrgz .Ui-outline { stroke: none; fill: none; }
.css-2qgrgz .Ui-outlineFilter { filter: none; }
.css-2qgrgz .Ui-topHalf { fill: rgb(151, 137, 205); stop-color: rgb(151, 137, 205); }
.css-2qgrgz .Ui-bottomHalf { fill: rgb(151, 137, 205); stop-color: rgb(151, 137, 205); }
.css-1tsvksn { flex: 1 1 auto; min-width: 0px; margin-top: 4px; margin-bottom: 4px; }
.css-192g5f2 { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; display: block; font-weight: 500; color: rgb(217, 209, 244); }
.css-f0d26z .Ui-outline { fill: none; }
.css-f0d26z .Ui-outlineFilter { filter: none; }
.css-f0d26z .Ui-topHalf { fill: rgb(151, 137, 205); stop-color: rgb(151, 137, 205); }
.css-f0d26z .Ui-bottomHalf { fill: rgb(151, 137, 205); stop-color: rgb(151, 137, 205); }
.css-1ft4ciz { height: fit-content; background-color: rgb(25, 25, 57); color: rgb(217, 209, 244); border-radius: 6px; padding: 2px 6px 3px; font-weight: 700; }
.css-137v72e { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
.css-1orlh0d { display: flex; transition: min-height 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 6px 6px 8px; font-size: 0.875rem; line-height: 1.25rem; color: rgb(255, 255, 255); background-color: rgb(70, 62, 122); border-radius: 12px; border-bottom: none; min-height: 2.25rem !important; height: 2.25rem !important; }
.css-1orlh0d.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1orlh0d.Mui-disabled { opacity: 0.38; }
.css-1orlh0d:hover:not(.Mui-disabled) { cursor: pointer; }
@media (hover) and (pointer: fine) {
  .css-1orlh0d:hover { background-color: rgb(123, 108, 185); }
  .css-1orlh0d:hover > .MuiAccordionSummary-expandIconWrapper { background-color: rgba(151, 137, 205, 0.48); }
}
.css-17382xh { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; display: flex; transition: min-height 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 6px 6px 8px; font-size: 0.875rem; line-height: 1.25rem; color: rgb(255, 255, 255); background-color: rgb(70, 62, 122); border-radius: 12px; border-bottom: none; min-height: 2.25rem !important; height: 2.25rem !important; }
.css-17382xh.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-17382xh { -webkit-print-color-adjust: exact; }
}
.css-17382xh.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-17382xh.Mui-disabled { opacity: 0.38; }
.css-17382xh:hover:not(.Mui-disabled) { cursor: pointer; }
@media (hover) and (pointer: fine) {
  .css-17382xh:hover { background-color: rgb(123, 108, 185); }
  .css-17382xh:hover > .MuiAccordionSummary-expandIconWrapper { background-color: rgba(151, 137, 205, 0.48); }
}
.css-k3konq { -webkit-box-flex: 1; flex-grow: 1; margin: 0px; display: flex; -webkit-box-pack: start; justify-content: start; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-uctys0 .Ui-outline { stroke: none; fill: none; }
.css-uctys0 .Ui-outlineFilter { filter: none; }
.css-uctys0 .Ui-topHalf { fill: rgb(255, 255, 255); stop-color: rgb(255, 255, 255); }
.css-uctys0 .Ui-bottomHalf { fill: rgb(255, 255, 255); stop-color: rgb(255, 255, 255); }
.css-1czv92g { color: rgba(0, 0, 0, 0.54); transform: rotate(0deg); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 8px; transition: none 0s ease 0s; background-color: rgba(123, 108, 185, 0.48); }
.css-1czv92g.Mui-expanded { transform: rotate(180deg); }
@media (hover) and (pointer: fine) {
  .css-1czv92g:hover { background-color: rgb(123, 108, 185); }
}
.css-1qjevqs { height: 0px; overflow: hidden; transition: height 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; visibility: hidden; }
.css-eav5ee { min-width: initial; -webkit-box-pack: start; justify-content: flex-start; padding-block: 6px; padding-inline: 8px; gap: 12px; }
.css-eav5ee:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-eav5ee:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
@media (hover) and (pointer: fine) {
  .css-eav5ee:hover { background-color: rgb(70, 62, 122); }
  .css-eav5ee:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-eav5ee:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-eav5ee:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-eav5ee.Mui-selected { background-color: rgb(120, 65, 238); }
.css-eav5ee.Mui-selected:not(:last-child) { border-color: rgb(25, 25, 57); }
.css-1nodznd { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; min-width: initial; -webkit-box-pack: start; justify-content: flex-start; padding-block: 6px; padding-inline: 8px; gap: 12px; box-shadow: none !important; }
.css-1nodznd:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-1nodznd:hover { background-color: rgb(44, 40, 82); }
}
.css-1nodznd:active { box-shadow: none; }
.css-1nodznd.Mui-focusVisible { box-shadow: none; }
.css-1nodznd.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-1nodznd:hover { background-color: rgb(70, 62, 122); }
}
.css-1nodznd.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1nodznd:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1nodznd:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1nodznd:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1nodznd:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1nodznd[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1nodznd:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-1nodznd:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
@media (hover) and (pointer: fine) {
  .css-1nodznd:hover { background-color: rgb(70, 62, 122); }
  .css-1nodznd:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-1nodznd:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-1nodznd:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-1nodznd.Mui-selected { background-color: rgb(120, 65, 238); }
.css-1nodznd.Mui-selected:not(:last-child) { border-color: rgb(25, 25, 57); }
.css-uuls6a { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; min-width: initial; -webkit-box-pack: start; justify-content: flex-start; padding-block: 6px; padding-inline: 8px; gap: 12px; box-shadow: none !important; }
.css-uuls6a.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-uuls6a { -webkit-print-color-adjust: exact; }
}
.css-uuls6a:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-uuls6a:hover { background-color: rgb(44, 40, 82); }
}
.css-uuls6a:active { box-shadow: none; }
.css-uuls6a.Mui-focusVisible { box-shadow: none; }
.css-uuls6a.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-uuls6a:hover { background-color: rgb(70, 62, 122); }
}
.css-uuls6a.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-uuls6a:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-uuls6a:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-uuls6a:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-uuls6a:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-uuls6a[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-uuls6a:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-uuls6a:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
@media (hover) and (pointer: fine) {
  .css-uuls6a:hover { background-color: rgb(70, 62, 122); }
  .css-uuls6a:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-uuls6a:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-uuls6a:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-uuls6a.Mui-selected { background-color: rgb(120, 65, 238); }
.css-uuls6a.Mui-selected:not(:last-child) { border-color: rgb(25, 25, 57); }
.css-gmuwbf { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-ywfyo0 { width: 100%; display: flex; -webkit-box-align: center; align-items: center; }
.css-1mq5e60 { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; font-weight: 700; color: rgb(255, 255, 255); }
.css-11c6tp2 { background-color: rgb(44, 40, 82); border-radius: 12px; width: 100%; overflow: auto; }
.css-11c6tp2::-webkit-scrollbar { display: none; }
.css-1tg3s3f { list-style: none; margin: 0px; position: relative; padding: 0px; background-color: rgb(44, 40, 82); border-radius: 12px; width: 100%; overflow: auto; }
.css-1tg3s3f::-webkit-scrollbar { display: none; }
.css-1af5774 { padding: 6px 8px 4px; border-bottom: 2px solid transparent; gap: 12px; }
@media (hover) and (pointer: fine) {
  .css-1af5774:hover { background-color: rgb(70, 62, 122); }
  .css-1af5774:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-1af5774:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-1af5774:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-1af5774:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-1af5774.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-1af5774.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-1af5774.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-wz1zhi { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 8px 4px; border-bottom: 2px solid transparent; gap: 12px; }
.css-wz1zhi:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .css-wz1zhi:hover { background-color: transparent; }
}
.css-wz1zhi.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-wz1zhi.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-wz1zhi.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
@media (hover: none) {
  .css-wz1zhi.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.08); }
}
.css-wz1zhi.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-wz1zhi.Mui-disabled { opacity: 0.38; }
@media (hover) and (pointer: fine) {
  .css-wz1zhi:hover { background-color: rgb(70, 62, 122); }
  .css-wz1zhi:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-wz1zhi:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-wz1zhi:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-wz1zhi:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-wz1zhi.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-wz1zhi.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-wz1zhi.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-jobc9m { -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 8px 4px; border-bottom-style: solid; border-bottom-color: transparent; gap: 12px; }
.css-jobc9m.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-jobc9m { -webkit-print-color-adjust: exact; }
}
.css-jobc9m:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .css-jobc9m:hover { background-color: transparent; }
}
.css-jobc9m.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-jobc9m.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-jobc9m.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
@media (hover: none) {
  .css-jobc9m.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.08); }
}
.css-jobc9m.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-jobc9m.Mui-disabled { opacity: 0.38; }
@media (hover) and (pointer: fine) {
  .css-jobc9m:hover { background-color: rgb(70, 62, 122); }
  .css-jobc9m:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-jobc9m:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-jobc9m:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-jobc9m:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-jobc9m.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-jobc9m.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-jobc9m.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-1dz8i0i { display: flex; transition: min-height 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 6px 6px 8px; font-size: 0.875rem; line-height: 1.25rem; color: rgb(255, 255, 255); background-color: rgb(44, 40, 82); border-radius: 12px; border-bottom: none; min-height: 2.25rem !important; height: 2.25rem !important; }
.css-1dz8i0i.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1dz8i0i.Mui-disabled { opacity: 0.38; }
.css-1dz8i0i:hover:not(.Mui-disabled) { cursor: pointer; }
@media (hover) and (pointer: fine) {
  .css-1dz8i0i:hover { background-color: rgb(70, 62, 122); }
  .css-1dz8i0i:hover > .MuiAccordionSummary-expandIconWrapper { background-color: rgba(151, 137, 205, 0.48); }
}
.css-ub9dtw { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; display: flex; transition: min-height 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 6px 6px 8px; font-size: 0.875rem; line-height: 1.25rem; color: rgb(255, 255, 255); background-color: rgb(44, 40, 82); border-radius: 12px; border-bottom: none; min-height: 2.25rem !important; height: 2.25rem !important; }
.css-ub9dtw.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-ub9dtw { -webkit-print-color-adjust: exact; }
}
.css-ub9dtw.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-ub9dtw.Mui-disabled { opacity: 0.38; }
.css-ub9dtw:hover:not(.Mui-disabled) { cursor: pointer; }
@media (hover) and (pointer: fine) {
  .css-ub9dtw:hover { background-color: rgb(70, 62, 122); }
  .css-ub9dtw:hover > .MuiAccordionSummary-expandIconWrapper { background-color: rgba(151, 137, 205, 0.48); }
}
.css-1ddmhn3 { padding: 6px 8px 4px; border-bottom: 2px solid transparent; gap: 12px; }
@media (hover) and (pointer: fine) {
  .css-1ddmhn3:hover { background-color: rgb(70, 62, 122); }
  .css-1ddmhn3:hover .list-item-pill { background-color: rgb(44, 40, 82); }
}
.css-1ddmhn3.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-1ddmhn3.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-1ddmhn3.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-1ddmhn3:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.css-1b660gf { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 8px 4px; border-bottom: 2px solid transparent; gap: 12px; }
.css-1b660gf:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .css-1b660gf:hover { background-color: transparent; }
}
.css-1b660gf.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-1b660gf.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-1b660gf.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
@media (hover: none) {
  .css-1b660gf.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.08); }
}
.css-1b660gf.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1b660gf.Mui-disabled { opacity: 0.38; }
.css-1b660gf:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
@media (hover) and (pointer: fine) {
  .css-1b660gf:hover { background-color: rgb(70, 62, 122); }
  .css-1b660gf:hover .list-item-pill { background-color: rgb(44, 40, 82); }
}
.css-1b660gf.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-1b660gf.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-1b660gf.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-1b660gf:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.css-10bhm97 { -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px 8px 4px; border-bottom-style: solid; border-bottom-color: transparent; gap: 12px; }
.css-10bhm97.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-10bhm97 { -webkit-print-color-adjust: exact; }
}
.css-10bhm97:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .css-10bhm97:hover { background-color: transparent; }
}
.css-10bhm97.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-10bhm97.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-10bhm97.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
@media (hover: none) {
  .css-10bhm97.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.08); }
}
.css-10bhm97.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-10bhm97.Mui-disabled { opacity: 0.38; }
.css-10bhm97:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
@media (hover) and (pointer: fine) {
  .css-10bhm97:hover { background-color: rgb(70, 62, 122); }
  .css-10bhm97:hover .list-item-pill { background-color: rgb(44, 40, 82); }
}
.css-10bhm97.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-10bhm97.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-10bhm97.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-10bhm97:first-of-type { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.css-ahwhr7 { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; display: block; font-weight: 500; color: rgb(255, 255, 255); }
.css-1y4kgfw { display: flex; margin-left: auto; }
.css-11g21it { margin-left: 8px; height: 1.25rem; width: 1.25rem; }
.css-1lji8p { margin-left: 8px; height: 1.25rem; width: 1.25rem; }
.css-1lji8p .Ui-fill { fill: rgb(221, 139, 0); }
.css-14fc6na { -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 10px 0px 8px; display: flex; flex-direction: column; background-color: rgb(9, 12, 29); border-radius: 12px; padding-inline: 12px; }
.css-14fc6na.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-14fc6na.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-14fc6na.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-14fc6na.Mui-disabled { opacity: 0.38; }
.css-8fxuso { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; color: rgb(180, 166, 226); font-weight: 700; }
.css-1rxqdwz { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; font-weight: 500; color: rgb(255, 255, 255); }
.css-1qv2z52 { display: flex; flex-direction: column; position: absolute; top: 0px; right: 0px; gap: 12px; opacity: 0; visibility: hidden; transition: opacity 150ms cubic-bezier(0.3, 0, 0.2, 1) 0ms, visibility 150ms cubic-bezier(0.3, 0, 0.2, 1) 0ms; will-change: opacity; }
[data-side-nav-open="false"] .css-1qv2z52 { opacity: 1; visibility: visible; }
[data-side-nav-open="true"] .css-1qv2z52 { opacity: 0; visibility: hidden; }
.css-14nfsjq { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 0px; }
.css-14nfsjq.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-14nfsjq.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-14nfsjq.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-14nfsjq.Mui-disabled { opacity: 0.38; }
.css-d3y7cn { text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 6px; position: relative; display: flex; box-shadow: none !important; background-color: rgb(120, 65, 238) !important; }
.css-d3y7cn.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-d3y7cn:hover { background-color: rgb(70, 62, 122); }
}
.css-d3y7cn.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-d3y7cn:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-d3y7cn:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-d3y7cn:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-d3y7cn:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-d3y7cn[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-d3y7cn::after { content: " "; position: absolute; top: 0px; right: -12px; width: 47px; height: 100%; background-color: transparent; z-index: 1201; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.css-d3y7cn > div > svg { z-index: 1202; }
.css-26tszk { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 6px; position: relative; display: flex; box-shadow: none !important; background-color: rgb(120, 65, 238) !important; }
.css-26tszk.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-26tszk { -webkit-print-color-adjust: exact; }
}
.css-26tszk.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-26tszk:hover { background-color: rgb(70, 62, 122); }
}
.css-26tszk.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-26tszk:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-26tszk:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-26tszk:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-26tszk:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-26tszk[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-26tszk::after { content: " "; position: absolute; top: 0px; right: -12px; width: 47px; height: 100%; background-color: transparent; z-index: 1201; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.css-26tszk > div > svg { z-index: 1202; }
.css-xpqupt { border-top-left-radius: 0px; z-index: 10000; }
.css-d58c31 { text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 6px; position: relative; display: flex; box-shadow: none !important; background-color: rgb(70, 62, 122) !important; }
.css-d58c31.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-d58c31:hover { background-color: rgb(70, 62, 122); }
}
.css-d58c31.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-d58c31:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-d58c31:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-d58c31:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-d58c31:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-d58c31[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-d58c31::after { content: " "; position: absolute; top: 0px; right: -12px; width: 47px; height: 100%; background-color: transparent; z-index: 1201; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.css-d58c31 > div > svg { z-index: 1202; }
.css-12vsxqy { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 6px; position: relative; display: flex; box-shadow: none !important; background-color: rgb(70, 62, 122) !important; }
.css-12vsxqy.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-12vsxqy { -webkit-print-color-adjust: exact; }
}
.css-12vsxqy.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-12vsxqy:hover { background-color: rgb(70, 62, 122); }
}
.css-12vsxqy.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-12vsxqy:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-12vsxqy:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-12vsxqy:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-12vsxqy:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-12vsxqy[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-12vsxqy::after { content: " "; position: absolute; top: 0px; right: -12px; width: 47px; height: 100%; background-color: transparent; z-index: 1201; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.css-12vsxqy > div > svg { z-index: 1202; }
.css-1x6k39b { min-width: initial; -webkit-box-pack: start; justify-content: flex-start; padding-block: 6px; padding-inline: 6px; gap: 12px; }
.css-1x6k39b:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-1x6k39b:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
@media (hover) and (pointer: fine) {
  .css-1x6k39b:hover { background-color: rgb(70, 62, 122); }
  .css-1x6k39b:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-1x6k39b:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-1x6k39b:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-1x6k39b.Mui-selected { background-color: rgb(120, 65, 238); }
.css-1x6k39b.Mui-selected:not(:last-child) { border-color: rgb(25, 25, 57); }
.css-m0vn8q { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; min-width: initial; -webkit-box-pack: start; justify-content: flex-start; padding-block: 6px; padding-inline: 6px; gap: 12px; box-shadow: none !important; }
.css-m0vn8q:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-m0vn8q:hover { background-color: rgb(44, 40, 82); }
}
.css-m0vn8q:active { box-shadow: none; }
.css-m0vn8q.Mui-focusVisible { box-shadow: none; }
.css-m0vn8q.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-m0vn8q:hover { background-color: rgb(70, 62, 122); }
}
.css-m0vn8q.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-m0vn8q:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-m0vn8q:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-m0vn8q:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-m0vn8q:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-m0vn8q[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-m0vn8q:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-m0vn8q:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
@media (hover) and (pointer: fine) {
  .css-m0vn8q:hover { background-color: rgb(70, 62, 122); }
  .css-m0vn8q:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-m0vn8q:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-m0vn8q:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-m0vn8q.Mui-selected { background-color: rgb(120, 65, 238); }
.css-m0vn8q.Mui-selected:not(:last-child) { border-color: rgb(25, 25, 57); }
.css-1hbu49c { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; min-width: initial; -webkit-box-pack: start; justify-content: flex-start; padding-block: 6px; padding-inline: 6px; gap: 12px; box-shadow: none !important; }
.css-1hbu49c.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1hbu49c { -webkit-print-color-adjust: exact; }
}
.css-1hbu49c:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-1hbu49c:hover { background-color: rgb(44, 40, 82); }
}
.css-1hbu49c:active { box-shadow: none; }
.css-1hbu49c.Mui-focusVisible { box-shadow: none; }
.css-1hbu49c.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-1hbu49c:hover { background-color: rgb(70, 62, 122); }
}
.css-1hbu49c.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1hbu49c:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1hbu49c:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1hbu49c:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1hbu49c:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1hbu49c[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1hbu49c:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.css-1hbu49c:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
@media (hover) and (pointer: fine) {
  .css-1hbu49c:hover { background-color: rgb(70, 62, 122); }
  .css-1hbu49c:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-1hbu49c:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-1hbu49c:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-1hbu49c.Mui-selected { background-color: rgb(120, 65, 238); }
.css-1hbu49c.Mui-selected:not(:last-child) { border-color: rgb(25, 25, 57); }
.css-1lvvwdx { z-index: 1500; pointer-events: none; }
.css-1lvvwdx[data-popper-placement*="bottom"] .MuiTooltip-arrow { top: 0px; margin-top: -0.71em; }
.css-1lvvwdx[data-popper-placement*="bottom"] .MuiTooltip-arrow::before { transform-origin: 0px 100%; }
.css-1lvvwdx[data-popper-placement*="top"] .MuiTooltip-arrow { bottom: 0px; margin-bottom: -0.71em; }
.css-1lvvwdx[data-popper-placement*="top"] .MuiTooltip-arrow::before { transform-origin: 100% 0px; }
.css-1lvvwdx[data-popper-placement*="right"] .MuiTooltip-arrow { left: 0px; margin-left: -0.71em; height: 1em; width: 0.71em; }
.css-1lvvwdx[data-popper-placement*="right"] .MuiTooltip-arrow::before { transform-origin: 100% 100%; }
.css-1lvvwdx[data-popper-placement*="left"] .MuiTooltip-arrow { right: 0px; margin-right: -0.71em; height: 1em; width: 0.71em; }
.css-1lvvwdx[data-popper-placement*="left"] .MuiTooltip-arrow::before { transform-origin: 0px 0px; }
.css-jrsr9g { z-index: 1500; pointer-events: none; }
.css-jrsr9g[data-popper-placement*="bottom"] .MuiTooltip-arrow { top: 0px; margin-top: -0.71em; }
.css-jrsr9g[data-popper-placement*="bottom"] .MuiTooltip-arrow::before { transform-origin: 0px 100%; }
.css-jrsr9g[data-popper-placement*="top"] .MuiTooltip-arrow { bottom: 0px; margin-bottom: -0.71em; }
.css-jrsr9g[data-popper-placement*="top"] .MuiTooltip-arrow::before { transform-origin: 100% 0px; }
.css-jrsr9g[data-popper-placement*="right"] .MuiTooltip-arrow { left: 0px; margin-left: -0.71em; height: 1em; width: 0.71em; }
.css-jrsr9g[data-popper-placement*="right"] .MuiTooltip-arrow::before { transform-origin: 100% 100%; }
.css-jrsr9g[data-popper-placement*="left"] .MuiTooltip-arrow { right: 0px; margin-right: -0.71em; height: 1em; width: 0.71em; }
.css-jrsr9g[data-popper-placement*="left"] .MuiTooltip-arrow::before { transform-origin: 0px 0px; }
.css-1kk2x4s { background-color: rgb(44, 40, 82); border-radius: 12px; width: fit-content; overflow: auto; }
.css-1kk2x4s::-webkit-scrollbar { display: none; }
.css-ikivuv { list-style: none; margin: 0px; position: relative; padding: 0px; background-color: rgb(44, 40, 82); border-radius: 12px; width: fit-content; overflow: auto; }
.css-ikivuv::-webkit-scrollbar { display: none; }
.css-7crkjn { padding: 6px; border-bottom: 2px solid transparent; gap: 12px; }
@media (hover) and (pointer: fine) {
  .css-7crkjn:hover { background-color: rgb(70, 62, 122); }
  .css-7crkjn:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-7crkjn:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-7crkjn:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-7crkjn:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-7crkjn.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-7crkjn.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-7crkjn.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-1amdy0w { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px; border-bottom: 2px solid transparent; gap: 12px; }
.css-1amdy0w:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .css-1amdy0w:hover { background-color: transparent; }
}
.css-1amdy0w.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-1amdy0w.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-1amdy0w.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
@media (hover: none) {
  .css-1amdy0w.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.08); }
}
.css-1amdy0w.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1amdy0w.Mui-disabled { opacity: 0.38; }
@media (hover) and (pointer: fine) {
  .css-1amdy0w:hover { background-color: rgb(70, 62, 122); }
  .css-1amdy0w:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-1amdy0w:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-1amdy0w:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-1amdy0w:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-1amdy0w.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-1amdy0w.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-1amdy0w.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-1a33gmv { -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 6px; border-bottom-style: solid; border-bottom-color: transparent; gap: 12px; }
.css-1a33gmv.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1a33gmv { -webkit-print-color-adjust: exact; }
}
.css-1a33gmv:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
  .css-1a33gmv:hover { background-color: transparent; }
}
.css-1a33gmv.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-1a33gmv.Mui-selected.Mui-focusVisible { background-color: rgba(120, 65, 238, 0.2); }
.css-1a33gmv.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
@media (hover: none) {
  .css-1a33gmv.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.08); }
}
.css-1a33gmv.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-1a33gmv.Mui-disabled { opacity: 0.38; }
@media (hover) and (pointer: fine) {
  .css-1a33gmv:hover { background-color: rgb(70, 62, 122); }
  .css-1a33gmv:hover .list-item-pill { background-color: rgb(44, 40, 82); }
  .css-1a33gmv:hover .Ui-topHalf { fill: rgb(217, 209, 244); stop-color: rgb(217, 209, 244); }
  .css-1a33gmv:hover .Ui-bottomHalf { fill: rgb(217, 209, 244); }
  .css-1a33gmv:hover .Ui-fill { fill: rgb(217, 209, 244); }
}
.css-1a33gmv.Mui-selected { background-color: rgb(120, 65, 238) !important; }
@media (hover) and (pointer: fine) {
  .css-1a33gmv.Mui-selected:hover { background-color: rgb(120, 65, 238); }
}
.css-1a33gmv.Mui-selected .list-item-pill { background-color: rgb(80, 39, 167); color: rgb(255, 255, 255); }
.css-158tl6e { text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 6px; position: relative; display: flex; box-shadow: none !important; background-color: rgb(44, 40, 82) !important; }
.css-158tl6e.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-158tl6e:hover { background-color: rgb(70, 62, 122); }
}
.css-158tl6e.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-158tl6e:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-158tl6e:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-158tl6e:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-158tl6e:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-158tl6e[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-158tl6e::after { content: " "; position: absolute; top: 0px; right: -12px; width: 47px; height: 100%; background-color: transparent; z-index: 1201; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.css-158tl6e > div > svg { z-index: 1202; }
.css-1784966 { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; padding: 6px; position: relative; display: flex; box-shadow: none !important; background-color: rgb(44, 40, 82) !important; }
.css-1784966.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1784966 { -webkit-print-color-adjust: exact; }
}
.css-1784966.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-1784966:hover { background-color: rgb(70, 62, 122); }
}
.css-1784966.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1784966:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1784966:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1784966:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1784966:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1784966[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1784966::after { content: " "; position: absolute; top: 0px; right: -12px; width: 47px; height: 100%; background-color: transparent; z-index: 1201; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.css-1784966 > div > svg { z-index: 1202; }
.css-1ix3lzc { display: grid; grid-template-areas: "nav" "main" "bottom"; grid-template-columns: 1fr; grid-template-rows: var(--roo-toolbar-height) 1fr var(--roo-bottom-nav-height); transition: grid-template-columns 400ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; will-change: grid-template-columns; pointer-events: none; overflow: hidden; height: 100%; }
.css-1ix3lzc > * { pointer-events: auto; }
@media (min-width: 768px) {
  .css-1ix3lzc { grid-area: right / right / right / right; grid-template-columns: 1fr var(--roo-right-side-chat-width); grid-template-rows: var(--roo-toolbar-height) 1fr; grid-template-areas: "nav nav" "main chat"; }
}
@media (min-width: 1200px) {
  .css-1ix3lzc { grid-template-areas: "nav chat" "main chat"; }
}
.css-1ayc8ll { grid-area: main / main / main / main; pointer-events: none; overflow: clip; position: relative; }
.css-1ayc8ll::before { content: " "; position: absolute; inset: 0px; border-top-left-radius: 12px; box-shadow: rgb(25, 25, 57) 0px 0px 0px 1rem; }
@media (min-width: 768px) {
  .css-1ayc8ll::before { border-top: 4px solid rgb(9, 12, 29); }
}
.css-bxg8gf { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; top: 0px; left: auto; right: 0px; color: rgb(255, 255, 255); background-color: rgb(25, 25, 57); box-shadow: none; -webkit-box-align: center; align-items: center; position: relative; z-index: unset; grid-area: nav / nav / nav / nav; }
@media print {
  .css-bxg8gf { position: absolute; }
}
@media (min-width: 768px) {
  .css-bxg8gf { z-index: 2; }
}
.css-1tuicvm { transition: box-shadow 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; top: 0px; left: auto; right: 0px; color: rgb(255, 255, 255); background-color: rgb(25, 25, 57); box-shadow: none; -webkit-box-align: center; align-items: center; position: relative; z-index: unset; grid-area: nav / nav / nav / nav; }
@media print {
  .css-1tuicvm { position: absolute; }
}
@media (min-width: 768px) {
  .css-1tuicvm { z-index: 2; }
}
.css-1jpcp03 { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-1m9pmpe { -webkit-box-pack: justify; justify-content: space-between; width: 100%; max-width: calc(1248px); display: grid !important; }
@media (min-width: 768px) {
  .css-1m9pmpe { grid-template-columns: 1fr auto 1fr; }
}
.css-1xppq4g { -webkit-box-align: center; align-items: center; height: 56px; position: relative; padding-inline: 16px; -webkit-box-pack: justify; justify-content: space-between; width: 100%; max-width: calc(1248px); min-height: 56px !important; display: grid !important; }
@media (min-width: 0px) {
  @media (orientation: landscape) {
  .css-1xppq4g { min-height: 48px; }
}
}
@media (min-width: 375px) {
  .css-1xppq4g { min-height: 64px; }
}
@media (min-width: 768px) {
  .css-1xppq4g { height: 72px; padding-inline: 24px; }
}
@media (min-width: 768px) {
  .css-1xppq4g { grid-template-columns: 1fr auto 1fr; }
}
.css-1o6vxjr { display: flex; -webkit-box-align: center; align-items: center; grid-column: 1 / 2; height: 100%; width: 100%; }
.css-1qeutn1 { display: block; flex-shrink: 0; height: 36px; width: 36px; overflow: hidden; position: relative; }
.css-1qeutn1 > img { height: 100%; width: unset; }
@media (min-width: 768px) {
  .css-1qeutn1 { height: 44px; width: 44px; }
}
.css-rgif52 { display: inline-block; vertical-align: middle; height: 44px; width: 171px; color: rgb(255, 206, 0); max-width: unset; }
.css-1n51cne { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex: 1 1 0%; grid-column: 3 / auto; gap: 8px; z-index: 2; }
.css-722v01 { text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 6px; box-shadow: none !important; }
.css-722v01.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-722v01:hover { background-color: rgb(70, 62, 122); }
}
.css-722v01.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-722v01:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-722v01:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-722v01:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-722v01:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-722v01[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-65rptj { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 6px; box-shadow: none !important; }
.css-65rptj.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-65rptj { -webkit-print-color-adjust: exact; }
}
.css-65rptj.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-65rptj:hover { background-color: rgb(70, 62, 122); }
}
.css-65rptj.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-65rptj:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-65rptj:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-65rptj:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-65rptj:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-65rptj[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1pmrrd7 .Ui-outline { fill: none; }
.css-1pmrrd7 .Ui-outlineFilter { filter: none; }
.css-1pmrrd7 .Ui-topHalf { fill: rgb(255, 255, 255); stop-color: rgb(255, 255, 255); }
.css-1pmrrd7 .Ui-bottomHalf { fill: rgb(255, 255, 255); stop-color: rgb(255, 255, 255); }
.css-z07aml { display: flex; gap: 4px; padding: 4px; background-color: rgb(9, 12, 29); border-radius: 16px; }
.css-zomtae { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; box-shadow: none !important; }
.css-zomtae:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-zomtae:hover { background-color: rgb(44, 40, 82); }
}
.css-zomtae:active { box-shadow: none; }
.css-zomtae.Mui-focusVisible { box-shadow: none; }
.css-zomtae.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-zomtae:hover { background-color: rgb(70, 62, 122); }
}
.css-zomtae.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-zomtae:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-zomtae:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-zomtae:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-zomtae:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-zomtae[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-jgg645 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; box-shadow: none !important; }
.css-jgg645.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-jgg645 { -webkit-print-color-adjust: exact; }
}
.css-jgg645:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-jgg645:hover { background-color: rgb(44, 40, 82); }
}
.css-jgg645:active { box-shadow: none; }
.css-jgg645.Mui-focusVisible { box-shadow: none; }
.css-jgg645.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-jgg645:hover { background-color: rgb(70, 62, 122); }
}
.css-jgg645.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-jgg645:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-jgg645:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-jgg645:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-jgg645:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-jgg645[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-m52l0f { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: normal; --roo-loading-color:#C56A18; --roo-btn-text-stroke-color:#C56A18; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; transition: background-size 0.3s ease-in-out 0s; background: linear-gradient(420deg, rgb(255, 206, 0) 0%, rgb(255, 206, 0) 49%, rgb(255, 184, 0) 49%, rgb(255, 184, 0) 100%) left center / 100% 100% no-repeat; padding: 6px 14px 10px; }
.css-m52l0f:hover { text-decoration: none; background-color: rgb(80, 39, 167); box-shadow: none; }
@media (hover: none) {
  .css-m52l0f:hover { background-color: rgb(120, 65, 238); }
}
.css-m52l0f:active { box-shadow: none; }
.css-m52l0f.Mui-focusVisible { box-shadow: none; }
.css-m52l0f.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
.css-m52l0f::before { content: " "; position: absolute; top: 0px; left: 10px; width: 5px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 16px; }
@media (hover) and (pointer: fine) {
  .css-m52l0f:hover { background-size: 300% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
}
.css-m52l0f.Mui-focusVisible { background-size: 300% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
.css-m52l0f:disabled { --roo-btn-text-stroke-color:#191939; -webkit-text-stroke-color: rgb(25, 25, 57); background: rgb(44, 40, 82); color: rgb(217, 209, 244); box-shadow: rgb(35, 32, 66) 0px -3px 0px 0px inset, rgb(89, 81, 142) 0px 2px 0px 0px inset; text-shadow: rgb(25, 25, 57) 0px 1px 0px; }
.css-m52l0f:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-m52l0f:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-m52l0f:active { background: rgb(255, 184, 0); }
.css-m52l0f[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-11f025h { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: normal; --roo-loading-color:#C56A18; --roo-btn-text-stroke-color:#C56A18; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; transition: background-size 0.3s ease-in-out 0s; background: linear-gradient(420deg, rgb(255, 206, 0) 0%, rgb(255, 206, 0) 49%, rgb(255, 184, 0) 49%, rgb(255, 184, 0) 100%) left center / 100% 100% no-repeat; padding: 6px 14px 10px; }
.css-11f025h.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-11f025h { -webkit-print-color-adjust: exact; }
}
.css-11f025h:hover { text-decoration: none; background-color: rgb(80, 39, 167); box-shadow: none; }
@media (hover: none) {
  .css-11f025h:hover { background-color: rgb(120, 65, 238); }
}
.css-11f025h:active { box-shadow: none; }
.css-11f025h.Mui-focusVisible { box-shadow: none; }
.css-11f025h.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
.css-11f025h::before { content: " "; position: absolute; top: 0px; left: 10px; width: 5px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 16px; }
@media (hover) and (pointer: fine) {
  .css-11f025h:hover { background-size: 300% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
}
.css-11f025h.Mui-focusVisible { background-size: 300% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
.css-11f025h:disabled { --roo-btn-text-stroke-color:#191939; -webkit-text-stroke-color: rgb(25, 25, 57); background: rgb(44, 40, 82); color: rgb(217, 209, 244); box-shadow: rgb(35, 32, 66) 0px -3px 0px 0px inset, rgb(89, 81, 142) 0px 2px 0px 0px inset; text-shadow: rgb(25, 25, 57) 0px 1px 0px; }
.css-11f025h:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-11f025h:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-11f025h:active { background: rgb(255, 184, 0); }
.css-11f025h[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1vbi3b0 { visibility: initial; position: relative; padding: 2px; }
.css-1p5jbz2 { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 900; visibility: initial; position: relative; padding: 2px; }
.css-165y8eh { position: absolute; left: 2px; -webkit-text-stroke: 2px var(--roo-btn-text-stroke-color); }
.css-1uu95yu { position: absolute; left: 2px; -webkit-text-stroke: 2px var(--roo-btn-text-stroke-color); top: 3px; }
.css-79elbk { position: relative; }
.css-pvo19o > .MuiPaper-root { display: flex; background-color: rgb(9, 12, 29); border-radius: 16px; padding: 4px; }
.css-vfx774 > .MuiPaper-root { display: flex; background-color: rgb(9, 12, 29); border-radius: 16px; padding: 4px; }
.css-5ccuhh .Ui-fill { fill: rgb(255, 255, 255); }
.css-1tljn3i { display: flex; -webkit-box-align: center; align-items: center; grid-area: main / main / main / main; position: relative; place-self: end; margin-bottom: 16px; }
@media (min-width: 768px) {
  .css-1tljn3i { margin-bottom: 48px; }
}
.css-z30c9x { width: 100%; overflow: hidden; display: flex; flex-direction: column; flex-shrink: 0; height: 100%; color: rgb(255, 255, 255); position: relative; }
@media (min-width: 0px) {
  .css-z30c9x { grid-area: nav / nav / main / nav; z-index: 2; }
}
@media (min-width: 768px) {
  .css-z30c9x { grid-area: chat / chat / chat / chat; z-index: 0; }
}
.css-x85gzc { position: relative; background-color: rgb(9, 12, 29); }
.css-1p32sq { display: flex; -webkit-box-align: center; align-items: center; padding: 14px; border-left: 4px solid rgb(120, 65, 238); background-color: rgb(25, 25, 57); height: 72px; -webkit-box-pack: justify; justify-content: space-between; }
@media (min-width: 768px) {
  .css-1p32sq { margin-top: 4px; }
}
@media (min-width: 1200px) {
  .css-1p32sq { margin-top: 0px; }
}
.css-18ec9sb { padding: 4px; background-color: rgb(9, 12, 29); border-radius: 16px; }
.css-1sh980r { position: relative; width: min-content; }
.css-3a59fb { width: fit-content; }
@media (hover) and (pointer: fine) {
  .css-3a59fb:hover > .MuiSelect-icon { background-color: rgb(70, 62, 122); }
  .css-3a59fb:hover > .MuiSelect-icon.Mui-disabled { background-color: transparent; }
}
.css-3a59fb.Mui-focused { outline-color: rgb(123, 108, 185); }
.css-3a59fb .MuiSelect-select { padding-right: 42px !important; }
.css-3a59fb > .MuiOutlinedInput-input { padding-left: 8px; padding-right: 37px !important; }
@media (min-width: 0px) {
  .css-3a59fb > .MuiOutlinedInput-input { padding-top: 4px !important; padding-bottom: 4px !important; }
}
@media (min-width: 768px) {
  .css-3a59fb > .MuiOutlinedInput-input { padding-top: 6px !important; padding-bottom: 6px !important; }
}
.css-3a59fb.MuiOutlinedInput-root { outline-color: transparent; }
@media (hover) and (pointer: fine) {
  .css-3a59fb.MuiOutlinedInput-root:hover { outline-color: rgb(123, 108, 185); }
}
.css-3a59fb.Mui-focused { outline-color: rgb(123, 108, 185); }
.css-3a59fb > .MuiSelect-icon { margin-right: 0px; right: 6px; }
[data-chat-expanded="true"] .css-3a59fb { width: fit-content; }
.css-1annz70 { line-height: 1.4375em; font-family: Excon, Roboto; box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; background-color: rgb(44, 40, 82); font-weight: 400; color: rgb(255, 255, 255); font-size: 0.875rem; outline: rgb(70, 62, 122) solid 2px; outline-offset: -2px; transition: outline-color 0.25s ease 0s; position: relative; border-radius: 12px; width: fit-content; }
.css-1annz70.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.css-1annz70::after, .css-1annz70::before { display: none; }
@media (hover) and (pointer: fine) {
  .css-1annz70:hover { outline-color: rgb(123, 108, 185); }
}
.css-1annz70.Mui-focused { outline-color: rgb(120, 65, 238); transition: none 0s ease 0s; }
.css-1annz70.Mui-disabled { background-color: rgb(70, 62, 122); outline-color: rgb(123, 108, 185); }
.css-1annz70 input[type="number"] { }
.css-1annz70 input[type="number"]::-webkit-inner-spin-button, .css-1annz70 input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.css-1annz70:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-1annz70:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.css-1annz70.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 206, 0); border-width: 2px; }
.css-1annz70.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(241, 31, 94); }
.css-1annz70.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-1annz70:hover > .MuiSelect-icon { background-color: rgb(70, 62, 122); }
  .css-1annz70:hover > .MuiSelect-icon.Mui-disabled { background-color: transparent; }
}
.css-1annz70.Mui-focused { outline-color: rgb(123, 108, 185); }
.css-1annz70 .MuiSelect-select { padding-right: 42px !important; }
.css-1annz70 > .MuiOutlinedInput-input { padding-left: 8px; padding-right: 37px !important; }
@media (min-width: 0px) {
  .css-1annz70 > .MuiOutlinedInput-input { padding-top: 4px !important; padding-bottom: 4px !important; }
}
@media (min-width: 768px) {
  .css-1annz70 > .MuiOutlinedInput-input { padding-top: 6px !important; padding-bottom: 6px !important; }
}
.css-1annz70.MuiOutlinedInput-root { outline-color: transparent; }
@media (hover) and (pointer: fine) {
  .css-1annz70.MuiOutlinedInput-root:hover { outline-color: rgb(123, 108, 185); }
}
.css-1annz70.Mui-focused { outline-color: rgb(123, 108, 185); }
.css-1annz70 > .MuiSelect-icon { margin-right: 0px; right: 6px; }
[data-chat-expanded="true"] .css-1annz70 { width: fit-content; }
.css-5ax1kt { display: flex; flex-direction: row; gap: 8px; }
.css-902tss { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; font-weight: 700; overflow: hidden; text-overflow: ellipsis; width: fit-content; }
@media (min-width: 768px) {
  .css-902tss { max-width: 63px; }
}
@media (min-width: 768px) {
  [data-chat-expanded="true"] .css-902tss { max-width: 130px; }
}
.css-1ixgzo2 { display: flex; margin-left: auto; gap: 8px; }
.css-eoyytm .Ui-fill { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); }
.css-notlhi { display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; padding: 0px 16px; background-color: rgb(9, 12, 29); overflow: hidden; }
.css-1gyd2vf { display: flex; position: absolute; width: 100%; bottom: -20px; height: 20px; border-top: 4px solid rgb(9, 12, 29); background: linear-gradient(0deg, rgba(25, 25, 57, 0) 0%, rgb(25, 25, 57) 100%); z-index: 10; }
.css-oaqive { position: relative; display: flex; flex-direction: column; flex: 1 1 0%; overflow: hidden; }
.css-lrith3 { padding-top: 8px; padding-inline: 16px; background-color: rgb(25, 25, 57); overscroll-behavior: contain; overflow-anchor: none; height: 100%; transform: translateZ(0px); display: flex; flex-direction: column-reverse; overflow: hidden; gap: 8px; }
.css-lrith3::-webkit-scrollbar { width: 0px; }
.css-lrith3 > * { flex: 0 0 auto; }
.css-kfefh1 { flex-shrink: 0; background: rgb(25, 25, 57); padding: 8px 16px 16px; }
.css-1bi3jo9 { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 8px; gap: 8px; margin-top: 8px; }
.css-1bi3jo9 > div:first-child { flex: 1 1 0%; }
.css-1demtft input::-webkit-input-placeholder { font-weight: 500; }
.css-1demtft input::placeholder { font-weight: 500; }
.css-1b4av4a { width: 100%; }
.css-1b4av4a .MuiInputBase-input { padding-block: 8px; padding-inline: 10px; font-size: 0.8125rem; font-weight: 500; }
.css-oeyxfx { display: flex; flex-direction: column; -webkit-box-align: baseline; align-items: baseline; width: 100%; }
.css-hdn2ph { width: 100%; }
.css-hdn2ph .MuiInputBase-input { padding-block: 8px; padding-inline: 10px; font-size: 0.8125rem; font-weight: 500; }
.css-1jxjlp3 { line-height: 1.4375em; font-family: Excon, Roboto; box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; background-color: rgb(9, 12, 29); font-weight: 400; color: rgb(255, 255, 255); font-size: 0.875rem; outline: rgb(44, 40, 82) solid 2px; outline-offset: -2px; transition: outline-color 0.25s ease 0s; position: relative; border-radius: 12px; width: 100%; }
.css-1jxjlp3.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.css-1jxjlp3::after, .css-1jxjlp3::before { display: none; }
@media (hover) and (pointer: fine) {
  .css-1jxjlp3:hover { outline-color: rgb(70, 62, 122); }
}
.css-1jxjlp3.Mui-focused { outline-color: rgb(120, 65, 238); transition: none 0s ease 0s; }
.css-1jxjlp3.Mui-disabled { background-color: rgb(70, 62, 122); outline-color: rgb(123, 108, 185); }
.css-1jxjlp3 input[type="number"] { }
.css-1jxjlp3 input[type="number"]::-webkit-inner-spin-button, .css-1jxjlp3 input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.css-1jxjlp3:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-1jxjlp3:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.css-1jxjlp3.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(44, 40, 82); border-width: 2px; }
.css-1jxjlp3.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(241, 31, 94); }
.css-1jxjlp3.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); }
.css-1jxjlp3 .MuiInputBase-input { padding-block: 8px; padding-inline: 10px; font-size: 0.8125rem; font-weight: 500; }
.css-vtihia { text-align: center; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; font-size: 1.75rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 8px; box-shadow: none !important; }
.css-vtihia.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-vtihia:hover { background-color: rgb(70, 62, 122); }
}
.css-vtihia.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-vtihia:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-vtihia:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-vtihia:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-vtihia:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-vtihia[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-140gk1o { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; font-size: 1.75rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 8px; box-shadow: none !important; }
.css-140gk1o.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-140gk1o { -webkit-print-color-adjust: exact; }
}
.css-140gk1o.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-140gk1o:hover { background-color: rgb(70, 62, 122); }
}
.css-140gk1o.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-140gk1o:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-140gk1o:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-140gk1o:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-140gk1o:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-140gk1o[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-19pj91j { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; font-size: 0.75rem; }
.css-171nwv0 { min-width: 26px; color: rgb(151, 137, 205); padding: 0px; }
.css-geip24 { font-family: Excon, Roboto; font-size: 0.8125rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; min-width: 26px; color: rgb(151, 137, 205); padding: 0px; }
.css-geip24:hover { text-decoration: none; background-color: rgba(120, 65, 238, 0.04); }
@media (hover: none) {
  .css-geip24:hover { background-color: transparent; }
}
.css-geip24.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-geip24:hover { color: rgb(180, 166, 226); background: none !important; }
}
.css-geip24.Mui-focusVisible { color: rgb(180, 166, 226); background: none !important; }
.css-geip24:disabled { color: rgb(70, 62, 122) !important; }
.css-geip24:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-geip24:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-geip24:active { background: none; }
.css-geip24:active .Ui-stroke { stroke: rgb(151, 137, 205); }
.css-geip24:active .Ui-fill { fill: rgb(151, 137, 205); }
.css-geip24[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-sxrgjw { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.8125rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; min-width: 26px; color: rgb(151, 137, 205); padding: 0px; }
.css-sxrgjw.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-sxrgjw { -webkit-print-color-adjust: exact; }
}
.css-sxrgjw:hover { text-decoration: none; background-color: rgba(120, 65, 238, 0.04); }
@media (hover: none) {
  .css-sxrgjw:hover { background-color: transparent; }
}
.css-sxrgjw.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-sxrgjw:hover { color: rgb(180, 166, 226); background: none !important; }
}
.css-sxrgjw.Mui-focusVisible { color: rgb(180, 166, 226); background: none !important; }
.css-sxrgjw:disabled { color: rgb(70, 62, 122) !important; }
.css-sxrgjw:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-sxrgjw:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-sxrgjw:active { background: none; }
.css-sxrgjw:active .Ui-stroke { stroke: rgb(151, 137, 205); }
.css-sxrgjw:active .Ui-fill { fill: rgb(151, 137, 205); }
.css-sxrgjw[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-fpecx0 { flex: 1 1 0%; text-align: right; user-select: none; color: rgb(70, 62, 122); font-weight: 500; }
.css-12cr2en { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; flex: 1 1 0%; text-align: right; user-select: none; color: rgb(70, 62, 122); font-weight: 500; }
.css-1hpj2ej .MuiDrawer-paper { border: none; position: absolute; border-radius: 12px 12px 0px 0px; background: rgb(44, 40, 82); }
.css-1ulx1sy { flex: 0 0 auto; }
.css-1ulx1sy .MuiDrawer-paper { border: none; position: absolute; border-radius: 12px 12px 0px 0px; background: rgb(44, 40, 82); }
.css-bbk6lc { overflow-y: auto; display: flex; flex-direction: column; height: auto; flex: 1 0 auto; z-index: 1200; position: fixed; inset: auto 0px 0px; outline: 0px; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.css-9xya5x { background-color: rgb(25, 25, 57); color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; box-shadow: none; overflow-y: auto; display: flex; flex-direction: column; height: auto; flex: 1 0 auto; z-index: 1200; position: fixed; inset: auto 0px 0px; outline: 0px; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.css-ntpdqc { height: 40px; display: flex; padding: 12px 8px 12px 16px; -webkit-box-align: center; align-items: center; gap: 12px; align-self: stretch; background: rgb(9, 12, 29); }
.css-1qdc4tk { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; color: rgb(255, 255, 255); font-weight: 700; }
.css-zdpt2t { margin-left: auto; }
.css-1cd5u5m { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 24px; width: 24px; border-radius: 8px; cursor: pointer; background-color: transparent; padding: 0px; }
@media (hover) and (pointer: fine) {
  .css-1cd5u5m:hover { background-color: rgb(25, 25, 57); }
}
.css-1qtkrd2 { text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 24px; width: 24px; border-radius: 8px; cursor: pointer; background-color: transparent; padding: 0px; }
.css-1qtkrd2.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-1qtkrd2[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
@media (hover) and (pointer: fine) {
  .css-1qtkrd2:hover { background-color: rgb(25, 25, 57); }
}
.css-12mvm0w { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 24px; width: 24px; border-radius: 8px; cursor: pointer; background-color: transparent; padding: 0px; }
.css-12mvm0w.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-12mvm0w { -webkit-print-color-adjust: exact; }
}
.css-12mvm0w.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-12mvm0w[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
@media (hover) and (pointer: fine) {
  .css-12mvm0w:hover { background-color: rgb(25, 25, 57); }
}
.css-1n1ctis { display: flex; flex-direction: column; overflow: hidden; }
.css-7j55kk { display: flex; padding: 16px; flex-direction: column; gap: 12px; border-radius: 12px; background: rgb(25, 25, 57); margin: 16px; }
.css-18e84yh input[type="number"]::-webkit-inner-spin-button, .css-18e84yh input[type="number"]::-webkit-outer-spin-button { appearance: none; }
.css-1p82xsj { display: block; transform-origin: left top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; position: initial; transform: none; transition: none 0s ease 0s; margin-bottom: 6px; color: rgb(151, 137, 205); font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; font-family: Excon, Roboto; }
.css-1p82xsj.Mui-focused, .css-1p82xsj.Mui-disabled { color: rgb(151, 137, 205); }
.css-1lldlan { padding: 0px; gap: 16px; display: block; transform-origin: left top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; position: initial; transform: none; transition: none 0s ease 0s; margin-bottom: 6px; color: rgb(151, 137, 205); font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; font-family: Excon, Roboto; }
.css-1lldlan.Mui-focused { color: rgb(120, 65, 238); }
.css-1lldlan.Mui-disabled { color: rgba(0, 0, 0, 0.38); }
.css-1lldlan.Mui-error { color: rgb(241, 31, 94); }
.css-1lldlan.Mui-focused { color: rgb(151, 137, 205); }
.css-1lldlan.Mui-focused, .css-1lldlan.Mui-disabled { color: rgb(151, 137, 205); }
.css-ossr9z input[type="number"]::-webkit-inner-spin-button, .css-ossr9z input[type="number"]::-webkit-outer-spin-button { appearance: none; }
.css-1wqe0aw { line-height: 1.4375em; font-family: Excon, Roboto; box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; background-color: rgb(44, 40, 82); font-weight: 400; color: rgb(255, 255, 255); font-size: 1rem; outline: rgb(70, 62, 122) solid 2px; outline-offset: -2px; transition: outline-color 0.25s ease 0s; position: relative; border-radius: 12px; padding-left: 12px; }
.css-1wqe0aw.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.css-1wqe0aw::after, .css-1wqe0aw::before { display: none; }
@media (hover) and (pointer: fine) {
  .css-1wqe0aw:hover { outline-color: rgb(123, 108, 185); }
}
.css-1wqe0aw.Mui-focused { outline-color: rgb(120, 65, 238); transition: none 0s ease 0s; }
.css-1wqe0aw.Mui-disabled { background-color: rgb(70, 62, 122); outline-color: rgb(123, 108, 185); }
.css-1wqe0aw input[type="number"] { }
.css-1wqe0aw input[type="number"]::-webkit-inner-spin-button, .css-1wqe0aw input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.css-1wqe0aw:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-1wqe0aw:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.css-1wqe0aw.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 206, 0); border-width: 2px; }
.css-1wqe0aw.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(241, 31, 94); }
.css-1wqe0aw.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); }
.css-1wqe0aw input[type="number"]::-webkit-inner-spin-button, .css-1wqe0aw input[type="number"]::-webkit-outer-spin-button { appearance: none; }
.css-1kwqowf { display: flex; height: 0.01em; max-height: 2em; -webkit-box-align: center; align-items: center; white-space: nowrap; margin-right: 8px; color: rgb(180, 166, 226); }
.css-dmdwc { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; height: auto; padding: 16.5px 14px 16.5px 0px; padding-inline: 12px; padding-block: 10px; line-height: 1.5rem; }
.css-dmdwc::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
.css-dmdwc:focus { outline: 0px; }
.css-dmdwc:invalid { box-shadow: none; }
.css-dmdwc::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-dmdwc::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-dmdwc:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-dmdwc.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-dmdwc:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-dmdwc::-webkit-input-placeholder { opacity: 1 !important; }
.css-dmdwc::-webkit-input-placeholder { color: rgb(123, 108, 185); opacity: 1; font-weight: 400; }
.css-dmdwc::placeholder { color: rgb(123, 108, 185); opacity: 1; font-weight: 400; }
.css-dmdwc.Mui-disabled { color: rgb(123, 108, 185); -webkit-text-fill-color: rgb(123, 108, 185); }
.css-dmdwc::-webkit-search-decoration, .css-dmdwc::-webkit-search-cancel-button, .css-dmdwc::-webkit-search-results-button, .css-dmdwc::-webkit-search-results-decoration { appearance: none; }
.css-dmdwc:-webkit-autofill { border-radius: inherit; }
.css-p1g5id { width: 100%; color: rgb(151, 137, 205); margin-top: 8px; font-weight: 500; }
.css-1hmga2m { font-family: Excon, Roboto; font-size: 0.75rem; line-height: 1.66; text-align: left; margin: 8px 0px 0px; width: 100%; color: rgb(151, 137, 205); font-weight: 500; }
.css-1hmga2m.Mui-disabled { color: rgba(0, 0, 0, 0.38); }
.css-1hmga2m.Mui-error { color: rgb(241, 31, 94); }
.css-q3c9ch { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; width: 100%; color: rgb(151, 137, 205); font-weight: 500; }
.css-1ouxilp { display: flex; padding: 16px; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 12px; align-self: stretch; background: rgb(9, 12, 29); overflow: hidden; }
.css-1i80xz7 { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: normal; --roo-loading-color:#C56A18; --roo-btn-text-stroke-color:#C56A18; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; transition: background-size 0.3s ease-in-out 0s; background: linear-gradient(420deg, rgb(255, 206, 0) 0%, rgb(255, 206, 0) 15%, rgb(255, 184, 0) 15%, rgb(255, 184, 0) 100%) left center / 100% 100% no-repeat; padding: 10px 14px 14px; }
.css-1i80xz7:hover { text-decoration: none; background-color: rgb(80, 39, 167); box-shadow: none; }
@media (hover: none) {
  .css-1i80xz7:hover { background-color: rgb(120, 65, 238); }
}
.css-1i80xz7:active { box-shadow: none; }
.css-1i80xz7.Mui-focusVisible { box-shadow: none; }
.css-1i80xz7.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
.css-1i80xz7::before { content: " "; position: absolute; top: 0px; left: 10px; width: 5px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 16px; }
@media (hover) and (pointer: fine) {
  .css-1i80xz7:hover { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
}
.css-1i80xz7.Mui-focusVisible { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
.css-1i80xz7:disabled { --roo-btn-text-stroke-color:#191939; -webkit-text-stroke-color: rgb(25, 25, 57); background: rgb(44, 40, 82); color: rgb(217, 209, 244); box-shadow: rgb(35, 32, 66) 0px -3px 0px 0px inset, rgb(89, 81, 142) 0px 2px 0px 0px inset; text-shadow: rgb(25, 25, 57) 0px 1px 0px; }
.css-1i80xz7:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1i80xz7:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1i80xz7:active { background: rgb(255, 184, 0); }
.css-1i80xz7[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1gs5ldp { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; width: 100%; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 900; letter-spacing: normal; --roo-loading-color:#C56A18; --roo-btn-text-stroke-color:#C56A18; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; transition: background-size 0.3s ease-in-out 0s; background: linear-gradient(420deg, rgb(255, 206, 0) 0%, rgb(255, 206, 0) 15%, rgb(255, 184, 0) 15%, rgb(255, 184, 0) 100%) left center / 100% 100% no-repeat; padding: 10px 14px 14px; }
.css-1gs5ldp.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1gs5ldp { -webkit-print-color-adjust: exact; }
}
.css-1gs5ldp:hover { text-decoration: none; background-color: rgb(80, 39, 167); box-shadow: none; }
@media (hover: none) {
  .css-1gs5ldp:hover { background-color: rgb(120, 65, 238); }
}
.css-1gs5ldp:active { box-shadow: none; }
.css-1gs5ldp.Mui-focusVisible { box-shadow: none; }
.css-1gs5ldp.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
.css-1gs5ldp::before { content: " "; position: absolute; top: 0px; left: 10px; width: 5px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 16px; }
@media (hover) and (pointer: fine) {
  .css-1gs5ldp:hover { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
}
.css-1gs5ldp.Mui-focusVisible { background-size: 750% 100%; box-shadow: rgb(197, 106, 24) 0px -3px 0px 0px inset, rgb(255, 234, 47) 0px 2px 0px 0px inset; }
.css-1gs5ldp:disabled { --roo-btn-text-stroke-color:#191939; -webkit-text-stroke-color: rgb(25, 25, 57); background: rgb(44, 40, 82); color: rgb(217, 209, 244); box-shadow: rgb(35, 32, 66) 0px -3px 0px 0px inset, rgb(89, 81, 142) 0px 2px 0px 0px inset; text-shadow: rgb(25, 25, 57) 0px 1px 0px; }
.css-1gs5ldp:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1gs5ldp:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1gs5ldp:active { background: rgb(255, 184, 0); }
.css-1gs5ldp[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-fvkzte { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 900; visibility: initial; position: relative; padding: 2px; }
.css-1w1rbvj { display: flex; flex-direction: column; padding: 16px; }
.css-ijipvd { list-style: initial; margin-left: 16px; }
.css-votbj { color: rgb(217, 209, 244); font-size: 0.75rem; font-weight: 500; line-height: 1.065rem; }
.css-1ytslr8 { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; color: rgb(217, 209, 244); }
.css-1b77bn6 { display: flex; flex-direction: column; position: relative; }
@media (min-width: 0px) {
  .css-1b77bn6 { gap: 12px; }
}
@media (min-width: 768px) {
  .css-1b77bn6 { gap: 16px; }
}
@media (min-width: 0px) {
  .css-1b77bn6 { --roo-slider-gap:8px; }
}
@media (min-width: 768px) {
  .css-1b77bn6 { --roo-slider-gap:16px; }
}
@container (min-width: 0px) {
  .css-1b77bn6 { --roo-slider-per-view:1; }
}
@container (min-width: 768px) {
  .css-1b77bn6 { --roo-slider-per-view:2; }
}
@container (min-width: 1200px) {
  .css-1b77bn6 { --roo-slider-per-view:3; }
}
.css-abjmid { display: grid; isolation: isolate; gap: var(--roo-slider-gap); grid-auto-flow: column; grid-auto-columns: var(--roo-slider-auto-columns, auto); scroll-snap-type: x mandatory; overflow: scroll clip; --roo-slider-auto-columns:calc((100% - (var(--roo-slider-gap) * (var(--roo-slider-per-view) - 1))) / var(--roo-slider-per-view)); }
.css-abjmid::-webkit-scrollbar { display: none; }
.css-abjmid > * { scroll-snap-align: start; }
.css-1b2cf02 { padding-inline: 16px; }
@media (min-width: 768px) {
  .css-1b2cf02 { padding-inline: 24px; }
}
.css-kqywn7 { max-width: 1200px; margin-inline: auto; position: relative; }
.css-i8ge6h { width: 100%; max-width: 100%; border-radius: 12px 12px 0px 0px; }
.css-qja6vx { overflow: hidden; min-height: 48px; display: flex; position: relative; width: 100%; max-width: 100%; border-radius: 12px 12px 0px 0px; }
.css-oqr85h { overflow: auto hidden; }
.css-oqr85h::-webkit-scrollbar { display: none; }
.css-1t0s2fz { position: relative; display: inline-block; flex: 1 1 auto; white-space: nowrap; overflow: auto hidden; }
.css-1t0s2fz::-webkit-scrollbar { display: none; }
.css-7sga7m { display: flex; }
.css-1uj887q { font-family: Excon, Roboto; font-weight: 500; max-width: 360px; position: relative; min-height: 48px; flex-shrink: 0; padding: 12px 16px; overflow: hidden; white-space: normal; text-align: center; flex-direction: column; background: rgb(9, 12, 29); color: rgb(180, 166, 226); text-transform: capitalize; transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-size: 0.75rem; line-height: 1rem; min-width: 8.5rem; }
.css-1uj887q.Mui-selected { color: rgb(120, 65, 238); }
.css-1uj887q.Mui-disabled { color: rgba(0, 0, 0, 0.38); }
@media (hover) and (pointer: fine) {
  .css-1uj887q:hover { color: rgb(255, 255, 255); }
}
.css-1uj887q.Mui-selected { color: rgb(255, 255, 255); font-weight: 700; }
.css-1t77th5 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-weight: 500; max-width: 360px; position: relative; min-height: 48px; flex-shrink: 0; padding: 12px 16px; overflow: hidden; white-space: normal; text-align: center; flex-direction: column; background: rgb(9, 12, 29); color: rgb(180, 166, 226); text-transform: capitalize; transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-size: 0.75rem; line-height: 1rem; min-width: 8.5rem; }
.css-1t77th5.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1t77th5 { -webkit-print-color-adjust: exact; }
}
.css-1t77th5.Mui-selected { color: rgb(120, 65, 238); }
.css-1t77th5.Mui-disabled { color: rgba(0, 0, 0, 0.38); }
@media (hover) and (pointer: fine) {
  .css-1t77th5:hover { color: rgb(255, 255, 255); }
}
.css-1t77th5.Mui-selected { color: rgb(255, 255, 255); font-weight: 700; }
.css-hgbhcw { position: absolute; height: 2px; bottom: 0px; width: 100%; transition: all 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; background-color: rgb(120, 65, 238); }
.css-1xz2630 { width: 100%; }
@-webkit-keyframes GameFeed__Slide_Odd_Animation { 
  0% { transform: translateY(-100%); }
}
@keyframes GameFeed__Slide_Odd_Animation { 
  0% { transform: translateY(-100%); }
}
@-webkit-keyframes GameFeed__Slide_Even_Animation { 
  0% { transform: translateY(-100%); }
}
@keyframes GameFeed__Slide_Even_Animation { 
  0% { transform: translateY(-100%); }
}
.css-1xz2630 tbody { position: relative; }
.css-1xz2630 tbody::before { content: " "; display: block; height: 8px; }
.css-1xz2630 tbody::after { content: ""; background: linear-gradient(rgb(25, 25, 57), transparent); height: 9px; position: absolute; top: 0px; left: 0px; right: 0px; pointer-events: none; }
.css-1xz2630 tbody > tr > td { padding-block: 4px; }
.css-1xz2630 tbody > tr:nth-child(2n) { animation: 0.5s ease-out 0s 1 normal none running GameFeed__Slide_Odd_Animation; }
.css-1xz2630 tbody > tr:nth-child(2n+1) { animation: 0.5s ease-out 0s 1 normal none running GameFeed__Slide_Even_Animation; }
.css-1xz2630 table { table-layout: fixed; overflow-anchor: none; }
.css-1xz2630 table td { text-overflow: ellipsis; }
.css-1xz2630 .MuiTableContainer-root { height: 500px; max-height: 500px; border-radius: 0px; overflow-y: hidden; position: relative; }
.css-1xz2630 .MuiTableContainer-root::after { content: ""; background: linear-gradient(transparent, rgb(25, 25, 57)); height: 72px; position: absolute; bottom: 0px; left: 0px; right: 0px; pointer-events: none; }
.css-1xz2630 .MuiPaper-root { border-radius: 0px; }
.css-1xz2630 div:has(.MuiPaper-root) { border-radius: 0px 0px 12px 12px; }
.css-148ec5c { position: relative; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
@media (min-width: 768px) {
  .css-148ec5c { width: 100%; }
}
.css-kjafn5 { display: flex; position: relative; }
.css-avzv1r { display: flex; flex-direction: column; overflow-x: auto; border-radius: 12px 12px 0px 0px; width: 100%; }
.css-avzv1r::-webkit-scrollbar { display: none; }
@media (min-width: 768px) {
  .css-avzv1r { border-radius: 0px; }
}
.css-rlywza { display: flex; width: 100%; height: 100%; flex-direction: column; position: relative; background: rgb(25, 25, 57); overflow: hidden; border-radius: 12px; }
@media (min-width: 768px) {
  .css-rlywza { border-radius: 0px; }
}
.css-ee3izg { color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; box-shadow: none; display: flex; width: 100%; height: 100%; flex-direction: column; position: relative; background: rgb(25, 25, 57); overflow: hidden; border-radius: 12px; }
@media (min-width: 768px) {
  .css-ee3izg { border-radius: 0px; }
}
.css-1gl8pur { width: 100%; overflow-x: auto; border-radius: 12px 12px 0px 0px; max-height: 461px; height: 461px; }
@media (min-width: 768px) {
  .css-1gl8pur { border-radius: 0px; max-height: 65vh; }
}
.css-19g8did { display: table; width: 100%; border-collapse: separate; border-spacing: 0px; }
.css-19g8did caption { font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; padding: 16px; color: rgba(0, 0, 0, 0.6); text-align: left; caption-side: bottom; }
.css-1wbz3t9 { display: table-header-group; }
.css-15nlud3 { color: inherit; display: table-row; vertical-align: middle; outline: 0px; }
.css-15nlud3.MuiTableRow-hover:hover { background-color: rgba(0, 0, 0, 0.04); }
.css-15nlud3.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-15nlud3.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
.css-1g0jdjq { padding: 9px 0px; border-bottom: 2px solid rgb(9, 12, 29); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.75rem; text-align: initial; background-color: rgb(44, 40, 82); }
.css-1g0jdjq:first-of-type { padding-left: 28px; }
.css-1g0jdjq:last-child { padding-right: 28px; }
.css-1lo829t { line-height: 1.5rem; font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; position: sticky; top: 0px; z-index: 2; padding: 9px 0px; border-bottom: 2px solid rgb(9, 12, 29); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.75rem; text-align: initial; background-color: rgb(44, 40, 82); }
.css-1lo829t:first-of-type { padding-left: 28px; }
.css-1lo829t:last-child { padding-right: 28px; }
.css-yhjz2z { padding: 9px 0px; border-bottom: 2px solid rgb(9, 12, 29); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.75rem; text-align: left; background-color: rgb(44, 40, 82); }
.css-yhjz2z:first-of-type { padding-left: 28px; }
.css-yhjz2z:last-child { padding-right: 28px; }
.css-l022b1 { line-height: 1.5rem; font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; position: sticky; top: 0px; z-index: 2; padding: 9px 0px; border-bottom: 2px solid rgb(9, 12, 29); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.75rem; text-align: left; background-color: rgb(44, 40, 82); }
.css-l022b1:first-of-type { padding-left: 28px; }
.css-l022b1:last-child { padding-right: 28px; }
.css-4o96d7 { padding-left: 28px; padding-right: 12px; }
.css-tjgdg3 { padding: 9px 0px; border-bottom: 2px solid rgb(9, 12, 29); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.75rem; text-align: center; background-color: rgb(44, 40, 82); }
.css-tjgdg3:first-of-type { padding-left: 28px; }
.css-tjgdg3:last-child { padding-right: 28px; }
.css-1n443ag { line-height: 1.5rem; font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; position: sticky; top: 0px; z-index: 2; padding: 9px 0px; border-bottom: 2px solid rgb(9, 12, 29); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.75rem; text-align: center; background-color: rgb(44, 40, 82); }
.css-1n443ag:first-of-type { padding-left: 28px; }
.css-1n443ag:last-child { padding-right: 28px; }
.css-164ie9v { padding: 9px 0px; border-bottom: 2px solid rgb(9, 12, 29); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.75rem; text-align: right; background-color: rgb(44, 40, 82); }
.css-164ie9v:first-of-type { padding-left: 28px; }
.css-164ie9v:last-child { padding-right: 28px; }
.css-q675cp { line-height: 1.5rem; font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; position: sticky; top: 0px; z-index: 2; padding: 9px 0px; border-bottom: 2px solid rgb(9, 12, 29); text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; font-size: 0.75rem; text-align: right; background-color: rgb(44, 40, 82); }
.css-q675cp:first-of-type { padding-left: 28px; }
.css-q675cp:last-child { padding-right: 28px; }
.css-1045k52 { position: absolute; width: 55px; height: 100%; top: 0px; z-index: 10; pointer-events: none; left: -1px; opacity: 0; transition: opacity 0.25s ease 0s; background: linear-gradient(90deg, rgb(9, 12, 29) 0%, rgba(9, 12, 29, 0) 100%); }
.css-900xfe { position: absolute; width: 55px; height: 100%; top: 0px; z-index: 10; pointer-events: none; right: -1px; opacity: 0; transition: opacity 0.25s ease 0s; background: linear-gradient(270deg, rgb(9, 12, 29) 0%, rgba(9, 12, 29, 0) 100%); }
.css-3ywd7d { display: table-row-group; background-color: rgb(25, 25, 57); }
.css-14w3o6c { color: inherit; display: table-row; vertical-align: middle; outline: 0px; filter: none; }
.css-14w3o6c.MuiTableRow-hover:hover { background-color: rgba(0, 0, 0, 0.04); }
.css-14w3o6c.Mui-selected { background-color: rgba(120, 65, 238, 0.08); }
.css-14w3o6c.Mui-selected:hover { background-color: rgba(120, 65, 238, 0.12); }
.css-4dxbxw { height: 32px; padding: 12px 0px 8px 28px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: initial; }
.css-m72df3 { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 12px 0px 8px 28px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: initial; }
.css-m72df3.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-m72df3.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-sk7knj { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: inherit; justify-content: inherit; white-space: nowrap; text-overflow: ellipsis; padding-right: 12px; }
.css-fqr8x6 { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; overflow: hidden; }
.css-1305qma { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; overflow: hidden; }
.css-1n5j117 { text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; color: rgb(255, 255, 255); display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; overflow: hidden; }
.css-1n5j117:hover { text-decoration: underline; }
.css-4ytp0o { margin: 0px; font: inherit; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; color: rgb(255, 255, 255); display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; overflow: hidden; }
.css-4ytp0o:hover { text-decoration: underline; }
.css-1qyvxmd { height: 32px; min-width: 32px; width: 32px; border-radius: 4px; margin-right: 8px; position: relative; overflow: hidden; }
.css-1qyvxmd::after { display: none; content: ""; position: absolute; inset: 0px; border: 2px solid rgb(255, 255, 255); border-radius: 4px; }
@media (hover) and (pointer: fine) {
  .css-1qyvxmd:hover::after { display: block; }
}
.css-cok681 { height: 100%; grid-area: 1 / 1 / -1 / -1; object-fit: cover; width: 100%; border-radius: inherit; }
.css-1s4ncm6 { text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; }
.css-vhm8x4 { height: 32px; padding: 12px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: left; }
.css-jh410v { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 12px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: left; }
.css-jh410v.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-jh410v.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-14dttai { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: inherit; white-space: nowrap; text-overflow: ellipsis; padding-right: 12px; justify-content: left; padding-left: 28px; }
.css-ux51vw { display: flex; position: relative; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-right: 8px; width: 19.2px; height: 16px; cursor: pointer; }
.css-g0bin9 { display: inline-block; vertical-align: middle; height: 16px; width: 25.6px; position: absolute; right: 50%; transform: translateX(50%); max-width: fit-content; }
.css-12q3h7n { overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255); max-width: 100px; }
.css-1xysqkc { text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255); max-width: 100px; }
.css-1xysqkc:hover { text-decoration: underline; }
.css-4of61f { margin: 0px; font: inherit; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255); max-width: 100px; }
.css-4of61f:hover { text-decoration: underline; }
.css-uw95tp { height: 32px; padding: 12px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: center; }
.css-1msvsby { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 12px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: center; }
.css-1msvsby.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-1msvsby.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-q80u1n { height: 32px; padding: 12px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-tepnsc { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 12px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-tepnsc.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-tepnsc.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-alj3y8 { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: inherit; white-space: nowrap; text-overflow: ellipsis; padding-right: 12px; justify-content: right; }
.css-1isemmb { margin-left: 8px; }
.css-dn210s { max-width: 100%; display: inline-block; vertical-align: middle; height: 16px; width: 16px; margin-left: 8px; }
.css-1a21zv6 { color: rgb(123, 108, 185); }
.css-r0mjbs { height: 32px; padding: 12px 28px 8px 0px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-b1qtcg { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 12px 28px 8px 0px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-b1qtcg.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-b1qtcg.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-1fwdz5m { height: 32px; padding: 0px 0px 8px 28px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: initial; }
.css-1srrzub { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 0px 8px 28px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: initial; }
.css-1srrzub.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-1srrzub.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-1g7u18d { height: 32px; padding: 0px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: left; }
.css-11qp7og { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: left; }
.css-11qp7og.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-11qp7og.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-bonbc5 { height: 32px; padding: 0px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: center; }
.css-fntzi4 { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: center; }
.css-fntzi4.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-fntzi4.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-12qwxvc { height: 32px; padding: 0px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-1s5dle3 { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 0px 8px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-1s5dle3.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-1s5dle3.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-ldrw8v { height: 32px; padding: 0px 28px 8px 0px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-1w38aer { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 28px 8px 0px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-1w38aer.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-1w38aer.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-g0atu0 { color: rgb(100, 227, 0); }
.css-358apy { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: inherit; white-space: nowrap; text-overflow: ellipsis; padding-right: 12px; justify-content: left; padding-left: 28px; color: rgb(123, 108, 185); }
.css-1ehpsn9 { display: flex; position: relative; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-right: 8px; width: 19.2px; height: 16px; }
.css-j5txwq { height: 32px; padding: 0px 0px 12px 28px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: initial; }
.css-4kzpdr { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 0px 12px 28px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: initial; }
.css-4kzpdr.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-4kzpdr.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-13dp0dv { height: 32px; padding: 0px 0px 12px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: left; }
.css-9lhp7b { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 0px 12px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: left; }
.css-9lhp7b.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-9lhp7b.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-11odl4p { height: 32px; padding: 0px 0px 12px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: center; }
.css-17uitpa { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 0px 12px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: center; }
.css-17uitpa.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-17uitpa.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-tfmlvz { height: 32px; padding: 0px 0px 12px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-61xvbu { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 0px 12px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-61xvbu.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-61xvbu.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-8syvh0 { height: 32px; padding: 0px 28px 12px 0px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-6yo5n2 { font-family: Excon, Roboto; display: table-cell; vertical-align: inherit; height: 32px; padding: 0px 28px 12px 0px; font-weight: 500; font-size: 0.75rem; line-height: 1rem; box-sizing: content-box; color: rgb(255, 255, 255); border-bottom: none; text-align: right; }
.css-6yo5n2.MuiTableCell-paddingCheckbox { width: 24px; padding: 0px 12px 0px 16px; }
.css-6yo5n2.MuiTableCell-paddingCheckbox > * { padding: 0px; }
.css-hg15jl { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.css-fd2wtb { display: flex; flex-direction: row; position: relative; border-radius: 12px; background-color: rgb(25, 25, 57); padding: 12px; height: 100%; gap: 8px; }
.css-l2n15d { display: flex; flex-direction: column; gap: 4px; -webkit-box-align: start; align-items: start; flex: 1 1 0%; overflow: hidden; }
.css-i4r1ol { display: flex; flex-direction: row; gap: 8px; margin-bottom: 8px; }
.css-bdylw9 { border-radius: 12px; display: inline-flex; -webkit-box-align: center; align-items: center; padding-block: 8px; box-sizing: border-box; border-width: 2px; border-style: solid; color: rgb(255, 255, 255); font-weight: 700; transition: border-color 0.2s ease-in-out 0s; background-color: var(--roo-tag-background-color); border-color: transparent; text-decoration: none; height: 2.25rem; --roo-tag-background-color:#090C1D; font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; gap: 8px; padding-inline: 12px; }
.css-1evec7b { width: 16px; height: 16px; color: rgb(255, 206, 0); }
.css-1evec7b .Ui-fill { fill: currentcolor; }
.css-1q4o64a { width: 16px; height: 16px; color: rgb(255, 206, 0); }
.css-1q4o64a .Ui-fill { fill: rgb(255, 255, 255); }
.css-1q4o64a .Ui-fill { fill: currentcolor; }
.css-1n9pskt { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; font-weight: 900; color: rgb(255, 255, 255); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-word; }
.css-saraoc { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; font-weight: 500; color: rgb(151, 137, 205); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-word; }
.css-u1xqox { font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; position: static; margin-top: auto; box-shadow: none !important; }
.css-u1xqox:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-u1xqox:hover { background-color: rgb(44, 40, 82); }
}
.css-u1xqox:active { box-shadow: none; }
.css-u1xqox.Mui-focusVisible { box-shadow: none; }
.css-u1xqox.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-u1xqox:hover { background-color: rgb(70, 62, 122); }
}
.css-u1xqox.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-u1xqox:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-u1xqox:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-u1xqox:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-u1xqox:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-u1xqox[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-u1xqox::after { content: ""; position: absolute; inset: 0px; z-index: 1; }
.css-1doehcs { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: auto 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; position: static; box-shadow: none !important; }
.css-1doehcs.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1doehcs { -webkit-print-color-adjust: exact; }
}
.css-1doehcs:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-1doehcs:hover { background-color: rgb(44, 40, 82); }
}
.css-1doehcs:active { box-shadow: none; }
.css-1doehcs.Mui-focusVisible { box-shadow: none; }
.css-1doehcs.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-1doehcs:hover { background-color: rgb(70, 62, 122); }
}
.css-1doehcs.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1doehcs:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1doehcs:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1doehcs:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1doehcs:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1doehcs[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1doehcs::after { content: ""; position: absolute; inset: 0px; z-index: 1; }
.css-lvuklz { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: auto 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; position: static; box-shadow: none !important; }
.css-lvuklz:hover { text-decoration: underline; }
.css-lvuklz.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-lvuklz { -webkit-print-color-adjust: exact; }
}
.css-lvuklz:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-lvuklz:hover { background-color: rgb(44, 40, 82); }
}
.css-lvuklz:active { box-shadow: none; }
.css-lvuklz.Mui-focusVisible { box-shadow: none; }
.css-lvuklz.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-lvuklz:hover { background-color: rgb(70, 62, 122); }
}
.css-lvuklz.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-lvuklz:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-lvuklz:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-lvuklz:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-lvuklz:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-lvuklz[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-lvuklz::after { content: ""; position: absolute; inset: 0px; z-index: 1; }
.css-1inndn7 { font-style: inherit; font-variant: inherit; font-stretch: inherit; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: auto 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.875rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 9px 14px 11px; position: static; box-shadow: none !important; }
.css-1inndn7:hover { text-decoration: underline; }
.css-1inndn7.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1inndn7 { -webkit-print-color-adjust: exact; }
}
.css-1inndn7:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-1inndn7:hover { background-color: rgb(44, 40, 82); }
}
.css-1inndn7:active { box-shadow: none; }
.css-1inndn7.Mui-focusVisible { box-shadow: none; }
.css-1inndn7.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-1inndn7:hover { background-color: rgb(70, 62, 122); }
}
.css-1inndn7.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1inndn7:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1inndn7:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1inndn7:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1inndn7:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1inndn7[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1inndn7::after { content: ""; position: absolute; inset: 0px; z-index: 1; }
.css-wzjhpo { max-width: 100%; display: inline-block; vertical-align: middle; height: 180px; width: 120px; border-radius: 12px; object-fit: cover; }
.css-1u4rf9q { max-width: 100%; display: inline-block; vertical-align: middle; position: absolute; inset: 0px; height: auto; width: auto; scale: calc(1.13333); }
.css-1t3a0i7 { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 72px; background-image: linear-gradient(0deg, rgb(25, 25, 57) 0%, rgba(44, 40, 82, 0) 100%); pointer-events: none; }
.css-1t9kp09 { display: block; flex-shrink: 0; height: 44px; width: 170px; overflow: hidden; position: relative; }
.css-1t9kp09 > img { height: 100%; width: unset; }
@media (min-width: 768px) {
  .css-1t9kp09 { height: 44px; width: 170px; }
}
.css-1kld4vv { display: flex; flex-direction: column; }
@media (min-width: 0px) {
  .css-1kld4vv { gap: 16px; }
}
@media (min-width: 768px) {
  .css-1kld4vv { gap: 24px; }
}
.css-1h8d5jw { display: flex; justify-content: right; }
@media (min-width: 0px) {
  .css-1h8d5jw { flex-direction: column; gap: 12px; }
}
@media (min-width: 768px) {
  .css-1h8d5jw { gap: 16px; }
}
@media (min-width: 1200px) {
  .css-1h8d5jw { flex-direction: row; }
}
.css-1h8d5jw[data-dropdown-icons="true"] { flex-direction: row; }
.css-xw0fyf { display: flex; -webkit-box-flex: 1; flex-grow: 1; gap: 8px; order: 1; }
.css-1jl82k1 { width: 100%; height: 40px; font-weight: 500; }
.css-1jl82k1 .MuiInputBase-input::-webkit-input-placeholder { font-weight: 500; }
.css-1jl82k1 .MuiInputBase-input::placeholder { font-weight: 500; }
.css-ox1kpn { padding-right: 8px; width: 100%; height: 40px; font-weight: 500; }
.css-ox1kpn .MuiInputBase-input::-webkit-input-placeholder { font-weight: 500; }
.css-ox1kpn .MuiInputBase-input::placeholder { font-weight: 500; }
.css-1b7f5pl { line-height: 1.4375em; font-family: Excon, Roboto; box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; background-color: rgb(25, 25, 57); color: rgb(255, 255, 255); font-size: 0.875rem; outline: rgb(44, 40, 82) solid 2px; outline-offset: -2px; transition: outline-color 0.25s ease 0s; position: relative; border-radius: 12px; padding-left: 12px; padding-right: 8px; width: 100%; height: 40px; font-weight: 500; }
.css-1b7f5pl.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.css-1b7f5pl::after, .css-1b7f5pl::before { display: none; }
@media (hover) and (pointer: fine) {
  .css-1b7f5pl:hover { outline-color: rgb(123, 108, 185); }
}
.css-1b7f5pl.Mui-focused { outline-color: rgb(120, 65, 238); transition: none 0s ease 0s; }
.css-1b7f5pl.Mui-disabled { background-color: rgb(70, 62, 122); outline-color: rgb(123, 108, 185); }
.css-1b7f5pl input[type="number"] { }
.css-1b7f5pl input[type="number"]::-webkit-inner-spin-button, .css-1b7f5pl input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.css-1b7f5pl:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-1b7f5pl:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.css-1b7f5pl.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(120, 65, 238); border-width: 2px; }
.css-1b7f5pl.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(241, 31, 94); }
.css-1b7f5pl.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); }
.css-1b7f5pl .MuiInputBase-input::-webkit-input-placeholder { font-weight: 500; }
.css-1b7f5pl .MuiInputBase-input::placeholder { font-weight: 500; }
.css-1a6giau { display: flex; height: 0.01em; max-height: 2em; -webkit-box-align: center; align-items: center; white-space: nowrap; color: rgba(0, 0, 0, 0.54); margin-right: 8px; }
.css-h96sx7 { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; height: auto; padding: 8.5px 0px; padding-inline: 10px; padding-block: 8px; line-height: 1.5rem; }
.css-h96sx7::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; }
.css-h96sx7:focus { outline: 0px; }
.css-h96sx7:invalid { box-shadow: none; }
.css-h96sx7::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-h96sx7::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-h96sx7:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-h96sx7.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-h96sx7:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-h96sx7::-webkit-input-placeholder { opacity: 1 !important; }
.css-h96sx7::-webkit-input-placeholder { color: rgb(123, 108, 185); opacity: 1; font-weight: 400; }
.css-h96sx7::placeholder { color: rgb(123, 108, 185); opacity: 1; font-weight: 400; }
.css-h96sx7.Mui-disabled { color: rgb(123, 108, 185); -webkit-text-fill-color: rgb(123, 108, 185); }
.css-h96sx7::-webkit-search-decoration, .css-h96sx7::-webkit-search-cancel-button, .css-h96sx7::-webkit-search-results-button, .css-h96sx7::-webkit-search-results-decoration { appearance: none; }
.css-h96sx7:-webkit-autofill { border-radius: inherit; }
.css-1tgseoe { font-family: Excon, Roboto; font-size: 0.8125rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 7px 9px 9px; height: 24px; min-width: unset; box-shadow: none !important; }
.css-1tgseoe:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-1tgseoe:hover { background-color: rgb(44, 40, 82); }
}
.css-1tgseoe:active { box-shadow: none; }
.css-1tgseoe.Mui-focusVisible { box-shadow: none; }
.css-1tgseoe.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-1tgseoe:hover { background-color: rgb(70, 62, 122); }
}
.css-1tgseoe.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1tgseoe:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1tgseoe:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1tgseoe:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1tgseoe:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1tgseoe[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
@container (min-width: 0px) {
  .css-1tgseoe { display: none; }
}
@container (min-width: 768px) {
  .css-1tgseoe { display: flex; }
}
.css-3g6b98 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.8125rem; line-height: 1.75; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 7px 9px 9px; height: 24px; min-width: unset; box-shadow: none !important; }
.css-3g6b98.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-3g6b98 { -webkit-print-color-adjust: exact; }
}
.css-3g6b98:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-3g6b98:hover { background-color: rgb(44, 40, 82); }
}
.css-3g6b98:active { box-shadow: none; }
.css-3g6b98.Mui-focusVisible { box-shadow: none; }
.css-3g6b98.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-3g6b98:hover { background-color: rgb(70, 62, 122); }
}
.css-3g6b98.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-3g6b98:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-3g6b98:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-3g6b98:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-3g6b98:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-3g6b98[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
@container (min-width: 0px) {
  .css-3g6b98 { display: none; }
}
@container (min-width: 768px) {
  .css-3g6b98 { display: flex; }
}
.css-f00blz { display: inherit; margin-right: 4px; margin-left: 0px; }
.css-f00blz > :nth-of-type(1) { font-size: 18px; }
.css-1hu4oab { text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; display: none; padding: 0px; width: 40px !important; height: 40px !important; background-color: rgb(25, 25, 57) !important; }
.css-1hu4oab.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-1hu4oab[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
@media (min-width: 0px) {
  .css-1hu4oab { order: 2; }
}
@media (min-width: 1200px) {
  .css-1hu4oab { order: 4; }
}
.css-1hu4oab[data-show-icon="true"] { display: flex; }
@media (hover) and (pointer: fine) {
  .css-1hu4oab:hover { background-color: rgb(44, 40, 82) !important; }
}
.css-y9oy6d { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; display: none; padding: 0px; width: 40px !important; height: 40px !important; background-color: rgb(25, 25, 57) !important; }
.css-y9oy6d.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-y9oy6d { -webkit-print-color-adjust: exact; }
}
.css-y9oy6d.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-y9oy6d[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
@media (min-width: 0px) {
  .css-y9oy6d { order: 2; }
}
@media (min-width: 1200px) {
  .css-y9oy6d { order: 4; }
}
.css-y9oy6d[data-show-icon="true"] { display: flex; }
@media (hover) and (pointer: fine) {
  .css-y9oy6d:hover { background-color: rgb(44, 40, 82) !important; }
}
.css-1d9t6au { display: flex; flex-direction: column; gap: 16px; overflow: hidden; }
.css-95g4uk { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-7b42b3 { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(25, 25, 57); border-radius: 8px; }
@container (min-width: 0px) {
  .css-7b42b3 { height: 32px; }
}
@container (min-width: 768px) {
  .css-7b42b3 { height: 36px; }
}
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-t74llc { display: flex; flex-direction: row; gap: 8px; }
@container (min-width: 0px) {
  .css-t74llc { height: 28px; }
}
@container (min-width: 768px) {
  .css-t74llc { height: 40px; }
}
.css-1ccs769 { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(25, 25, 57); border-radius: 8px; }
@container (min-width: 0px) {
  .css-1ccs769 { border-radius: 8px; }
}
@container (min-width: 768px) {
  .css-1ccs769 { border-radius: 12px; }
}
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-158yq8l { display: flex; flex-direction: row; gap: 2px; }
@container (min-width: 0px) {
  .css-158yq8l { display: none; }
}
@container (min-width: 768px) {
  .css-158yq8l { display: flex; }
}
.css-7iruec { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(25, 25, 57); border-radius: 12px 0px 0px 12px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-94qht8 { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(25, 25, 57); border-radius: 0px 12px 12px 0px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@container (min-width: 0px) {
  .css-mc8flk { --roo-game-thumbnail-gap:8px; --roo-game-thumbnail-per-column:3; }
}
@container (min-width: 600px) {
  .css-mc8flk { --roo-game-thumbnail-gap:16px; --roo-game-thumbnail-per-column:4; }
}
@container (min-width: 800px) {
  .css-mc8flk { --roo-game-thumbnail-per-column:5; }
}
@container (min-width: 900px) {
  .css-mc8flk { --roo-game-thumbnail-per-column:6; }
}
@container (min-width: 1000px) {
  .css-mc8flk { --roo-game-thumbnail-per-column:7; }
}
.css-1blu7vi { gap: var(--roo-game-thumbnail-gap); display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% -(var(--roo-game-thumbnail-gap)*(var(--roo-game-thumbnail-per-column) - 1))) / var(--roo-game-thumbnail-per-column)); }
.css-1lz227j { position: relative; aspect-ratio: 3 / 4; height: 100%; width: 100%; background-color: rgb(9, 12, 29); border-radius: 12px; }
.css-19t8pgx { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(25, 25, 57); border-radius: 12px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-fgl0ca { display: block; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(9, 12, 29); border-radius: 8px; position: absolute; top: 8px; right: 8px; height: 24px; width: 24px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-1ol03ad { display: block; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(44, 40, 82); border-radius: 8px; position: absolute; top: 8px; left: 8px; height: 24px; width: 65px; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-1um40iw { position: relative; aspect-ratio: 3 / 4; height: 100%; width: 100%; background-color: rgb(9, 12, 29); border-radius: 12px; }
@container (min-width: 0px) {
  .css-1um40iw { display: none; }
}
@container (min-width: 600px) {
  .css-1um40iw { display: block; }
}
.css-1jbmyd9 { position: relative; aspect-ratio: 3 / 4; height: 100%; width: 100%; background-color: rgb(9, 12, 29); border-radius: 12px; }
@container (min-width: 0px) {
  .css-1jbmyd9 { display: none; }
}
@container (min-width: 800px) {
  .css-1jbmyd9 { display: block; }
}
.css-15t33oh { position: relative; aspect-ratio: 3 / 4; height: 100%; width: 100%; background-color: rgb(9, 12, 29); border-radius: 12px; }
@container (min-width: 0px) {
  .css-15t33oh { display: none; }
}
@container (min-width: 900px) {
  .css-15t33oh { display: block; }
}
.css-pnzrn0 { position: relative; aspect-ratio: 3 / 4; height: 100%; width: 100%; background-color: rgb(9, 12, 29); border-radius: 12px; }
@container (min-width: 0px) {
  .css-pnzrn0 { display: none; }
}
@container (min-width: 1000px) {
  .css-pnzrn0 { display: block; }
}
.css-1j3ml0d { display: flex; flex-direction: row; }
@media (min-width: 0px) {
  .css-1j3ml0d { gap: 8px; }
}
@media (min-width: 768px) {
  .css-1j3ml0d { gap: 16px; }
}
.css-15d0uhs { display: flex; flex-direction: row; gap: 4px; padding: 4px; width: max-content; }
.css-6esdk6 { border-radius: 12px; background-color: rgb(25, 25, 57); display: flex; flex-direction: row; gap: 4px; padding: 4px; width: max-content; }
.css-ld2pb7 { display: flex; flex-direction: column; width: 127px; }
.css-1olhg08 { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: rgb(44, 40, 82); border-radius: 8px; margin: auto; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-1exjhq0 { display: flex; flex-direction: column; position: relative; --roo-slider-per-view:var(--roo-game-thumbnail-per-column); --roo-slider-gap:var(--roo-game-thumbnail-gap); }
@media (min-width: 0px) {
  .css-1exjhq0 { gap: 12px; }
}
@media (min-width: 768px) {
  .css-1exjhq0 { gap: 16px; }
}
@media (min-width: 0px) {
  .css-1exjhq0 { --roo-slider-gap:8px; }
}
@media (min-width: 768px) {
  .css-1exjhq0 { --roo-slider-gap:16px; }
}
.css-hp68mp { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; }
.css-mqkvg6 { margin: 0px; font-size: 1.5rem; line-height: 2rem; color: inherit; text-decoration: none; font-weight: 700; flex: 1 1 0%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-word; }
@media (min-width: 768px) {
  .css-mqkvg6 { font-size: 1.75rem; line-height: 2.25rem; font-family: Excon, Roboto; }
}
.css-wbnsgq { font-family: Excon, Roboto; font-size: 0.9375rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 11px 14px 13px; box-shadow: none !important; }
.css-wbnsgq:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-wbnsgq:hover { background-color: rgb(44, 40, 82); }
}
.css-wbnsgq:active { box-shadow: none; }
.css-wbnsgq.Mui-focusVisible { box-shadow: none; }
.css-wbnsgq.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-wbnsgq:hover { background-color: rgb(70, 62, 122); }
}
.css-wbnsgq.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-wbnsgq:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-wbnsgq:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-wbnsgq:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-wbnsgq:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-wbnsgq[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-y3opu5 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.9375rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 11px 14px 13px; box-shadow: none !important; }
.css-y3opu5.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-y3opu5 { -webkit-print-color-adjust: exact; }
}
.css-y3opu5:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-y3opu5:hover { background-color: rgb(44, 40, 82); }
}
.css-y3opu5:active { box-shadow: none; }
.css-y3opu5.Mui-focusVisible { box-shadow: none; }
.css-y3opu5.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-y3opu5:hover { background-color: rgb(70, 62, 122); }
}
.css-y3opu5.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-y3opu5:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-y3opu5:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-y3opu5:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-y3opu5:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-y3opu5[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-15qb0ww { position: relative; display: grid; border-radius: 12px; grid-template: ". . . ." 8px ". top-start top-end ." auto ". . . ." 8px / 8px 1fr auto 8px; user-select: none; aspect-ratio: var(--roo-gt-aspect-ratio, 3 / 4); color: inherit; }
.css-15qb0ww:hover { text-decoration: none; }
.css-15qb0ww:focus-visible, .css-15qb0ww:focus-within, .css-15qb0ww[aria-selected="true"], .css-15qb0ww:hover { outline: rgb(255, 255, 255) solid 2px; outline-offset: -2px; }
.css-jdbx1q { position: relative; display: grid; border-radius: 12px; grid-template: ". . . ." 8px ". top-start top-end ." auto ". . . ." 8px / 8px 1fr auto 8px; user-select: none; aspect-ratio: var(--roo-gt-aspect-ratio, 3 / 4); color: inherit; }
.css-jdbx1q:hover { text-decoration: none; }
.css-jdbx1q:focus-visible, .css-jdbx1q:focus-within, .css-jdbx1q[aria-selected="true"], .css-jdbx1q:hover { outline: rgb(255, 255, 255) solid 2px; outline-offset: -2px; }
.css-1w356o4 { text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; position: relative; display: grid; border-radius: 12px; grid-template: ". . . ." 8px ". top-start top-end ." auto ". . . ." 8px / 8px 1fr auto 8px; user-select: none; aspect-ratio: var(--roo-gt-aspect-ratio, 3 / 4); color: inherit; }
.css-1w356o4:hover { text-decoration: underline; }
.css-1w356o4:hover { text-decoration: none; }
.css-1w356o4:focus-visible, .css-1w356o4:focus-within, .css-1w356o4[aria-selected="true"], .css-1w356o4:hover { outline: rgb(255, 255, 255) solid 2px; outline-offset: -2px; }
.css-1tf0ou0 { margin: 0px; font: inherit; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; position: relative; display: grid; border-radius: 12px; grid-template: ". . . ." 8px ". top-start top-end ." auto ". . . ." 8px / 8px 1fr auto 8px; user-select: none; aspect-ratio: var(--roo-gt-aspect-ratio, 3 / 4); color: inherit; }
.css-1tf0ou0:hover { text-decoration: underline; }
.css-1tf0ou0:hover { text-decoration: none; }
.css-1tf0ou0:focus-visible, .css-1tf0ou0:focus-within, .css-1tf0ou0[aria-selected="true"], .css-1tf0ou0:hover { outline: rgb(255, 255, 255) solid 2px; outline-offset: -2px; }
.css-1g2j5ag { display: flex; flex-direction: column; gap: 4px; grid-area: top-start / top-start / top-start / top-start; -webkit-box-align: start; align-items: start; }
.css-1rsnm8w { display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(120, 65, 238); }
@container (min-width: 768px) {
  .css-1rsnm8w { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-1rsnm8w { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-1rsnm8w { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
.css-rv69cd { margin: 0px; font-size: 1rem; font-family: Excon, Roboto; display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(120, 65, 238); }
@container (min-width: 0px) {
  .css-rv69cd { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-rv69cd { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 768px) {
  .css-rv69cd { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-rv69cd { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-rv69cd { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
.css-uyipra { position: relative; display: grid; border-radius: 12px; grid-template: ". . . ." 8px ". top-start top-end ." auto ". . . ." 8px / 8px 1fr auto 8px; user-select: none; aspect-ratio: var(--roo-gt-aspect-ratio, 3 / 4); color: inherit; }
.css-uyipra:hover { text-decoration: none; }
.css-waeq6o { grid-area: 1 / 1 / -1 / -1; background: rgba(25, 25, 57, 0.65); border-radius: inherit; }
.css-18rkbkk { display: flex; flex-direction: column; gap: 4px; grid-area: top-end / top-end / top-end / top-end; justify-self: end; -webkit-box-align: end; align-items: end; }
.css-ubcdsk { display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(9, 12, 29); }
@container (min-width: 768px) {
  .css-ubcdsk { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-ubcdsk { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-ubcdsk { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 0px) {
  .css-ubcdsk { padding: 4px; }
}
@container (min-width: 768px) {
  .css-ubcdsk { padding: 4px; }
}
.css-1s1n3oa { margin: 0px; font-size: 1rem; font-family: Excon, Roboto; display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(9, 12, 29); }
@container (min-width: 0px) {
  .css-1s1n3oa { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-1s1n3oa { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 0px) {
  .css-1s1n3oa { padding: 4px; }
}
@container (min-width: 768px) {
  .css-1s1n3oa { padding: 4px; }
}
@container (min-width: 768px) {
  .css-1s1n3oa { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-1s1n3oa { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-1s1n3oa { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 0px) {
  .css-1s1n3oa { padding: 4px; }
}
@container (min-width: 768px) {
  .css-1s1n3oa { padding: 4px; }
}
.css-vwbg4g { display: flex; flex-direction: column; gap: 2px; grid-area: 1 / 1 / -1 / -1; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; opacity: 0; padding: 8px; cursor: not-allowed; transition: opacity 150ms ease-in-out 0s; background-color: rgb(25, 25, 57); border-radius: inherit; }
.css-vwbg4g:hover { opacity: 1; }
.css-ggxov2 { width: 40px; height: 40px; margin-bottom: 8px; }
.css-1mqn6y0 { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; font-weight: 700; }
@container (min-width: 768px) {
  .css-1mqn6y0 { font-size: 1rem; line-height: 1.5rem; font-family: Excon, Roboto; }
}
.css-4rqywz { margin: 0px; font-size: 0.8125rem; line-height: 1rem; font-family: Excon, Roboto; color: rgb(180, 166, 226); font-weight: 500; }
@container (min-width: 0px) {
  .css-4rqywz { display: none; }
}
@container (min-width: 768px) {
  .css-4rqywz { display: block; }
}
.css-1nbgbyz { display: flex; flex-direction: column; position: relative; }
@media (min-width: 0px) {
  .css-1nbgbyz { gap: 12px; }
}
@media (min-width: 768px) {
  .css-1nbgbyz { gap: 16px; }
}
@media (min-width: 0px) {
  .css-1nbgbyz { --roo-slider-gap:8px; }
}
@media (min-width: 768px) {
  .css-1nbgbyz { --roo-slider-gap:16px; }
}
.css-aoffh8 { display: flex; -webkit-box-align: center; align-items: center; height: 72px; border-radius: 12px; transition: background 250ms ease 0s; padding: 4px; gap: 4px; text-decoration: none; background-color: rgb(25, 25, 57); }
@media (hover) and (pointer: fine) {
  .css-aoffh8:hover { background: rgb(44, 40, 82); }
}
@media (min-width: 0px) {
  .css-aoffh8 { width: 203px; }
}
@media (min-width: 1200px) {
  .css-aoffh8 { width: 227px; }
}
.css-rl6otz { border-radius: 8px; }
.css-removz { max-width: 100%; display: inline-block; vertical-align: middle; height: 64px; width: 64px; border-radius: 8px; }
.css-15lwasx { display: flex; width: 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-o5bg1w { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-family: Excon, Roboto; color: rgb(255, 255, 255); font-weight: 500; }
.css-7pvq3s { display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(255, 206, 0); color: rgb(9, 12, 29); }
@container (min-width: 768px) {
  .css-7pvq3s { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-7pvq3s { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-7pvq3s { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
.css-pzc174 { margin: 0px; font-size: 1rem; font-family: Excon, Roboto; display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(255, 206, 0); color: rgb(9, 12, 29); }
@container (min-width: 0px) {
  .css-pzc174 { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-pzc174 { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 768px) {
  .css-pzc174 { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-pzc174 { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-pzc174 { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
.css-ecs0e8 { display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(100, 227, 0); color: rgb(9, 12, 29); }
@container (min-width: 768px) {
  .css-ecs0e8 { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-ecs0e8 { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-ecs0e8 { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
.css-1lfone7 { margin: 0px; font-size: 1rem; font-family: Excon, Roboto; display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(100, 227, 0); color: rgb(9, 12, 29); }
@container (min-width: 0px) {
  .css-1lfone7 { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-1lfone7 { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 768px) {
  .css-1lfone7 { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-1lfone7 { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-1lfone7 { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
.css-1ju5qur { display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(9, 12, 29); }
@container (min-width: 768px) {
  .css-1ju5qur { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-1ju5qur { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-1ju5qur { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 0px) {
  .css-1ju5qur { gap: 0px; flex-direction: column; line-height: 11px; padding-top: 6px; padding-bottom: 6px; }
}
@container (min-width: 768px) {
  .css-1ju5qur { gap: 4px; flex-direction: row; line-height: 1rem; padding-top: 4px; padding-bottom: 4px; }
}
.css-yc0bli { margin: 0px; font-size: 1rem; font-family: Excon, Roboto; display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 700; border-radius: 8px; line-height: 1rem; padding-inline: 6px; padding-block: 4px; background-color: rgb(9, 12, 29); }
@container (min-width: 0px) {
  .css-yc0bli { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-yc0bli { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 0px) {
  .css-yc0bli { gap: 0px; flex-direction: column; line-height: 11px; padding-top: 6px; padding-bottom: 6px; }
}
@container (min-width: 768px) {
  .css-yc0bli { gap: 4px; flex-direction: row; line-height: 1rem; padding-top: 4px; padding-bottom: 4px; }
}
@container (min-width: 768px) {
  .css-yc0bli { padding-inline: 8px; }
}
@container (min-width: 0px) {
  .css-yc0bli { font-size: 9px; }
}
@container (min-width: 768px) {
  .css-yc0bli { font-size: 0.75rem; line-height: 1rem; font-family: Excon, Roboto; }
}
@container (min-width: 0px) {
  .css-yc0bli { gap: 0px; flex-direction: column; line-height: 11px; padding-top: 6px; padding-bottom: 6px; }
}
@container (min-width: 768px) {
  .css-yc0bli { gap: 4px; flex-direction: row; line-height: 1rem; padding-top: 4px; padding-bottom: 4px; }
}
.css-1q54k4 { font-size: 9px; color: rgb(217, 209, 244); }
.css-erspa2 { display: flex; flex-direction: row; gap: 2px; }
.css-1gq3rnr { text-align: center; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; font-size: 1.75rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px 0px 0px 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 8px; box-shadow: none !important; }
.css-1gq3rnr.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-1gq3rnr:hover { background-color: rgb(70, 62, 122); }
}
.css-1gq3rnr.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1gq3rnr:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1gq3rnr:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1gq3rnr:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1gq3rnr:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1gq3rnr[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1xbjpk9 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; font-size: 1.75rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px 0px 0px 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 8px; box-shadow: none !important; }
.css-1xbjpk9.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1xbjpk9 { -webkit-print-color-adjust: exact; }
}
.css-1xbjpk9.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-1xbjpk9:hover { background-color: rgb(70, 62, 122); }
}
.css-1xbjpk9.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1xbjpk9:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1xbjpk9:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1xbjpk9:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1xbjpk9:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1xbjpk9[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-1sa5qcn { text-align: center; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; font-size: 1.75rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 0px 12px 12px 0px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 8px; box-shadow: none !important; }
.css-1sa5qcn.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-1sa5qcn:hover { background-color: rgb(70, 62, 122); }
}
.css-1sa5qcn.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-1sa5qcn:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-1sa5qcn:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-1sa5qcn:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-1sa5qcn:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-1sa5qcn[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-3yimk2 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; font-size: 1.75rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 0px 12px 12px 0px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 8px; box-shadow: none !important; }
.css-3yimk2.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-3yimk2 { -webkit-print-color-adjust: exact; }
}
.css-3yimk2.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
@media (hover) and (pointer: fine) {
  .css-3yimk2:hover { background-color: rgb(70, 62, 122); }
}
.css-3yimk2.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-3yimk2:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-3yimk2:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-3yimk2:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-3yimk2:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-3yimk2[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-4mtgm3 { margin-left: auto; }
.css-4mtgm3 .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-3x7uzq { margin: 0px; font: inherit; color: rgb(120, 65, 238); height: 64px; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; }
.css-3x7uzq:hover { text-decoration-color: inherit; }
.css-yr803u { max-width: 100%; display: inline-block; vertical-align: middle; height: 64px; width: 64px; }
.css-1j1bz34 { margin: 0px; font: inherit; color: rgb(120, 65, 238); height: 40px; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: inherit; }
.css-1j1bz34:hover { text-decoration-color: inherit; }
.css-bgne7j { max-width: 100%; display: inline-block; vertical-align: middle; height: 40px; width: 40px; }
.css-391185 { display: contents; width: 100%; height: 12px; --data-background-color:#191939; }
.css-uxww8l { position: absolute; left: -4px; height: 12px; right: -4px; border-radius: 12px 12px 0px 0px; bottom: -12px; border-top: 4px solid rgb(9, 12, 29); border-left: 4px solid rgb(9, 12, 29); border-right: 4px solid rgb(9, 12, 29); z-index: 2; }
.css-bplmln { position: absolute; width: 0px; height: 0px; bottom: -4px; border-bottom: 4px solid transparent; z-index: 1; left: 0px; border-left: 12px solid var(--data-background-color, #191939); }
.css-zy73wa { position: absolute; width: 0px; height: 0px; bottom: -4px; border-bottom: 4px solid transparent; z-index: 1; right: 0px; border-right: 12px solid var(--data-background-color, #191939); }
.css-1tc94o9 { background-color: rgb(9, 12, 29); padding: 16px; overflow: auto; overscroll-behavior: contain; grid-area: main / main / main / main; position: relative; }
.css-1acvm4n { border-radius: 12px; padding: 16px; background-color: rgb(25, 25, 57); }
.css-16fuzox { grid-area: bottom / bottom / bottom / bottom; position: fixed; inset-inline: 0px; bottom: 0px; }
.css-stflvs { display: flex; background-color: rgb(25, 25, 57); padding-inline: 0px; height: 60px; -webkit-box-pack: justify; justify-content: space-between; }
.css-stflvs button { padding-top: 8px; padding-bottom: 8px; }
.css-stflvs button .Ui-topHalf { fill: rgb(151, 137, 205); stop-color: rgb(151, 137, 205); }
.css-stflvs button .Ui-bottomHalf { fill: rgb(151, 137, 205); stop-color: rgb(151, 137, 205); }
.css-stflvs button .Ui-innerFill { fill: transparent; }
.css-stflvs button.Mui-selected .Ui-topHalf { fill: rgb(255, 219, 0); stop-color: rgb(255, 219, 0); }
.css-stflvs button.Mui-selected .Ui-bottomHalf { fill: rgb(255, 202, 0); stop-color: rgb(255, 202, 0); }
.css-stflvs button.Mui-selected .Ui-innerFill { fill: rgb(9, 12, 29); }
.css-rjr64b { transition: color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, padding-top 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 0px 12px; max-width: 168px; color: rgba(0, 0, 0, 0.6); flex-direction: column; flex: 1 1 0%; min-width: 56px; gap: 4px; }
.css-rjr64b.Mui-selected { color: rgb(120, 65, 238); }
.css-3t7str { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; transition: color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, padding-top 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; padding: 0px 12px; max-width: 168px; color: rgba(0, 0, 0, 0.6); flex-direction: column; flex: 1 1 0%; min-width: 56px; gap: 4px; }
.css-3t7str.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-3t7str { -webkit-print-color-adjust: exact; }
}
.css-3t7str.Mui-selected { color: rgb(120, 65, 238); }
.css-l8bi2d { opacity: 1; font-size: 0.6875rem; line-height: 1rem; font-family: Excon, Roboto; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; transition: none 0s ease 0s; }
.css-l8bi2d.Mui-selected { font-size: 0.875rem; }
.css-l8bi2d.Mui-selected { color: rgb(255, 255, 255); font-size: 0.6875rem; line-height: 1rem; font-family: Excon, Roboto; font-weight: 900; }
.css-1476w5j .Ui-topHalf { fill: rgb(255, 255, 255); stop-color: rgb(255, 255, 255); }
.css-1476w5j .Ui-bottomHalf { fill: rgb(255, 255, 255); stop-color: rgb(255, 255, 255); }
.css-1476w5j .Ui-innerFill { fill: rgb(9, 12, 29); }
.css-1v41uqt { position: absolute; left: -4px; height: 12px; right: -4px; border-radius: 0px 0px 12px 12px; top: -12px; border-bottom: 4px solid rgb(9, 12, 29); border-left: 4px solid rgb(9, 12, 29); border-right: 4px solid rgb(9, 12, 29); z-index: 2; }
.css-1822yri { position: absolute; width: 0px; height: 0px; top: -4px; border-top: 4px solid transparent; z-index: 1; left: 0px; border-left: 12px solid var(--data-background-color, #191939); }
.css-1vw5g3o { position: absolute; width: 0px; height: 0px; top: -4px; border-top: 4px solid transparent; z-index: 1; right: 0px; border-right: 12px solid var(--data-background-color, #191939); }
.css-o09akb { position: relative; height: 100%; display: flex; flex-direction: column; background: rgb(9, 12, 29); border-radius: 16px 16px 0px 0px; }
.css-ld53kx { font-family: Excon, Roboto; font-size: 0.8125rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 7px 14px 9px; box-shadow: none !important; }
.css-ld53kx:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-ld53kx:hover { background-color: rgb(44, 40, 82); }
}
.css-ld53kx:active { box-shadow: none; }
.css-ld53kx.Mui-focusVisible { box-shadow: none; }
.css-ld53kx.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-ld53kx:hover { background-color: rgb(70, 62, 122); }
}
.css-ld53kx.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-ld53kx:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-ld53kx:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-ld53kx:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-ld53kx:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-ld53kx[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-up0ef4 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Excon, Roboto; font-size: 0.8125rem; line-height: 1.75; min-width: 64px; transition: background-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, box-shadow 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, border-color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms, color 250ms cubic-bezier(0.7, -0.4, 0.4, 1.4) 0ms; text-align: center; text-transform: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: normal; --roo-loading-color:#A37EF2; background-color: rgb(44, 40, 82); padding: 7px 14px 9px; box-shadow: none !important; }
.css-up0ef4.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-up0ef4 { -webkit-print-color-adjust: exact; }
}
.css-up0ef4:hover { text-decoration: none; box-shadow: none; }
@media (hover: none) {
  .css-up0ef4:hover { background-color: rgb(44, 40, 82); }
}
.css-up0ef4:active { box-shadow: none; }
.css-up0ef4.Mui-focusVisible { box-shadow: none; }
.css-up0ef4.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover) and (pointer: fine) {
  .css-up0ef4:hover { background-color: rgb(70, 62, 122); }
}
.css-up0ef4.Mui-focusVisible { background-color: rgb(70, 62, 122); }
.css-up0ef4:disabled { color: rgb(123, 108, 185) !important; background: rgb(25, 25, 57) !important; }
.css-up0ef4:disabled .Ui-stroke { stroke: rgb(255, 255, 255); }
.css-up0ef4:disabled .Ui-fill { fill: rgb(255, 255, 255); }
.css-up0ef4:active { color: rgb(255, 255, 255); background: rgb(25, 25, 57); }
.css-up0ef4[data-border-outline] { border-radius: 16px; border: 4px solid var(--roo-btn-outline-color, #090C1D); }
.css-r79jgn { color: unset; font: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-synthesis: unset; font-variation-settings: unset; forced-color-adjust: unset; text-orientation: unset; text-rendering: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; animation: unset; app-region: unset; appearance: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-color: rgb(9, 12, 29); background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; block-size: unset; border-block: unset; border: unset; border-bottom-left-radius: 18px; border-bottom-right-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; border-top-left-radius: 18px; border-top-right-radius: unset; bottom: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; color-scheme: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: none; dominant-baseline: unset; empty-cells: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-depth: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: 0; order: unset; origin-trial-test-property: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: 6px; padding-bottom: unset; padding-inline: 2px; padding-left: 6px; padding-right: unset; padding-top: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position: absolute; quotes: unset; r: unset; resize: unset; right: 0px; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scrollbar-gutter: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; top: 50%; touch-action: unset; transform: translateY(-50%); transform-box: unset; transform-origin: unset; transform-style: unset; transition: opacity 0.2s ease 0s; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-highlight: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-mask: unset; -webkit-mask-composite: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; -webkit-user-modify: unset; white-space: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }
#roo-casino-carousel:hover .css-r79jgn { opacity: 0.5; }
#roo-casino-carousel .css-r79jgn:hover { opacity: 1; }
@media (hover: none) {
  .css-r79jgn { display: none; }
}
@media (min-width: 768px) {
  .css-r79jgn { display: flex; }
}
@keyframes intercom-lightweight-app-launcher { 
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes intercom-lightweight-app-gradient { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes intercom-lightweight-app-messenger { 
  0% { opacity: 0; transform: scale(0); }
  40% { opacity: 1; }
  100% { transform: scale(1); }
}
.intercom-lightweight-app { position: fixed; z-index: 2147483001; width: 0px; height: 0px; font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.intercom-lightweight-app-gradient { position: fixed; z-index: 2147483002; width: 500px; height: 500px; bottom: 0px; right: 0px; pointer-events: none; background: radial-gradient(at right bottom, rgba(29, 39, 54, 0.16) 0%, rgba(29, 39, 54, 0) 72%); animation: 200ms ease-out 0s 1 normal none running intercom-lightweight-app-gradient; }
.intercom-lightweight-app-launcher { position: fixed; z-index: 2147483003; border: none; bottom: 20px; right: 20px; max-width: 48px; width: 48px; max-height: 48px; height: 48px; border-radius: 50%; background: rgb(97, 175, 90); cursor: pointer; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 32px 0px; transition: transform 167ms cubic-bezier(0.33, 0, 0, 1) 0s; box-sizing: content-box; padding: 0px !important; margin: 0px !important; }
.intercom-lightweight-app-launcher:hover { transition: transform 250ms cubic-bezier(0.33, 0, 0, 1) 0s; transform: scale(1.1); }
.intercom-lightweight-app-launcher:active { transform: scale(0.85); transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1) 0s; }
.intercom-lightweight-app-launcher:focus { outline: none; }
.intercom-lightweight-app-launcher-icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; width: 48px; height: 48px; transition: transform 100ms linear 0s, opacity 80ms linear 0s; }
.intercom-lightweight-app-launcher-icon-open { opacity: 1; transform: rotate(0deg) scale(1); }
.intercom-lightweight-app-launcher-icon-open svg { width: 24px; height: 24px; }
.intercom-lightweight-app-launcher-icon-open svg path { fill: rgb(255, 255, 255); }
.intercom-lightweight-app-launcher-icon-self-serve { opacity: 1; transform: rotate(0deg) scale(1); }
.intercom-lightweight-app-launcher-icon-self-serve svg { height: 44px; }
.intercom-lightweight-app-launcher-icon-self-serve svg path { fill: rgb(255, 255, 255); }
.intercom-lightweight-app-launcher-custom-icon-open { max-height: 24px; max-width: 24px; opacity: 1; transform: rotate(0deg) scale(1); }
.intercom-lightweight-app-launcher-icon-minimize { opacity: 0; transform: rotate(-60deg) scale(0); }
.intercom-lightweight-app-launcher-icon-minimize svg path { fill: rgb(255, 255, 255); }
.intercom-lightweight-app-launcher.intercom-launcher-extended { width: calc(150px); max-width: calc(150px); height: calc(19px); max-height: calc(19px); border-radius: 12px; display: flex; align-items: center; justify-content: flex-start; gap: 6px; background: rgb(97, 175, 90); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 50px; padding: 12px 16px 12px 12px !important; }
.intercom-lightweight-app-launcher.intercom-launcher-extended .intercom-lightweight-app-launcher-icon { position: relative; width: 24px; height: 24px; }
.intercom-lightweight-app-launcher-text { color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; opacity: 1; transition: opacity 80ms linear 0s; }
.intercom-lightweight-app-messenger { position: fixed; z-index: 2147483003; overflow: hidden; background-color: rgb(255, 255, 255); animation: 250ms cubic-bezier(0, 1, 1, 1) 0s 1 normal none running intercom-lightweight-app-messenger; transform-origin: right bottom; width: 400px; height: calc(100% - 40px); max-height: 704px; min-height: 250px; right: 20px; bottom: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px; border-radius: 16px; }
.intercom-lightweight-app-messenger-header { height: 64px; border-bottom: none; background: rgb(255, 255, 255); }
.intercom-lightweight-app-messenger-footer { position: absolute; bottom: 0px; width: 100%; height: 80px; background: rgb(255, 255, 255); font-size: 14px; line-height: 21px; border-top: 1px solid rgba(0, 0, 0, 0.05); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 25px; }
@media print {
  .intercom-lightweight-app { display: none; }
}