@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100..900;1,100..900&display=swap");
@font-face { font-family: Inter; src: url("/assets/fonts/inter/regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("/assets/fonts/inter/medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("/assets/fonts/inter/semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
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: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
html { scroll-behavior: smooth; font-size: 16px; text-size-adjust: 100%; }
* { box-sizing: border-box; -webkit-font-smoothing: antialiased; font-size: 100%; font-family: Inter !important; font-feature-settings: "calt" 0, "cv01", "cv02", "cv03", "cv04", "cv11", "cv09" !important; }
body { background-color: rgb(5, 8, 11); overscroll-behavior: none !important; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { scrollbar-width: none; }
.divider_24px { height: 24px; width: 100%; background: transparent; user-select: none; pointer-events: none; }
.divider_32px { height: 32px; width: 100%; background: transparent; user-select: none; pointer-events: none; }
.divider_48px { height: 48px; width: 100%; background: transparent; user-select: none; pointer-events: none; }
.input_divider { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
p.profit { color: rgb(0, 255, 153) !important; }
p.loss { color: rgb(255, 51, 68) !important; }
.toast-styles { font-size: 14px; line-height: 18px; font-weight: 500; padding: 16px; }
.react-datepicker { border-radius: 10px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; width: 100% !important; background-color: transparent !important; }
.react-datepicker-wrapper { width: 100% !important; }
.react-datepicker__header { box-sizing: border-box; display: inline-block; background-color: transparent !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; width: 100% !important; margin: 0px !important; padding: 0px 0px 8px !important; }
.react-datepicker__current-month, .react-datepicker__day-name { font-size: 12px; font-weight: 500; font-family: Inter, sans-serif; color: var(--color-primary-text) !important; padding-top: 8px !important; }
.react-datepicker__triangle { display: none !important; }
.react-datepicker__day--outside-month { opacity: 0.5 !important; }
.react-datepicker__day, .react-datepicker__day-name { width: 2rem; line-height: 2rem; font-weight: 500; color: var(--color-primary-text) !important; border-radius: 100% !important; }
.react-datepicker__day:hover { background-color: rgba(255, 255, 255, 0.12) !important; }
.react-datepicker__day--selected, .react-datepicker__day--keyboard-selected { background-color: rgb(52, 152, 219) !important; border-radius: 100% !important; color: var(--color-primary-text) !important; }
.react-datepicker__day--today { background-color: rgba(255, 255, 255, 0.12) !important; border-radius: 100% !important; color: var(--color-primary-text) !important; }
.custom-datepicker { display: flex; width: 100%; }
.no-zoom { font-size: 16px; transform-origin: left top; transform: scale(0.9); width: 240px; padding: 5.33333px; border-radius: 6.66667px; border-width: 1.33333px; margin-right: -60px; margin-bottom: -8px; }
.no-zoom-14px { font-size: 16px; transform-origin: left top; transform: scale(0.875); width: 205.71px; height: 20px; padding: 4.57px; border-width: 0px; margin-right: -25.71px; margin-bottom: -3px; border-radius: 0px !important; }
.textarea-wrapper { display: inline-block; transform: scale(0.875); transform-origin: left top; }
.no-zoom-textarea { font-size: 16px; appearance: none; width: 100%; max-width: unset; outline: 0px; resize: none; line-height: 24px !important; padding: 0px !important; }
.blink_me { animation: 2s linear 0s infinite normal none running blinker; cursor: not-allowed; user-select: none; pointer-events: none; }
@keyframes blinker { 
  50% { opacity: 0.5; }
}
.eyes_wrapper { display: flex; align-items: center; gap: 4px; cursor: pointer; }
.eyes_button { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; padding: 0px; cursor: pointer; color: var(--color-text-75); transition: 0.15s ease-out; line-height: 14px; margin: 0px !important; height: 16px !important; }
.eyes_button:hover { color: var(--color-primary-text); }
.user_balance { font-size: 24px; font-weight: 600; color: var(--color-primary-text); line-height: 32px; font-feature-settings: "tnum"; transform: translateY(4px); animation: 0.2s ease-out 0s 1 normal forwards running fadeInFromBottom; }
@keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(8px); }
  50% { filter: blur(4px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.user_balance.hidden i { display: inline-block; opacity: 0; transform: translateY(4px); animation: 0.1s ease-out 0s 1 normal forwards running fadeInFromBottom; }
.user_balance.hidden i:nth-of-type(1) { animation-delay: 0.1s; }
.user_balance.hidden i:nth-of-type(2) { animation-delay: 0.15s; }
.user_balance.hidden i:nth-of-type(3) { animation-delay: 0.25s; }
.user_balance.hidden i:nth-of-type(4) { animation-delay: 0.33s; }
.user_balance.hidden i:nth-of-type(5) { animation-delay: 0.46s; }
.user_balance.hidden i:nth-of-type(6) { animation-delay: 0.57s; }
@keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.text-btn { cursor: pointer; transition: 0.3s ease-out; font-size: 13px !important; font-weight: 600 !important; line-height: 18px !important; color: var(--color-primary) !important; }
.text-btn:hover { color: var(--color-primary-hover) !important; }
.tiny_btn { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: flex; align-items: center; gap: 8px; border-radius: 4px; background: var(--color-card-background-50); padding: 6px; cursor: pointer; box-sizing: border-box; transition: background 0.15s ease-out; font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-primary-text); height: 100%; }
.tiny_btn:hover { background: var(--color-card-background); }
.tiny_btn p { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-primary-text); }
.tiny_btn .svg_icon { width: 8px; height: 6px; }
@keyframes shine { 
  0% { left: -100%; }
  50% { left: 100%; }
  100% { left: 100%; }
}
.asset_icon_32 { flex-shrink: 0; min-width: 32px; min-height: 32px; object-fit: contain; width: 32px !important; height: 32px !important; }
select { appearance: none; background-color: var(--color-modal-background); border: 1px solid var(--color-outline); border-radius: 6px; padding: 8px 32px 8px 12px; font-size: 14px; color: var(--color-text); cursor: pointer; outline: none; transition: 0.3s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px; }
select:hover { background-color: var(--color-control-hover); border-color: var(--color-outline); }
select:focus { background-color: var(--color-control-active); border-color: transparent; }
select option { background-color: var(--color-control-active); color: var(--color-text); }
:root { --color-primary: #7132F5; --color-primary-hover: #8546FF; --color-primary-light: #7132F520; --color-main-background: #05080b; --color-sidebar-background: hsla(0, 0%, 100%, .025); --color-white: #ffffff; --color-modal-background: #1e2124; --color-input: hsla(0, 0%, 100%, .025); --color-input-border: hsla(0, 0%, 100%, .25); --color-input-active: hsla(0, 0%, 100%, .025); --color-input-hover: hsla(0, 0%, 100%, .025); --color-outline: hsla(0, 0%, 100%, .05); --color-control: hsla(0, 0%, 100%, .025); --color-control-border: hsla(0, 0%, 100%, .25); --color-control-hover: hsla(0, 0%, 100%, .05); --color-control-active: hsla(0, 0%, 100%, .075); --color-control-inactive: hsla(0, 0%, 100%, .08); --color-card-background: hsla(0, 0%, 100%, .025); --color-card-background-2: hsla(0, 0%, 100%, .02); --color-card-background-3: hsla(0, 0%, 100%, .035); --color-card-background-12: hsla(0, 0%, 100%, .012); --color-card-background-15: hsla(0, 0%, 100%, .015); --color-card-background-35: hsla(0, 0%, 100%, .035); --color-card-background-50: hsla(0, 0%, 100%, .05); --color-card-background-65: hsla(0, 0%, 100%, .065); --color-card-background-95: hsla(0, 0%, 100%, .095); --color-card-custom: #1e2124; --color-text: #ffffff; --color-text-secondary: hsla(0, 0%, 100%, .6); --color-text-tertiary: hsla(0, 0%, 100%, .3); --color-text-48: hsla(0, 0%, 100%, .48); --color-text-50: hsla(0, 0%, 100%, .5); --color-text-55: hsla(0, 0%, 100%, .55); --color-text-65: hsla(0, 0%, 100%, .65); --color-text-75: hsla(0, 0%, 100%, .75); --color-text-80: hsla(0, 0%, 100%, .8); --color-blue-shine: hsla(200, 100%, 50%, .3); --color-gold-shine-gradient: linear-gradient(90deg, transparent, #f9e16a22, transparent); --color-referral-gradient-one: linear-gradient(270deg, #d0ad6e, #d0ad6e00), #5f9fff1a; --color-referral-gradient-two: linear-gradient(270deg, #b0c9d8, #b0c9d800), #5f9fff1a; --color-referral-gradient-three: linear-gradient(270deg, #bf876b, #bf876b00), #5f9fff1a; --color-ai-btn-gradient: linear-gradient(84.5deg, #de444480 -6.89%, #4c94ff80 10.5%, #4c94ff80 50.18%, #db33db80 77.9%, #de444480 106.17%); }
body { background-color: var(--color-main-background); color: var(--color-text); transition: background-color 0.3s, color 0.3s; }
.loader { display: flex; align-items: center; justify-content: space-between; padding: 4px; width: 32px; }
.loader.sm { width: 24px; }
.loader.vsm { width: 20px; }
.loader .bar { width: 6px; height: 24px; background-color: inherit; border-radius: 1px; opacity: 0.1; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: barChase; animation-timeline: auto; animation-range: normal; animation-delay: var(--delay); animation-duration: 1.05s; }
.loader.sm .bar { height: 18px; width: 4px; }
.loader.vsm .bar { height: 8px; width: 3px; }
@keyframes barChase { 
  0% { opacity: 0.1; }
  10% { opacity: 1; }
  33% { opacity: 0.1; }
  100% { opacity: 0.1; }
}
@keyframes splide-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.splide__track--draggable { user-select: none; }
.splide__track--fade > .splide__list > .splide__slide { opacity: 0; z-index: 0; margin: 0px !important; }
.splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; z-index: 1; }
.splide--rtl { direction: rtl; }
.splide__track--ttb > .splide__list { display: block; }
.splide__container { box-sizing: border-box; position: relative; }
.splide__list { backface-visibility: hidden; display: flex; height: 100%; margin: 0px !important; padding: 0px !important; }
.splide.is-initialized:not(.is-active) .splide__list { display: block; }
.splide__pagination { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 0px; pointer-events: none; }
.splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0px; pointer-events: auto; }
.splide:not(.is-overflow) .splide__pagination { display: none; }
.splide__progress__bar { width: 0px; }
.splide { position: relative; visibility: hidden; }
.splide.is-initialized, .splide.is-rendered { visibility: visible; }
.splide__slide { backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; margin: 0px; position: relative; list-style-type: none !important; }
.splide__slide img { vertical-align: bottom; }
.splide__spinner { animation: 1s linear 0s infinite normal none running splide-loading; border-width: 2px; border-style: solid; border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(153, 153, 153) transparent; border-image: initial; border-radius: 50%; inset: 0px; contain: strict; display: inline-block; height: 20px; margin: auto; position: absolute; width: 20px; }
.splide__sr { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; }
.splide__toggle.is-active .splide__toggle__pause { display: inline; }
.splide__track { overflow: hidden; position: relative; z-index: 0; }
.splide__pagination { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 12px; }
.splide__pagination__page { height: 4px !important; border-radius: 10px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; appearance: none !important; cursor: pointer !important; background: rgba(47, 171, 238, 0.3) !important; }
.splide__pagination__page.is-active { background: rgb(47, 171, 238) !important; }
.splide__track { border-radius: 8px !important; position: relative !important; }
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { border-color: rgb(204, 204, 204); border-style: solid; border-width: 3px 3px 0px 0px; content: ""; display: block; height: 9px; position: absolute; top: 6px; width: 9px; }
.react-datepicker-wrapper { display: inline-block; padding: 0px; border: 0px; }
.react-datepicker { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.8rem; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; display: inline-block; position: relative; line-height: initial; }
.react-datepicker--time-only .react-datepicker__time-container { border-left: 0px; }
.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
.react-datepicker-popper { z-index: 1; line-height: 0; }
.react-datepicker-popper .react-datepicker__triangle { stroke: rgb(174, 174, 174); }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { fill: rgb(240, 240, 240); color: rgb(240, 240, 240); }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle { fill: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.react-datepicker__header { text-align: center; background-color: rgb(240, 240, 240); border-bottom: 1px solid rgb(174, 174, 174); border-top-left-radius: 0.3rem; padding: 8px 0px; position: relative; }
.react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; }
.react-datepicker__header--time:not(.react-datepicker__header--time--only) { border-top-left-radius: 0px; }
.react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0.3rem; }
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0px 15px; }
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0px; color: rgb(0, 0, 0); font-weight: 700; font-size: 0.944rem; }
h2.react-datepicker__current-month { padding: 0px; margin: 0px; }
.react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.react-datepicker__navigation { align-items: center; background: none; display: flex; justify-content: center; text-align: center; cursor: pointer; position: absolute; top: 2px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; z-index: 1; height: 32px; width: 32px; text-indent: -999em; overflow: hidden; }
.react-datepicker__navigation--previous { left: 2px; }
.react-datepicker__navigation--next { right: 2px; }
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 85px; }
.react-datepicker__navigation--years { position: relative; top: 0px; display: block; margin-left: auto; margin-right: auto; }
.react-datepicker__navigation--years-previous { top: 4px; }
.react-datepicker__navigation--years-upcoming { top: -4px; }
.react-datepicker__navigation:hover ::before { border-color: rgb(166, 166, 166); }
.react-datepicker__navigation-icon { position: relative; top: -1px; font-size: 20px; width: 0px; }
.react-datepicker__navigation-icon--next { left: -2px; }
.react-datepicker__navigation-icon--next::before { transform: rotate(45deg); left: -7px; }
.react-datepicker__navigation-icon--previous { right: -2px; }
.react-datepicker__navigation-icon--previous::before { transform: rotate(225deg); right: -7px; }
.react-datepicker__month-container { float: left; }
.react-datepicker__year { margin: 0.4rem; text-align: center; }
.react-datepicker__year-wrapper { display: flex; flex-wrap: wrap; max-width: 180px; }
.react-datepicker__year .react-datepicker__year-text { display: inline-block; width: 4rem; margin: 2px; }
.react-datepicker__month { margin: 0.4rem; text-align: center; }
.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 2px; }
.react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 5px 0px 10px 15px; text-align: left; }
.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 10px; }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: auto; }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] { }
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; }
.react-datepicker__time-container { float: right; border-left: 1px solid rgb(174, 174, 174); width: 85px; }
.react-datepicker__time-container--with-today-button { display: inline; border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; position: absolute; right: -87px; top: 0px; }
.react-datepicker__time-container .react-datepicker__time { position: relative; background: rgb(255, 255, 255); border-bottom-right-radius: 0.3rem; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0px auto; text-align: center; border-bottom-right-radius: 0.3rem; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0px; height: calc(195px + 0.85rem); overflow-y: scroll; padding-right: 0px; padding-left: 0px; width: 100%; box-sizing: content-box; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; white-space: nowrap; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: rgb(240, 240, 240); }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); font-weight: 700; }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: rgb(33, 107, 165); }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: rgb(204, 204, 204); }
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; }
.react-datepicker__week-number { color: rgb(204, 204, 204); display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }
.react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; }
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover { border-radius: 0.3rem; background-color: rgb(240, 240, 240); }
.react-datepicker__week-number--selected { border-radius: 0.3rem; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); }
.react-datepicker__week-number--selected:hover { background-color: rgb(29, 93, 144); }
.react-datepicker__day-names { white-space: nowrap; margin-bottom: -8px; }
.react-datepicker__week { white-space: nowrap; }
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: rgb(0, 0, 0); display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; }
.react-datepicker__day:not([aria-disabled="true"]):hover, .react-datepicker__month-text:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text:not([aria-disabled="true"]):hover, .react-datepicker__year-text:not([aria-disabled="true"]):hover { border-radius: 0.3rem; background-color: rgb(240, 240, 240); }
.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today { font-weight: 700; }
.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted { border-radius: 0.3rem; background-color: rgb(61, 204, 74); color: rgb(255, 255, 255); }
.react-datepicker__day--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover { background-color: rgb(50, 190, 63); }
.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 { color: rgb(255, 0, 255); }
.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 { color: green; }
.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays { position: relative; border-radius: 0.3rem; background-color: rgb(255, 104, 3); color: rgb(255, 255, 255); }
.react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay { position: absolute; bottom: 100%; left: 50%; transform: translate(-50%); background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 4px; border-radius: 4px; white-space: nowrap; visibility: hidden; opacity: 0; transition: visibility, opacity 0.3s ease-in-out; }
.react-datepicker__day--holidays:not([aria-disabled="true"]):hover, .react-datepicker__month-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__year-text--holidays:not([aria-disabled="true"]):hover { background-color: rgb(207, 83, 0); }
.react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay { visibility: visible; opacity: 1; }
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { border-radius: 0.3rem; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); }
.react-datepicker__day--selected:not([aria-disabled="true"]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__day--in-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover { background-color: rgb(29, 93, 144); }
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: 0.3rem; background-color: rgb(186, 217, 241); color: rgb(0, 0, 0); }
.react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled="true"]):hover { background-color: rgb(29, 93, 144); }
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) { background-color: rgba(33, 107, 165, 0.5); }
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) { background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); }
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { cursor: default; color: rgb(204, 204, 204); }
.react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay { position: absolute; bottom: 70%; left: 50%; transform: translate(-50%); background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 4px; border-radius: 4px; white-space: nowrap; visibility: hidden; opacity: 0; transition: visibility, opacity 0.3s ease-in-out; }
.react-datepicker__input-container { position: relative; display: inline-block; width: 100%; }
.react-datepicker__input-container .react-datepicker__calendar-icon { position: absolute; padding: 0.5rem; box-sizing: content-box; }
.react-datepicker__view-calendar-icon input { padding: 6px 10px 5px 25px; }
.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; position: relative; }
.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; }
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: rgb(179, 179, 179); }
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { transform: rotate(135deg); right: -16px; top: 0px; }
.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: rgb(240, 240, 240); position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid rgb(174, 174, 174); }
.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; }
.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; }
.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; }
.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }
.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: rgb(204, 204, 204); }
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: rgb(179, 179, 179); }
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: rgb(179, 179, 179); }
.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; }
.react-datepicker__close-icon { cursor: pointer; background-color: transparent; border: 0px; outline: 0px; padding: 0px 6px 0px 0px; position: absolute; top: 0px; right: 0px; height: 100%; display: table-cell; vertical-align: middle; }
.react-datepicker__close-icon::after { cursor: pointer; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); border-radius: 50%; height: 16px; width: 16px; padding: 2px; font-size: 12px; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "×"; }
.react-datepicker__close-icon--disabled { cursor: default; }
.react-datepicker__close-icon--disabled::after { cursor: default; background-color: rgb(204, 204, 204); }
.react-datepicker__today-button { background: rgb(240, 240, 240); border-top: 1px solid rgb(174, 174, 174); cursor: pointer; text-align: center; font-weight: 700; padding: 5px 0px; clear: left; }
.react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0px; top: 0px; justify-content: center; align-items: center; display: flex; z-index: 2147483647; }
.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; }
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; }
.react-datepicker__children-container { width: 13.8rem; margin: 0.4rem; padding-right: 0.2rem; padding-left: 0.2rem; height: auto; }
.react-datepicker__aria-live { position: absolute; clip-path: circle(0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; white-space: nowrap; }
.react-datepicker__calendar-icon { width: 1em; height: 1em; vertical-align: -0.125em; }
@keyframes bgPulse { 
  0% { opacity: 0.05; }
  25% { opacity: 0.1; }
  50% { opacity: 0.05; }
}
.stripes { position: relative; width: 100%; height: 100%; }
.stripes::before { position: absolute; content: ""; top: 0px; left: 0px; height: 100%; width: calc(100% + 100px); background: repeating-linear-gradient(-45deg, rgb(30, 33, 36) 25%, rgb(30, 33, 36) 50%, rgb(253, 245, 201) 50%, rgb(253, 245, 201) 75%) 0% 0% / 10px 10px; animation: 4s linear 0s infinite normal none running animateStripes; }
.stripes::after { position: absolute; width: 100%; height: 100%; content: ""; }
@keyframes animateStripes { 
  0% { transform: translate(0px); }
  100% { transform: translate(-110px); }
}
@keyframes pulsateGlow { 
  0% { opacity: 0.5; }
  50% { opacity: 1; }
  100% { opacity: 0.5; }
}
@keyframes fadeMoveIn { 
  0% { opacity: 0; margin-top: 10px; }
  100% { opacity: 1; margin-top: 0px; }
}
@keyframes slowlyMoveUpAndDown { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}
:where(html[dir="ltr"]), :where([data-sonner-toaster][dir="ltr"]) { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%, -35%); }
:where(html[dir="rtl"]), :where([data-sonner-toaster][dir="rtl"]) { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); }
:where([data-sonner-toaster]) { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: none; z-index: 999999999; transition: transform 0.4s; }
:where([data-sonner-toaster][data-lifted="true"]) { transform: translateY(-10px); }
@media (hover: none) and (pointer: coarse) {
  :where([data-sonner-toaster][data-lifted="true"]) { transform: none; }
}
:where([data-sonner-toaster][data-x-position="right"]) { right: var(--offset-right); }
:where([data-sonner-toaster][data-x-position="left"]) { left: var(--offset-left); }
:where([data-sonner-toaster][data-x-position="center"]) { left: 50%; transform: translate(-50%); }
:where([data-sonner-toaster][data-y-position="top"]) { top: var(--offset-top); }
:where([data-sonner-toaster][data-y-position="bottom"]) { bottom: var(--offset-bottom); }
:where([data-sonner-toast]) { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); filter: blur(0px); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: none; overflow-wrap: anywhere; }
:where([data-sonner-toast][data-styled="true"]) { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }
:where([data-sonner-toast]:focus-visible) { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
:where([data-sonner-toast][data-y-position="top"]) { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }
:where([data-sonner-toast][data-y-position="bottom"]) { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); }
:where([data-sonner-toast]) :where([data-description]) { font-weight: 400; line-height: 1.4; color: inherit; }
:where([data-sonner-toast]) :where([data-title]) { font-weight: 500; line-height: 1.5; color: inherit; }
:where([data-sonner-toast]) :where([data-icon]) { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); }
:where([data-sonner-toast][data-promise="true"]) :where([data-icon]) > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }
:where([data-sonner-toast]) :where([data-icon]) > * { flex-shrink: 0; }
:where([data-sonner-toast]) :where([data-icon]) svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }
:where([data-sonner-toast]) :where([data-content]) { display: flex; flex-direction: column; gap: 2px; }
[data-sonner-toast][data-styled="true"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }
:where([data-sonner-toast]) :where([data-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }
:where([data-sonner-toast]) :where([data-button]):first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }
:where([data-sonner-toast]) :where([data-cancel]) { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }
:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]) { background: rgba(255, 255, 255, 0.3); }
:where([data-sonner-toast]) :where([data-close-button]) { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }
[data-sonner-toast] [data-close-button] { background: var(--gray1); }
:where([data-sonner-toast]) :where([data-close-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
:where([data-sonner-toast]) :where([data-disabled="true"]) { cursor: not-allowed; }
:where([data-sonner-toast]):hover :where([data-close-button]):hover { background: var(--gray2); border-color: var(--gray5); }
:where([data-sonner-toast][data-swiping="true"])::before { content: ""; position: absolute; left: -50%; right: -50%; height: 100%; z-index: -1; }
:where([data-sonner-toast][data-y-position="top"][data-swiping="true"])::before { bottom: 50%; transform: scaleY(3) translateY(50%); }
:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"])::before { top: 50%; transform: scaleY(3) translateY(-50%); }
:where([data-sonner-toast][data-swiping="false"][data-removed="true"])::before { content: ""; position: absolute; inset: 0px; transform: scaleY(2); }
:where([data-sonner-toast])::after { content: ""; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }
:where([data-sonner-toast][data-mounted="true"]) { --y: translateY(0); opacity: 1; }
:where([data-sonner-toast][data-expanded="false"][data-front="false"]) { --scale: var(--toasts-before) * .05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); }
:where([data-sonner-toast]) > * { transition: opacity 0.4s; }
:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"]) > * { opacity: 0; }
:where([data-sonner-toast][data-visible="false"]) { opacity: 0; pointer-events: none; }
:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]) { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }
:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]) { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }
:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]) { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }
:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]) { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }
:where([data-sonner-toast][data-removed="true"][data-front="false"])::before { height: calc(var(--initial-height) + 20%); }
[data-sonner-toast][data-swiping="true"] { transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px)); transition: none; }
[data-sonner-toast][data-swiped="true"] { user-select: none; }
[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"], [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] { animation-name: swipe-out-left; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] { animation-name: swipe-out-right; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] { animation-name: swipe-out-up; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] { animation-name: swipe-out-down; }
@keyframes swipe-out-left { 
  0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translate(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }
}
@keyframes swipe-out-right { 
  0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translate(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }
}
@keyframes swipe-out-up { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }
}
@keyframes swipe-out-down { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }
}
@media (max-width: 600px) {
  [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; }
  [data-sonner-toaster][dir="rtl"] { left: calc(var(--mobile-offset-left) * -1); }
  [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left) * 2); }
  [data-sonner-toaster][data-x-position="left"] { left: var(--mobile-offset-left); }
  [data-sonner-toaster][data-y-position="bottom"] { bottom: var(--mobile-offset-bottom); }
  [data-sonner-toaster][data-y-position="top"] { top: var(--mobile-offset-top); }
  [data-sonner-toaster][data-x-position="center"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }
}
[data-sonner-toaster][data-theme="light"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 91%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 91%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 91%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); }
[data-sonner-toaster][data-theme="light"] [data-sonner-toast][data-invert="true"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); }
[data-sonner-toaster][data-theme="dark"] [data-sonner-toast][data-invert="true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }
[data-sonner-toaster][data-theme="dark"] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 100%, 12%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 12%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); }
[data-sonner-toaster][data-theme="dark"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }
[data-sonner-toaster][data-theme="dark"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"], [data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"], [data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"], [data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"], [data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; }
.sonner-loading-wrapper[data-visible="false"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }
.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }
.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }
.sonner-loading-bar:nth-child(1) { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }
.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }
.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }
.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }
.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }
.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }
.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }
.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }
.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }
.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }
.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }
.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }
@keyframes sonner-fade-in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sonner-fade-out { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes sonner-spin { 
  0% { opacity: 1; }
  100% { opacity: 0.15; }
}
@media (prefers-reduced-motion) {
  [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }
.sonner-loader[data-visible="false"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }
[data-vaul-drawer] { touch-action: none; will-change: transform; transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1); animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1); }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="open"] { animation-name: slideFromBottom; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="closed"] { animation-name: slideToBottom; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="open"] { animation-name: slideFromTop; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="closed"] { animation-name: slideToTop; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="open"] { animation-name: slideFromLeft; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="closed"] { animation-name: slideToLeft; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="open"] { animation-name: slideFromRight; }
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="closed"] { animation-name: slideToRight; }
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="bottom"] { transform: translate3d(0,var(--initial-transform,100%),0); }
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="top"] { transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0); }
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="left"] { transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0); }
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="right"] { transform: translate3d(var(--initial-transform,100%),0,0); }
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="top"] { transform: translate3d(0,var(--snap-point-height,0),0); }
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="bottom"] { transform: translate3d(0,var(--snap-point-height,0),0); }
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="left"] { transform: translate3d(var(--snap-point-height,0),0,0); }
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="right"] { transform: translate3d(var(--snap-point-height,0),0,0); }
[data-vaul-overlay][data-vaul-snap-points="false"] { animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1); }
[data-vaul-overlay][data-vaul-snap-points="false"][data-state="open"] { animation-name: fadeIn; }
[data-vaul-overlay][data-state="closed"] { animation-name: fadeOut; }
[data-vaul-animate="false"] { animation: auto ease 0s 1 normal none running none !important; }
[data-vaul-overlay][data-vaul-snap-points="true"] { opacity: 0; transition: opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1); }
[data-vaul-overlay][data-vaul-snap-points="true"] { opacity: 1; }
[data-vaul-drawer]:not([data-vaul-custom-container="true"])::after { content: ""; position: absolute; background: inherit; }
[data-vaul-drawer][data-vaul-drawer-direction="top"]::after { top: initial; bottom: 100%; left: 0px; right: 0px; height: 200%; }
[data-vaul-drawer][data-vaul-drawer-direction="bottom"]::after { top: 100%; bottom: initial; left: 0px; right: 0px; height: 200%; }
[data-vaul-drawer][data-vaul-drawer-direction="left"]::after { left: initial; right: 100%; top: 0px; bottom: 0px; width: 200%; }
[data-vaul-drawer][data-vaul-drawer-direction="right"]::after { left: 100%; right: initial; top: 0px; bottom: 0px; width: 200%; }
[data-vaul-overlay][data-vaul-snap-points="true"]:not([data-vaul-snap-points-overlay="true"]):not([data-state="closed"]) { opacity: 0; }
[data-vaul-overlay][data-vaul-snap-points-overlay="true"] { opacity: 1; }
[data-vaul-handle] { display: block; position: relative; opacity: 0.7; background: rgb(226, 226, 228); margin-left: auto; margin-right: auto; height: 5px; width: 32px; border-radius: 1rem; touch-action: pan-y; }
[data-vaul-handle]:active, [data-vaul-handle]:hover { opacity: 1; }
[data-vaul-handle-hitarea] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: max(100%, 2.75rem); height: max(100%, 2.75rem); touch-action: inherit; }
@media (hover: hover) and (pointer: fine) {
  [data-vaul-drawer] { user-select: none; }
}
@media (pointer: fine) {
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeOut { 
  100% { opacity: 0; }
}
@keyframes slideFromBottom { 
  0% { transform: translate3d(0,var(--initial-transform,100%),0); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideToBottom { 
  100% { transform: translate3d(0,var(--initial-transform,100%),0); }
}
@keyframes slideFromTop { 
  0% { transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideToTop { 
  100% { transform: translate3d(0,calc(var(--initial-transform,100%) * -1),0); }
}
@keyframes slideFromLeft { 
  0% { transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideToLeft { 
  100% { transform: translate3d(calc(var(--initial-transform,100%) * -1),0,0); }
}
@keyframes slideFromRight { 
  0% { transform: translate3d(var(--initial-transform,100%),0,0); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideToRight { 
  100% { transform: translate3d(var(--initial-transform,100%),0,0); }
}
.css-1l6q6dm { position: fixed; top: 0px; right: 0px; min-height: 100vh; height: 100%; z-index: 99999; transform: translateX(100%); padding: 24px 16px 16px; opacity: 0.75; max-width: 400px; width: 100%; transition: 300ms ease-in-out; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; }
.css-1l6q6dm .content { width: 100%; height: 100%; margin-top: 24px; }
.css-1l6q6dm .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-1l6q6dm .empty_state .svg-icon { width: 40px; height: 40px; }
.css-1l6q6dm .top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1l6q6dm .top .top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-1l6q6dm .top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-1l6q6dm .top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
@media (max-width: 768px) {
  .css-1l6q6dm { max-width: unset; width: 100vw; background-color: var(--color-modal-background) !important; }
}
.css-cp5tzc { width: 100%; margin-top: 24px; position: relative; height: calc(100% - 40px); padding-inline: 8px; padding-bottom: 200px; }
.css-cp5tzc .section_titles .title { font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-primary-text); }
.css-cp5tzc .section_titles .subtitle { font-size: 12px; line-height: 16px; margin-top: 6px; font-weight: 500; color: var(--color-text-secondary); }
.css-cp5tzc .section_label { font-size: 12px; line-height: 14px; font-weight: 600; color: var(--color-text); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-cp5tzc .toggle { display: grid; gap: 8px; }
.css-cp5tzc .section_label button { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--color-primary); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
.css-cp5tzc .section_content { display: grid; gap: 16px; }
.css-cp5tzc .section_footer { margin-top: 16px; }
.css-cp5tzc .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-cp5tzc .empty_state .svg-icon { width: 40px; height: 40px; }
.css-cp5tzc .notification_item { border-radius: 8px; padding: 12px; cursor: pointer; transition: 150ms ease-in-out; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-cp5tzc .notification_item .delete_btn { place-content: center; width: 24px; height: 24px; cursor: pointer; transition: 150ms ease-in-out; border-radius: 4px; display: none; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text-50); }
.css-cp5tzc .notification_item .delete_btn:hover { background: var(--color-card-background-50); color: var(--color-primary-text); }
.css-cp5tzc .notification_item:nth-of-type(2n+1) { background: var(--color-control) !important; }
.css-cp5tzc .notification_item:hover { background: var(--color-control-hover); }
.css-cp5tzc .notification_item:hover .delete_btn { display: grid; }
.css-cp5tzc .notification_item .left { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-cp5tzc .notification_item .left .left_info { display: grid; gap: 8px; }
.css-cp5tzc .notification_item .left .left_info_title { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; }
.css-cp5tzc .notification_item .left .left_info_title .title { font-size: 12px; font-weight: 600; color: var(--color-text); }
.css-cp5tzc .notification_item .left .left_info_title .label { display: inline-flex; -webkit-box-align: center; align-items: center; border-radius: 10px; font-size: 12px; line-height: 16px; color: var(--color-text-secondary); font-weight: 500; }
.css-cp5tzc .notification_item .left .left_info_value { font-size: 12px; line-height: 16px; font-weight: 400; color: var(--color-text-secondary); }
.css-cp5tzc .notification_item .left img { width: 32px; height: 32px; }
.css-cp5tzc .notification_item .right { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-cp5tzc .notification_item .right .right_info { display: flex; font-size: 12px; line-height: 14px; gap: 4px; text-align: right; align-self: flex-end; }
.css-cp5tzc .notification_item .right .right_info p.title { font-weight: 500; color: var(--color-text-secondary); }
.css-cp5tzc .notification_item .right .right_info p.value { font-weight: 600; color: var(--color-primary-text); }
.css-cp5tzc .history_top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-cp5tzc .history_top .history_top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-cp5tzc .history_top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-cp5tzc .history_top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-cp5tzc.open { transform: translateX(0px); opacity: 1; }
@media (max-width: 768px) {
  .css-cp5tzc { max-width: unset; width: 100vw; }
}
.css-1ss1piy { height: 40px; margin-bottom: 5px; padding: 0px 10px 0px 15px; background: var(--color-control); border-radius: 8px; width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-1ss1piy.lighter { background: var(--color-control-active); }
.css-1ss1piy.hoverable { cursor: pointer; transition: 150ms ease-in; }
.css-1ss1piy.hoverable:hover { background-color: var(--color-control-hover); }
.css-1ss1piy label { font-size: 12px; line-height: 14px; font-weight: 500; color: var(--color-text-secondary) !important; }
.css-1ss1piy .switch_wrapper { outline: none; position: relative; min-height: 26px; min-width: 44px; background-color: var(--color-outline); border: 1px solid var(--color-card-background-3); transition: background-color 0.3s, border-color 0.3s; border-radius: 5px; cursor: pointer; }
.css-1ss1piy .switch_wrapper .switch { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--color-control-inactive); min-width: 20px; min-height: 20px; border-radius: 4px; transition: transform 0.3s ease-out, background-color 0.3s; left: 3px; }
.css-1ss1piy .switch_wrapper .switch.active { transform: translate(18px, -50%); filter: brightness(1); background-color: var(--color-primary); }
.css-7gsn6u .form { display: grid; gap: 16px; }
.css-7gsn6u .form_group_label { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-7gsn6u .form_footer { margin-top: 32px; }
.css-7gsn6u .section_titles .title { font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text); }
.css-7gsn6u .section_titles .subtitle { font-size: 12px; line-height: 16px; margin-top: 6px; font-weight: 500; color: var(--color-text-secondary); }
.css-7gsn6u .section_label { font-size: 12px; line-height: 14px; font-weight: 600; color: var(--color-text); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-7gsn6u .section_label button { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--color-primary); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
.css-7gsn6u .section_content { margin-top: 16px; display: grid; gap: 16px; }
.css-7gsn6u .section_footer { margin-top: 16px; }
.css-7gsn6u .section:not(:first-of-type) { margin-top: 24px; }
.css-1npsr5q { margin-top: 16px; display: grid; gap: 24px; }
.css-1npsr5q .form_group { display: grid; gap: 0px; }
.css-1npsr5q .text_btn { font-size: 12px; line-height: 16px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; color: var(--color-primary); font-weight: 600; margin-left: 8px; transition: color 0.2s ease-in-out; }
.css-1npsr5q .text_btn:hover { color: var(--color-primary-hover); }
.css-1npsr5q .text_btn.error { animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running shake; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; perspective: 1000px; color: rgb(255, 51, 68) !important; }
.css-12uoz6g { display: grid; margin: 0px !important; padding: 0px !important; }
.css-12uoz6g .input_wrapper { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 4px; transition: border 150ms ease-in-out; min-width: 135px; margin-top: 6px; border-radius: 8px; background: var(--color-input); border: 1px solid var(--color-input-border); padding: 10px 8px !important; }
.css-12uoz6g.error .input_wrapper { animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running shake; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; perspective: 1000px; border: 1px solid rgb(255, 51, 68) !important; }
.css-12uoz6g .input_wrapper:hover, .css-12uoz6g .input_wrapper:focus-within { background: var(--color-input-hover); border: 1px solid var(--color-box-border); }
.css-12uoz6g label { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--color-text-secondary); }
.css-12uoz6g input, .css-12uoz6g textarea { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text); line-height: 18px; font-weight: 600; width: 100%; appearance: none; margin: 0px !important; padding: 0px !important; }
.css-12uoz6g input:-webkit-autofill, .css-12uoz6g textarea:-webkit-autofill, .css-12uoz6g input:-webkit-autofill:hover, .css-12uoz6g textarea:-webkit-autofill:hover, .css-12uoz6g input:-webkit-autofill:focus, .css-12uoz6g textarea:-webkit-autofill:focus, .css-12uoz6g input:-webkit-autofill:active, .css-12uoz6g textarea:-webkit-autofill:active { background-clip: text; -webkit-text-fill-color: var(--color-text); transition: background-color 5000s ease-in-out; box-shadow: transparent 0px 0px 20px 20px inset; }
.css-12uoz6g input::-webkit-input-placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-12uoz6g textarea::-webkit-input-placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-12uoz6g input::placeholder, .css-12uoz6g textarea::placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-12uoz6g .error { color: rgb(255, 51, 68); font-size: 12px; transition: 80ms ease-in-out; margin-top: 6px; }
.css-12uoz6g .first-name-placement, .css-12uoz6g .last-name-placement, .css-12uoz6g .email-placement, .css-12uoz6g .password-placement, .css-12uoz6g .confirm-placement, .css-12uoz6g .phone-placement, .css-12uoz6g .referral-placement { display: none; font-size: 14px; opacity: 0; transition: 80ms ease-in-out; }
.css-15c4qjs { display: flex; -webkit-box-align: center; align-items: center; border-radius: 8px; background-color: var(--color-control); box-sizing: border-box; position: relative; width: 100%; overflow: hidden; height: 42px; margin-top: 8px; }
.css-15c4qjs .address_container { width: 100%; height: 100%; }
.css-15c4qjs .address_container_shine { position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: linear-gradient(
      90deg,
      transparent,
      var(--color-gold-shine-gradient),
      transparent
    ); animation: 2s ease-in-out 0.5s infinite normal none running shine; border-radius: 24px !important; }
.css-cs0m7t { display: flex; -webkit-box-align: center; align-items: center; border-radius: 8px; background-color: var(--color-control); box-sizing: border-box; position: relative; width: 100%; overflow: hidden; height: 42px; margin-top: 8px; }
.css-cs0m7t .icon_container { width: 100%; height: 100%; }
.css-cs0m7t .icon_container_shine { position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: linear-gradient(
      90deg,
      transparent,
      var(--color-control-hover),
      transparent
    ); animation: 2s ease-in-out 0.5s infinite normal none running shine; border-radius: 24px !important; }
@-webkit-keyframes shine { 
  0% { left: -100%; }
  100% { left: 100%; }
}
@keyframes shine { 
  0% { left: -100%; }
  100% { left: 100%; }
}
.css-qaloob { background: var(--color-primary); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-white); font-size: 14px; line-height: 18px; font-weight: 500; padding: 10px; border-radius: 8px; cursor: pointer; width: 100%; height: 42px; display: flex; -webkit-box-align: center; align-items: center; gap: 6px; -webkit-box-pack: center; justify-content: center; transition: 150ms ease-in; position: relative; overflow: hidden; margin: 0px !important; }
.css-qaloob p { color: var(--color-text); font-size: 14px; line-height: 18px; font-weight: 500; }
.css-qaloob::before { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); opacity: 0.15; }
.css-qaloob:hover { background-color: var(--color-primary-hover) !important; }
.css-qaloob.disabled { background-color: grey; pointer-events: none; user-select: none; cursor: not-allowed; }
.css-6ymeda { position: fixed; inset: -24px 0px 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 100; display: none; height: calc(44px + 100vh) !important; }
.css-6ymeda.open { display: block; }
.css-27a4g2 { position: fixed; top: 0px; right: 0px; height: 100vh; z-index: 999; transform: translateX(100%); padding: 24px 16px 16px; opacity: 0.75; max-width: 400px; width: 100%; overflow-y: auto; transition: 300ms ease-in-out; background: var(--color-modal-background) !important; }
.css-27a4g2 .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-27a4g2 .empty_state .svg-icon { width: 40px; height: 40px; }
.css-27a4g2 .top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-27a4g2 .top .top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-27a4g2 .top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-27a4g2 .top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
@media (max-width: 768px) {
  .css-27a4g2 { max-width: unset; width: 100vw; background-color: var(--color-modal-background) !important; }
}
.css-qbil0y { width: 100%; margin-top: 24px; position: relative; height: calc(100% - 40px); overflow-x: hidden; padding-bottom: 200px; }
.css-qbil0y .content_wrapper { padding: 12px; }
.css-qbil0y .user_wrapper { display: flex; gap: 10px; -webkit-box-align: center; align-items: center; }
.css-qbil0y .user_avatar { width: 2.5rem; height: 2.5rem; object-fit: cover; background: var(--color-control); border-radius: 6px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-width: 40px; min-height: 40px; color: var(--color-primary); font-weight: 500; font-size: 14px; }
.css-qbil0y .user_info { display: flex; flex-flow: column; -webkit-box-pack: center; justify-content: center; }
.css-qbil0y .user_name { font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text); }
.css-qbil0y .user_email { font-size: 12px; line-height: 16px; margin-top: 2px; font-weight: 500; color: var(--color-text-secondary); }
.css-1k8gf9j { margin-top: 14px; }
.css-1k8gf9j .title { font-size: 13px; line-height: 16px; font-weight: 500; color: var(--color-text); }
.css-1k8gf9j .settings_option_item { position: relative; display: flex; flex-direction: column; height: 50px; padding: 7px 10px 7px 0px; background: var(--color-control); border: 1px solid var(--color-card-background-3); border-radius: 5px; cursor: pointer; transition: background-color 0.3s; margin-bottom: 6px; }
.css-1k8gf9j .settings_option_item_icon { position: absolute; top: 1.0625rem; left: 0.625rem; font-size: 1rem; }
.css-1k8gf9j .settings_option_item:hover { background: var(--color-control-hover); }
.css-1k8gf9j .settings_option_item_content { padding-left: 2.25rem; display: flex; flex-direction: column; }
.css-1k8gf9j .settings_option_item_content .title { font-size: 0.875rem; line-height: 1.125rem; font-weight: 500; }
.css-1k8gf9j .option_title { margin-top: 18px; margin-bottom: 10px; }
.css-1k8gf9j .settings_option_item_content .description { margin-top: 0.125rem; font-size: 0.75rem; line-height: 1rem; color: var(--color-text-secondary); }
.css-1k8gf9j .logout { margin-top: auto; width: 100%; height: 3.125rem; background: var(--color-control-hover); display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 0.625rem; border-radius: 0.3125rem; cursor: pointer; padding: 0.75rem 0.625rem !important; }
.css-1k8gf9j .logout .settings_option_item_content { padding: 0px !important; margin: 0px !important; }
.css-1k8gf9j .logout .settings_option_item_icon { position: unset; top: unset; left: unset; }
.css-1v0kqd { position: fixed; top: 0px; right: 0px; height: 100vh; z-index: 999; transform: translateX(100%); padding: 24px 16px 16px; opacity: 0.75; max-width: 400px; width: 100%; overflow-y: auto; transition: 300ms ease-in-out; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; }
.css-1v0kqd .content { width: 100%; height: 100%; margin-top: 24px; }
.css-1v0kqd .content_wrapper { overflow: scroll; height: 100%; width: 100%; display: flex; flex-direction: column; padding-bottom: 88px; gap: 6px; box-sizing: border-box; }
.css-1v0kqd .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-1v0kqd .empty_state .svg-icon { width: 40px; height: 40px; }
.css-1v0kqd .top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1v0kqd .top .top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-1v0kqd .top .top_left_section { width: 100%; min-width: 100px; display: grid; grid-template-columns: 16px auto; -webkit-box-align: center; align-items: center; gap: 6px; appearance: button; cursor: pointer; white-space: nowrap !important; }
.css-1v0kqd .top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-1v0kqd .top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
@media (max-width: 768px) {
  .css-1v0kqd { max-width: unset; width: 100vw; background-color: var(--color-modal-background) !important; }
}
.css-12lq4lw { width: 100%; margin-top: 24px; position: relative; height: calc(100% - 40px); overflow-x: hidden; padding-bottom: 200px; }
.css-12lq4lw .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-12lq4lw .empty_state .svg-icon { width: 40px; height: 40px; }
.css-12lq4lw .notification_item { border-radius: 8px; padding: 12px; cursor: pointer; transition: 150ms ease-in-out; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-12lq4lw .notification_item .delete_btn { place-content: center; width: 24px; height: 24px; cursor: pointer; transition: 150ms ease-in-out; border-radius: 4px; display: none; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text-secondary); }
.css-12lq4lw .notification_item .delete_btn:hover { background: var(--color-card-background-50); color: var(--color-text); }
.css-12lq4lw .notification_item:nth-of-type(2n+1) { background: var(--color-control) !important; }
.css-12lq4lw .notification_item:hover { background: var(--color-control-active); }
.css-12lq4lw .notification_item:hover .delete_btn { display: grid; }
.css-12lq4lw .notification_item .left { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-12lq4lw .notification_item .left .left_info { display: grid; gap: 8px; }
.css-12lq4lw .notification_item .left .left_info_title { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; }
.css-12lq4lw .notification_item .left .left_info_title .title { font-size: 12px; font-weight: 600; color: var(--color-text); }
.css-12lq4lw .notification_item .left .left_info_title .label { display: inline-flex; -webkit-box-align: center; align-items: center; border-radius: 10px; font-size: 12px; line-height: 16px; color: var(--color-text-secondary); font-weight: 500; }
.css-12lq4lw .notification_item .left .left_info_value { font-size: 12px; line-height: 16px; font-weight: 400; color: var(--color-text-secondary); }
.css-12lq4lw .notification_item .left img { width: 32px; height: 32px; }
.css-12lq4lw .notification_item .right { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-12lq4lw .notification_item .right .right_info { display: flex; font-size: 12px; line-height: 14px; gap: 4px; text-align: right; align-self: flex-end; }
.css-12lq4lw .notification_item .right .right_info p.title { font-weight: 500; color: var(--color-text-secondary); }
.css-12lq4lw .notification_item .right .right_info p.value { font-weight: 600; color: var(--color-text); }
.css-12lq4lw .history_top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-12lq4lw .history_top .history_top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-12lq4lw .history_top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-12lq4lw .history_top button:hover { background: var(--color-control-hover); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-12lq4lw.open { transform: translateX(0px); opacity: 1; }
@media (max-width: 768px) {
  .css-12lq4lw { max-width: unset; width: 100vw; }
}
.css-qe6ok8 { display: block; background-color: rgba(0, 0, 0, 0.11); height: 1.2em; border-radius: 4px; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; }
@-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-rmgbah { width: 100%; height: 100%; margin-top: 24px; }
.css-rmgbah .content_wrapper { overflow: hidden scroll; height: 100%; width: 100%; display: flex; flex-direction: column; padding-bottom: 88px; gap: 6px; box-sizing: border-box; }
.css-q9ejyb { display: grid; gap: 16px; }
.css-q9ejyb .form_footer { margin-top: 24px; }
.css-q9ejyb .section_titles .title { font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-primary-text); }
.css-q9ejyb .section_titles .subtitle { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--color-text-secondary); }
.css-q9ejyb .section_label { font-size: 12px; line-height: 14px; font-weight: 600; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-q9ejyb .toggle { display: grid; gap: 8px; }
.css-q9ejyb .section_content { margin-top: 28px; display: grid; gap: 16px; }
.css-q9ejyb .section_footer { margin-top: 16px; }
.css-q9ejyb .section:not(:first-of-type) { margin-top: 24px; }
.css-xogmfr { display: grid; gap: 6px; margin: 0px !important; padding: 0px !important; }
.css-xogmfr .input_wrapper { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; margin-top: 6px; box-sizing: border-box; width: 100%; height: 40px; }
.css-xogmfr label { font-size: 13px; line-height: 16px; font-weight: 600; color: var(--color-text-secondary); }
.css-xogmfr input, .css-xogmfr textarea { outline: none; font-size: 14px; line-height: 18px; font-weight: 600; height: 100%; width: 100%; appearance: none; border-radius: 8px; transition: border 150ms ease-in-out; background: var(--color-input); border: 1px solid var(--color-input-border); color: var(--color-text); margin: 0px !important; padding: 10px 8px !important; }
.css-xogmfr input:-webkit-autofill, .css-xogmfr textarea:-webkit-autofill, .css-xogmfr input:-webkit-autofill:hover, .css-xogmfr textarea:-webkit-autofill:hover, .css-xogmfr input:-webkit-autofill:focus, .css-xogmfr textarea:-webkit-autofill:focus, .css-xogmfr input:-webkit-autofill:active, .css-xogmfr textarea:-webkit-autofill:active { -webkit-text-fill-color: var(--color-text); transition: 150ms ease-in-out; background: var(--color-input-hover); border: 1px solid var(--color-box-border); }
.css-xogmfr input::-webkit-input-placeholder { color: var(--color-text-50); font-weight: 500; }
.css-xogmfr textarea::-webkit-input-placeholder { color: var(--color-text-50); font-weight: 500; }
.css-xogmfr input::placeholder, .css-xogmfr textarea::placeholder { color: var(--color-text-50); font-weight: 500; }
.css-xogmfr input:hover, .css-xogmfr input:focus-within, .css-xogmfr textarea:hover, .css-xogmfr textarea:focus-within { background: var(--color-input-hover); border: 1px solid var(--color-box-border); }
.css-xogmfr button { outline: none; color: var(--color-text); font-size: 14px; line-height: 18px; font-weight: 600; height: 100%; box-sizing: border-box; border-radius: 8px; border: 1px solid transparent; transition: 150ms ease-in-out; background: var(--color-control); cursor: pointer; white-space: nowrap; margin: 0px !important; padding: 10px 8px !important; }
.css-xogmfr button:hover { background: var(--color-input-hover); border: 1px solid var(--color-box-border); }
.css-wtt24c { font-size: 12px; line-height: 16px; font-weight: 600; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; border-radius: 6px; cursor: pointer; transition: 150ms ease-in; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; max-height: max-content; color: var(--color-white) !important; stroke: var(--color-white) !important; padding: 8px 12px !important; background: var(--color-primary) !important; height: fit-content !important; }
.css-wtt24c.disabled { pointer-events: none; user-select: none; cursor: not-allowed; background-color: grey !important; }
.css-wtt24c:hover { background-color: var(--color-primary-hover) !important; }
.css-wtt24c p { font-weight: 600; font-size: 14px !important; line-height: 18px !important; color: var(--color-white) !important; }
.css-1kmfre9 { display: grid; gap: 16px; margin-top: 32px; }
.css-1kmfre9 label { font-size: 12px; line-height: 16px; font-weight: 600; color: var(--color-text-secondary); }
.css-1kmfre9 .stats_wrapper { display: flex; gap: 16px; margin-top: 12px; }
.css-1kmfre9 .stat { display: flex; flex-direction: column; gap: 6px; }
.css-1kmfre9 .stat p:first-of-type { font-size: 12px; line-height: 14px; font-weight: 500; color: var(--color-text-secondary); }
.css-1kmfre9 .stat p:last-child, .css-1kmfre9 .stat .balance { font-weight: 600; font-size: 18px; color: var(--color-text); }
.css-dtn5d4 { margin-top: 12px; }
.css-dtn5d4 .head, .css-dtn5d4 .body_row { display: grid; grid-template-columns: 3fr 1.3fr 1.3fr; -webkit-box-align: center; align-items: center; gap: 20px; }
.css-dtn5d4 .head { font-size: 10px; line-height: 14px; color: var(--color-text-secondary); font-weight: 500; padding: 0px 12px; }
.css-dtn5d4 .body { display: grid; gap: 2px; font-size: 12px; line-height: 14px; font-weight: 500; color: var(--color-text); margin-top: 12px; }
.css-dtn5d4 .body_row { display: grid; grid-template-columns: 3fr 1.3fr 1.3fr; -webkit-box-align: center; align-items: center; padding: 8px 12px; background: var(--color-card-background-2); cursor: pointer; margin-right: 10px; width: 100%; margin-bottom: 3px; min-height: 25px; border-radius: 4px; transition: background-color 0.3s; }
.css-dtn5d4 .body_row:first-of-type { background: var(--color-referral-gradient-one); }
.css-dtn5d4 .body_row:nth-of-type(2) { background: var(--color-referral-gradient-two); }
.css-dtn5d4 .body_row:nth-of-type(3) { background: var(--color-referral-gradient-three); }
.css-dtn5d4 .referral { display: flex; -webkit-box-align: center; align-items: center; width: 100%; gap: 8px; }
.css-dtn5d4 .referral p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--color-text); max-width: 120px; }
.css-dtn5d4 .referral img { width: 28px; height: 28px; border-radius: 4px; object-fit: cover; box-sizing: border-box; }
.css-dtn5d4 .date { width: 100%; }
.css-dtn5d4 .earned { width: 100%; }
.css-shrzvl { display: flex; flex-direction: column; gap: 16px; }
.css-shrzvl .footer { margin-top: 32px; }
.css-1kjbetl { width: 100%; height: 100%; min-height: 170px; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 1px solid var(--color-card-background-3); background: var(--color-card-background-2) !important; }
.css-1kjbetl .empty_card_content { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; }
.css-1kjbetl .empty_card_content p { font-size: 14px; color: var(--color-text-secondary); line-height: 18px; font-weight: 500; }
.css-gis5zl { display: grid; gap: 16px; }
.css-gis5zl .form_footer { margin-top: 24px; }
.css-gis5zl .section_titles .title { font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-primary-text); }
.css-gis5zl .section_titles .subtitle { font-size: 12px; line-height: 16px; margin-top: 6px; font-weight: 500; color: var(--color-text-secondary); }
.css-gis5zl .section_label { font-size: 12px; line-height: 14px; font-weight: 600; color: var(--color-primary-text); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-gis5zl .toggle { display: grid; gap: 8px; }
.css-gis5zl .section_label button { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--color-primary); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
.css-gis5zl .section_content { margin-top: 16px; display: grid; gap: 16px; }
.css-gis5zl .section_footer { margin-top: 16px; }
.css-gis5zl .section:not(:first-of-type) { margin-top: 24px; }
.css-itopvr { height: 40px; margin-bottom: 5px; padding: 0px 10px 0px 15px; background: var(--color-control); border-radius: 8px; width: 100%; display: flex; -webkit-box-align: center; align-items: center; gap: 6px; }
.css-itopvr input { line-height: 14px; font-weight: 500; color: var(--color-text); background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; width: 100%; height: 100%; }
.css-itopvr input::-webkit-input-placeholder { line-height: 14px; font-weight: 500; color: var(--color-text-secondary); }
.css-itopvr input::placeholder { line-height: 14px; font-weight: 500; color: var(--color-text-secondary); }
.css-itopvr .switch_wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; position: relative; min-height: 26px; min-width: 44px; background-color: var(--color-control); transition: background-color 0.3s, border-color 0.3s; border-radius: 5px; cursor: pointer; }
.css-itopvr .switch_wrapper .switch { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--color-control); min-width: 20px; min-height: 20px; border-radius: 4px; transition: transform 0.3s ease-out, background-color 0.3s; left: 3px; }
.css-itopvr .switch_wrapper .switch.active { transform: translate(18px, -50%); background-color: var(--color-text); }
.css-1796siw { border: 1px solid var(--color-primary); background: linear-gradient(
    0deg,
    var(--color-primary) 0%,
    var(--color-modal-background) 100%
  ); outline: none; font-size: 14px; line-height: 18px; font-weight: 600; padding: 10px; border-radius: 8px; cursor: pointer; width: 100%; height: 42px; display: flex; -webkit-box-align: center; align-items: center; gap: 6px; -webkit-box-pack: center; justify-content: center; transition: 150ms ease-in; color: var(--color-text) !important; margin: 0px !important; }
.css-1796siw:hover { border: 1px solid var(--color-primary-hover); animation: 1s ease 0s infinite normal none running glow; }
.css-111dnzf { background-color: var(--color-main-background); height: 100vh; width: 100vw; position: relative; }
.css-111dnzf::before { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); opacity: 0.03; }
.css-1vru7qh { padding: 0px 32px 144px; background: transparent; height: 100%; overflow: scroll; }
@media screen and (max-width: 768px) {
  .css-1vru7qh { padding-bottom: 180px; }
}
.css-u0ckau { display: flex; width: 100%; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 32px 0px; box-sizing: border-box; }
.css-u0ckau .link { text-decoration: none; color: var(--color-text); font-size: 14px; line-height: 18px; font-weight: 400; }
.css-1f6ec43 { position: relative; display: inline-block; width: 44px; height: 44px; }
.css-1f6ec43 img { width: 100%; height: 100%; object-fit: contain; display: block; }
.css-1f6ec43::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.55) 0%, transparent 100%); mask-image: url("./logo.svg"); mask-size: contain; mask-repeat: no-repeat; mask-position: center center; pointer-events: none; }
.css-1slhs4j { min-width: 32px; width: max-content; padding: 10px; height: 42px; display: flex; -webkit-box-align: center; align-items: center; gap: 12px; border-radius: 8px; background-color: var(--color-input); -webkit-box-pack: center; justify-content: center; box-sizing: border-box; position: relative; cursor: pointer; border: 1px dashed var(--color-box-border); float: right; color: var(--color-text-secondary); transition: 150ms ease-in-out; overflow: hidden; }
.css-1slhs4j::before { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); opacity: 0.09; }
.css-1slhs4j:hover { color: var(--color-text); background-color: var(--color-control-hover); }
.css-1slhs4j img { width: 18px; }
.css-cssveg { position: relative; }
.css-1mwwv0 { display: none; position: absolute; min-width: 80%; width: 100%; max-height: 300px; overflow-y: auto; margin-top: 4px; border-radius: 8px; box-shadow: 0 4px 6px var(--color-card-background-3); animation: 200ms ease-out 0s 1 normal none running fadeSlideIn; z-index: 1000; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; }
.css-1mwwv0.language-select { right: 0px; min-width: 180px; }
@-webkit-keyframes fadeSlideIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeSlideIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.css-1mwwv0.full { max-width: 100%; width: 100%; }
.css-1352wv9 { box-sizing: border-box; margin: 0px !important; }
.css-1352wv9 .search_box { position: sticky; top: 0px; left: 0px; z-index: 100; padding: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; background: var(--color-modal-background) !important; margin: 0px !important; }
.css-1352wv9 .search_box div { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; outline: none !important; margin: 0px !important; }
.css-1352wv9 .scrollable { display: flex; flex-direction: column; gap: 0px; width: 100%; box-sizing: border-box; max-height: calc(-100px + 88vh); overflow: scroll; padding: 6px; margin: 0px !important; }
.css-1352wv9 .scrollable div { cursor: pointer; transition: 100ms ease-out; padding: 10px 12px; border-radius: 8px; display: grid; margin: 0px !important; }
.css-1352wv9 .scrollable div .language_flag { width: 16px; height: 16px; border-radius: 100%; min-width: 16px; min-height: 16px; flex-shrink: 0; }
.css-1352wv9 .scrollable div .language_item { font-size: 14px; gap: 6px; max-width: max-content; cursor: pointer; -webkit-box-pack: justify; justify-content: space-between; display: flex; -webkit-box-align: center; align-items: center; background: transparent; }
.css-1352wv9 .scrollable div:hover { background-color: var(--color-control-hover); }
.css-1352wv9 .scrollable div.selected { background-color: var(--color-control-active); }
.css-1352wv9 .scrollable div p { font-size: 14px; white-space: nowrap; color: var(--color-text); line-height: 18px; font-weight: 500; }
@media (max-width: 768px) {
  .css-1352wv9 .scrollable { padding-bottom: 200px; }
}
.css-1cvhn8a { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; width: 100%; padding: 10px 12px; background: var(--color-control); backdrop-filter: blur(120px); border-radius: 8px; box-sizing: border-box; }
.css-1cvhn8a img { width: 16px; height: 16px; }
.css-1cvhn8a input { line-height: 18px; color: var(--color-text); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; background: transparent; font-weight: 500; width: 100%; }
.css-1cvhn8a input::-webkit-input-placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-1cvhn8a input::placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-io9760 { background: var(--color-primary); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; padding: 10px; border-radius: 8px; cursor: pointer; width: 100%; height: 42px; display: flex; -webkit-box-align: center; align-items: center; gap: 6px; -webkit-box-pack: center; justify-content: center; transition: 150ms ease-in; position: relative; overflow: hidden; margin: 0px !important; }
.css-io9760 p { color: var(--color-text); font-size: 14px; line-height: 18px; font-weight: 500; }
.css-io9760::before { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); opacity: 0.22; }
.css-io9760.disabled { background-color: grey; pointer-events: none; user-select: none; cursor: not-allowed; }
.css-1ne255a { width: 100%; height: 100%; min-height: 100%; animation: 250ms ease-out 0s 1 normal none running slideInFade; }
@-webkit-keyframes slideInFade { 
  0% { transform: translateX(10%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes slideInFade { 
  0% { transform: translateX(10%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
.css-rkjn30 { max-width: 470px; width: 100%; color: var(--color-text); margin: 48px auto 0px; }
.css-rkjn30 .auth_form_title { font-size: 20px; line-height: 28px; font-weight: 500; color: var(--color-primary-text); }
.css-rkjn30 .auth_form_subtext { font-size: 16px; line-height: 24px; font-weight: 400; color: var(--color-text-80); margin-top: 8px; }
.css-rkjn30 .auth_form_text { font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 12px; color: var(--color-text-80); }
.css-rkjn30 .auth_form_fields { margin-top: 32px; display: grid; gap: 18px; }
.css-rkjn30 .form_action_text { font-size: 14px; font-weight: 400; color: var(--color-text-80); transition: 80ms ease-in-out; display: block; margin-top: 20px; text-decoration: none; }
.css-rkjn30 a.action { color: var(--color-primary); text-decoration: underline; font-weight: 500; }
.css-rkjn30 .form_action_text .action { color: var(--color-primary); text-decoration: underline; font-weight: 500; }
.css-rkjn30 .form_disclaimer { font-size: 13px; line-height: 24px; font-weight: 400; color: var(--color-text-65); transition: 80ms ease-in-out; display: block; margin: 64px auto 0px; width: 100%; text-align: center; }
.css-rkjn30 .auth_form_footer { margin-top: 48px; }
.css-rkjn30 .multi_field { display: flex; gap: 12px; -webkit-box-align: center; align-items: center; width: 100%; }
.css-rkjn30 .text-btn { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--color-primary); font-size: 14px; font-weight: 500; cursor: pointer; place-self: flex-start; padding: 0px !important; }
.css-rkjn30 .error { color: rgb(255, 51, 68); font-size: 14px; transition: 80ms ease-in-out; margin-top: 6px; }
.css-rkjn30 .first-name-placement, .css-rkjn30 .last-name-placement, .css-rkjn30 .email-placement, .css-rkjn30 .password-placement, .css-rkjn30 .confirm-placement, .css-rkjn30 .phone-placement, .css-rkjn30 .referral-placement { display: none; font-size: 14px; opacity: 0; transition: 80ms ease-in-out; }
.css-ra9e71 { display: grid; gap: 6px; margin-top: 0px !important; }
.css-ra9e71 label { font-size: 13px; line-height: 16px; font-weight: 600; color: var(--color-text-tertiary); }
.css-ra9e71 .input_wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 4px; transition: border 150ms ease-in-out; min-width: 135px; height: 42px; margin-top: 6px; border-radius: 8px; background: var(--color-input); border: 1px solid var(--color-input-border); position: relative; padding: 10px 8px !important; }
.css-ra9e71 .input_wrapper .show_btn { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text-secondary); font-size: 14px; line-height: 16px; font-weight: 600; cursor: pointer; position: absolute; right: 0px; }
.css-ra9e71 .input_wrapper:hover, .css-ra9e71 .input_wrapper:focus-within { border: 1px solid var(--color-card-background-50); }
.css-ra9e71 input, .css-ra9e71 textarea { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text); line-height: 18px; font-weight: 600; width: 100%; margin: 0px !important; padding: 0px !important; }
.css-ra9e71 input:-webkit-autofill, .css-ra9e71 textarea:-webkit-autofill, .css-ra9e71 input:-webkit-autofill:hover, .css-ra9e71 textarea:-webkit-autofill:hover, .css-ra9e71 input:-webkit-autofill:focus, .css-ra9e71 textarea:-webkit-autofill:focus, .css-ra9e71 input:-webkit-autofill:active, .css-ra9e71 textarea:-webkit-autofill:active { background-clip: text; -webkit-text-fill-color: var(--color-text); transition: background-color 5000s ease-in-out; box-shadow: transparent 0px 0px 20px 20px inset; }
.css-ra9e71 input::-webkit-input-placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-ra9e71 textarea::-webkit-input-placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-ra9e71 input::placeholder, .css-ra9e71 textarea::placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-ra9e71 .error { color: rgb(255, 51, 68); font-size: 12px; transition: 80ms ease-in-out; margin-top: 6px; }
.css-ra9e71 .first-name-placement, .css-ra9e71 .last-name-placement, .css-ra9e71 .email-placement, .css-ra9e71 .password-placement, .css-ra9e71 .confirm-placement, .css-ra9e71 .phone-placement, .css-ra9e71 .referral-placement { display: none; font-size: 14px; opacity: 0; transition: 80ms ease-in-out; }
.css-pcmcgy { width: 100%; margin-top: 24px; position: relative; height: calc(100% - 40px); overflow-x: hidden; padding-bottom: 200px; }
.css-pcmcgy .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: rgba(255, 255, 255, 0.65); }
.css-pcmcgy .empty_state .svg-icon { width: 40px; height: 40px; }
.css-pcmcgy .notification_item { border-radius: 8px; padding: 12px; cursor: pointer; transition: 150ms ease-in-out; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-pcmcgy .notification_item .delete_btn { place-content: center; width: 24px; height: 24px; cursor: pointer; transition: 150ms ease-in-out; border-radius: 4px; display: none; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text-50); }
.css-pcmcgy .notification_item .delete_btn:hover { background: var(--color-card-background-50); color: var(--color-primary-text); }
.css-pcmcgy .notification_item:nth-of-type(2n+1) { background: rgba(255, 255, 255, 0.01) !important; }
.css-pcmcgy .notification_item:hover { background: rgba(255, 255, 255, 0.055); }
.css-pcmcgy .notification_item:hover .delete_btn { display: grid; }
.css-pcmcgy .notification_item .left { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-pcmcgy .notification_item .left .left_info { display: grid; gap: 8px; }
.css-pcmcgy .notification_item .left .left_info_title { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; }
.css-pcmcgy .notification_item .left .left_info_title .title { font-size: 12px; font-weight: 600; color: var(--color-primary-text); }
.css-pcmcgy .notification_item .left .left_info_title .label { display: inline-flex; -webkit-box-align: center; align-items: center; border-radius: 10px; font-size: 12px; line-height: 16px; color: var(--color-text-50); font-weight: 500; }
.css-pcmcgy .notification_item .left .left_info_value { font-size: 12px; line-height: 16px; font-weight: 400; color: var(--color-text-50); }
.css-pcmcgy .notification_item .left img { width: 32px; height: 32px; }
.css-pcmcgy .notification_item .right { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-pcmcgy .notification_item .right .right_info { display: flex; font-size: 12px; line-height: 14px; gap: 4px; text-align: right; align-self: flex-end; }
.css-pcmcgy .notification_item .right .right_info p.title { font-weight: 500; color: var(--color-text-50); }
.css-pcmcgy .notification_item .right .right_info p.value { font-weight: 600; color: var(--color-primary-text); }
.css-pcmcgy .history_top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-pcmcgy .history_top .history_top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-primary-text) fff; }
.css-pcmcgy .history_top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-pcmcgy .history_top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-pcmcgy.open { transform: translateX(0px); opacity: 1; }
@media (max-width: 768px) {
  .css-pcmcgy { max-width: unset; width: 100vw; }
}
.css-6y5c9t { display: flex; -webkit-box-align: center; align-items: center; gap: 10px; }
.css-1wc23k5 { position: relative; }
.css-1wc23k5 .user_img_wrapper { background: var(--color-control); border-radius: 5px; }
.css-1wc23k5 .user img { width: 32px; height: 32px; }
.css-zkl1a3 { width: 32px; height: 32px; min-width: 32px; min-height: 32px; object-fit: cover; background: var(--color-control); border-radius: 6px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--color-primary); font-weight: 500; font-size: 14px; cursor: pointer; }
.css-zkl1a3 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.css-vrzhjz { display: flex; flex-direction: column; gap: 4px; }
.css-vrzhjz .user_name { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; line-height: 18px; }
.css-vrzhjz .user_name span { font-size: 13px; line-height: 13px; color: var(--color-text); font-weight: 500 !important; }
.css-vrzhjz .user_role { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-vrzhjz .user_role p { font-size: 11px; line-height: 11px; font-weight: 500 !important; }
.css-vrzhjz .user_role.admin p, .css-vrzhjz .user_role.admin { color: rgb(255, 175, 51); }
.css-vrzhjz .user_role.verified p, .css-vrzhjz .user_role.verified svg { color: rgb(78, 190, 150); }
.css-vrzhjz .user_role.not_verified p, .css-vrzhjz .user_role.not_verified svg { color: rgb(255, 51, 52); }
.css-tcl89s { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 24px; gap: 12px; width: 100%; }
.css-1lsko88 { flex: 1 1 0%; background: var(--color-card-background); box-shadow: 0 0 0 0.0625rem var(--color-card-background-3); margin: 0px; padding: 10px; border-radius: 5px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; transition: 150ms ease-in-out; color: var(--color-text); position: relative; white-space: nowrap; overflow: hidden; width: 100%; min-width: 150px; }
.css-1lsko88 .account_level { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; line-height: 13px; z-index: 1; }
.css-1lsko88 .account_level p { font-size: 13px; line-height: 13px; font-weight: 600; }
.css-1lsko88 .account_level_icon { width: auto; height: 12px; }
.css-1lsko88 .account_percentage { font-size: 12px; line-height: 12px; font-weight: 600; color: rgb(255, 175, 51); z-index: 1; }
.css-1hbszxu { font-family: Inter, sans-serif; font-size: 14px; line-height: 14px; display: flex; }
.css-pqmpom { animation: 0.15s ease-out 0s 1 normal forwards running fade-in; }
@-webkit-keyframes fade-in { 
  0% { opacity: 0; transform: translateY(-5px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fade-in { 
  0% { opacity: 0; transform: translateY(-5px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.css-1u7evde { flex: 1 1 0%; height: 100%; border-radius: 5px; background: var(--color-primary); padding: 10px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; transition: 150ms ease-in-out; color: var(--color-white); }
.css-1u7evde:hover { background-color: var(--color-primary-hover); }
.css-1u7evde p { font-size: 14px; line-height: 13px; font-weight: 600; text-transform: uppercase; }
.css-hvmbae { margin-top: 40px; }
.css-hvmbae label { font-size: 12px; line-height: 12px; font-weight: 600; color: var(--color-text-tertiary); }
.css-hvmbae .links_wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
.css-hvmbae .quick_link { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; background: var(--color-control); border-radius: 5px; display: flex; gap: 6px; -webkit-box-align: center; align-items: center; flex-flow: column; -webkit-box-pack: center; justify-content: center; font-size: 12px; padding: 25px 0px; max-height: 100px; transition: 150ms ease-out; }
.css-hvmbae .quick_link.logout { background: var(--color-control-inactive); }
.css-hvmbae .quick_link .quick_link_content { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 8px; color: var(--color-text); position: relative; }
.css-hvmbae .quick_link span { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; color: var(--color-text); position: relative; }
.css-hvmbae .quick_link .link_text { font-size: 12px; line-height: 12px; font-weight: 500; }
.css-hvmbae .quick_link:hover { background: var(--color-control-active); }
.css-hvmbae .quick_link .quick_link_chevron { transition: 150ms ease-in-out; }
.css-hvmbae .quick_link:hover .quick_link_chevron { transform: translateX(4px); }
.css-guj4yc { margin-top: 20px; }
.css-guj4yc .summary_header { width: 100%; padding: 4px 0px; }
.css-guj4yc label { font-size: 12px; line-height: 12px; font-weight: 600; }
.css-guj4yc .summary_wrapper { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.css-guj4yc .summary_item { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-guj4yc .summary_item .summary_title { font-size: 12px; line-height: 13px; font-weight: 400; color: var(--color-text-secondary); }
.css-guj4yc .summary_item .summary_value { font-size: 12px; line-height: 13px; font-weight: 500; color: var(--color-text); }
.css-yqtykl { display: block; height: 1.2em; border-radius: 4px; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: var(--color-card-background-2); }
@-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-krjpeg { position: absolute; top: -5px; right: -5px; font-size: 10px; background-color: rgb(255, 51, 68); color: var(--color-white); padding: 3px; font-weight: 700; border-radius: 12px; animation: 1.5s ease 0s infinite normal none running pulsate, 1s ease 0s infinite normal none running bounce; transition: display 150ms ease-in-out; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 16px; min-width: 16px; white-space: nowrap; }
.css-krjpeg.quick_link_badge { position: unset !important; animation: 1s ease 0s infinite normal none running bounce !important; }
.css-krjpeg.zero { display: none; }
@-webkit-keyframes pulsate { 
  0% { }
  50% { box-shadow: rgb(255, 51, 68) 0px 0px 20px; }
  100% { }
}
@keyframes pulsate { 
  0% { }
  50% { box-shadow: rgb(255, 51, 68) 0px 0px 20px; }
  100% { }
}
@-webkit-keyframes bounce { 
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-2px); }
  60% { transform: translateY(-1px); }
}
@keyframes bounce { 
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-2px); }
  60% { transform: translateY(-1px); }
}
.css-1o9avf0 { display: grid; height: 100vh; max-height: 100vh; overflow: hidden; place-content: center; }
.css-1olg4p4 { background-color: var(--color-main-background); color: var(--color-text); height: 100vh; width: 100vw; overflow: hidden; display: grid; grid-template-columns: 280px auto; padding: 8px; }
@media screen and (max-width: 768px) {
  .css-1olg4p4 { grid-template-columns: auto; padding: 8px 0px 0px; }
}
.css-1nxvi73 { width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; background-color: var(--color-modal-background); z-index: 998; display: none; transition: 300ms ease-in-out; transform: translateX(-100%); padding: 24px 16px 16px; opacity: 0.75; }
.css-1nxvi73 .user_avatar { width: 32px; height: 32px; min-width: 32px; min-height: 32px; object-fit: cover; background: var(--color-control); border-radius: 6px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--color-primary); font-weight: 500; font-size: 14px; cursor: pointer; }
.css-1nxvi73.open { transform: translateX(0px); opacity: 1; }
.css-1nxvi73 .mobile_menu_top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1nxvi73 .mobile_menu_top .mobile_menu_buttons { display: flex; -webkit-box-align: center; align-items: center; gap: 10px; }
.css-1nxvi73 .mobile_menu_top .mobile_menu_buttons button { outline: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: grid; place-content: center; cursor: pointer; color: var(--color-text-secondary); transition: 150ms ease-out; }
.css-1nxvi73 .mobile_menu_top .mobile_menu_buttons button:hover { color: var(--color-text); }
.css-1nxvi73 .mobile_menu_navigation { margin-top: 44px; overflow: hidden; }
.css-1nxvi73 .swipeable-content { display: flex; transition: transform 0.3s; }
.css-1nxvi73 .page { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; width: 100%; height: 100%; }
.css-1nxvi73 .mobile_menu_navigation button { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; border-radius: 5px; display: flex; gap: 6px; -webkit-box-align: center; align-items: center; flex-flow: column; -webkit-box-pack: center; justify-content: center; font-size: 12px; padding: 25px 0px; max-height: 100px; transition: 150ms ease-out; }
.css-1nxvi73 .mobile_menu_navigation button:nth-of-type(-n+9) { background-color: var(--color-control); }
.css-1nxvi73 .mobile_menu_navigation button:nth-of-type(n+10) { background: var(--color-control); }
.css-1nxvi73 .mobile_menu_navigation button:hover { background: var(--color-control-hover); }
.css-1nxvi73 .mobile_menu_navigation button:hover { color: var(--color-text); }
.css-1nxvi73 .mobile_menu_navigation button img { width: 24px; height: 24px; }
.css-1nxvi73 .mobile_menu_navigation button { color: var(--color-text-secondary); font-size: 12px; line-height: 16px; text-transform: capitalize; }
@media screen and (max-width: 768px) {
  .css-1nxvi73 { display: block; }
}
@media screen and (max-height: 560px) {
  .css-1nxvi73 .mobile_menu_navigation { margin-top: 24px; }
}
.css-16x1nfd { border: 1px solid transparent; border-radius: 6px; cursor: pointer; transition: 0.2s ease-in-out; }
.css-16x1nfd .left { display: flex; gap: 8px; }
.css-16x1nfd .left .image { width: 32px; height: 32px; border-radius: 8px; }
.css-16x1nfd .user p:nth-of-type(1) { color: var(--color-text); font-size: 14px; line-height: 18px; font-weight: 600; }
.css-16x1nfd .user p:nth-of-type(2) { color: var(--color-text-50); font-size: 12px; line-height: 14px; font-weight: 600; }
.css-16x1nfd .right { margin-left: auto; }
.css-gf189n { display: flex; -webkit-box-pack: center; justify-content: center; position: fixed; bottom: 120px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 999; }
@media screen and (max-height: 560px) {
  .css-gf189n { margin-top: 12px; position: unset; transform: unset; left: unset; }
}
.css-3p0en1 { width: 8px; height: 8px; border-radius: 50%; background-color: var(--color-text); margin: 0px 5px; transition: background-color 0.3s; cursor: pointer; }
.css-1tgwo75 { max-height: calc(-16px + 100vh); height: 100%; width: 100%; box-sizing: border-box; }
@media screen and (max-width: 768px) {
  .css-1tgwo75 { display: none; }
}
.css-1vxddz6 { padding: 32px 16px; height: 100%; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; background-color: var(--color-sidebar-background); border-radius: 12px; overflow-y: auto; }
.css-1vxddz6 .sidebar_items:hover > :not(:hover) { opacity: 0.7; }
.css-1vxddz6 .user_avatar { width: 32px; height: 32px; min-width: 32px; min-height: 32px; object-fit: cover; background: var(--color-control); border: 1px solid var(--color-control-border); border-radius: 6px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--color-primary); font-weight: 500; font-size: 14px; cursor: pointer; }
.css-19i3sfq .logo { width: 120px; }
.css-19i3sfq .sidebar_items { margin-top: 32px; display: grid; gap: 3px; }
.css-19i3sfq .sidebar_item { width: 100%; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; text-decoration: none; padding: 8px; border-radius: 6px; cursor: pointer; transition: 150ms ease-in-out; }
.css-19i3sfq .sidebar_item:hover { background-color: var(--color-control-hover); padding: 8px 16px; }
.css-19i3sfq .sidebar_item { color: var(--color-text-secondary); font-size: 14px; line-height: 18px; font-weight: 500; }
.css-19i3sfq .sidebar_item.active { background-color: var(--color-control-active); box-shadow: inset 0 0 0 0.0625rem var(--color-control-border); color: var(--color-text); }
.css-19i3sfq .sidebar_item:hover { color: var(--color-text); }
.css-iczpfh { display: flex; flex-direction: column; gap: 3px; }
.css-1wcwxiq { width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 8px; text-decoration: none; padding: 8px; border-radius: 6px; cursor: pointer; transition: 150ms ease-in-out; background-color: transparent; color: var(--color-text-50); font-size: 14px; line-height: 18px; font-weight: 500; user-select: none; }
.css-1wcwxiq:hover { background-color: var(--color-control-hover); padding: 8px 16px; color: var(--color-text); }
.css-1wcwxiq .category_title { font-size: 14px; line-height: 18px; color: inherit; font-weight: 500; }
.css-1wcwxiq .chevron { transition: transform 150ms ease-in-out; color: inherit; }
.css-1wcwxiq .chevron.collapsed { transform: rotate(-90deg); }
.css-1ngyvwu { display: grid; gap: 3px; padding-left: 8px; }
.css-1twnyoo { padding: 0px 8px; margin-top: 32px; }
.css-1jpcrtl { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 12px; border-radius: 8px; background: var(--color-input); box-shadow: inset 0 0 0 0.0625rem var(--color-card-background-3); overflow: hidden; backdrop-filter: blur(100px); }
.css-1lqg4wf { padding: 0px 8px; display: flex; flex-direction: column; height: 100%; position: relative; width: 100%; }
.css-wc3tek { position: absolute; width: 100%; left: 0px; top: 0px; z-index: 10; padding: 0px 8px; }
.css-18vg4ie { width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 24px 16px; background: var(--color-card-background); border-radius: 12px; }
.css-jlw9f5 { display: flex; gap: 6px; -webkit-box-align: center; align-items: center; }
.css-jlw9f5 img { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-jlw9f5 p { font-size: 14px; font-weight: 500; text-transform: capitalize; color: var(--color-primary-text); }
@media screen and (max-width: 768px) {
  .css-jlw9f5 { display: none; }
}
.css-qx1pda { display: none; gap: 6px; -webkit-box-align: center; align-items: center; position: relative; cursor: pointer; }
.css-qx1pda .p { font-weight: 600; color: var(--color-text-75); }
.css-qx1pda .img { cursor: pointer; padding: 3px; border-radius: 4px; transition: 150ms ease-out; }
.css-qx1pda:hover img { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
@media screen and (max-width: 768px) {
  .css-qx1pda { display: flex; }
}
.css-1a5j0mv { display: flex; gap: 16px; -webkit-box-align: center; align-items: center; }
.css-1v7gtmb { width: 32px; height: 32px; border-radius: 4px; background-color: var(--color-control); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; position: relative; cursor: pointer; transition: background-color 150ms ease-in-out; border: 1px dashed var(--color-box-border); }
.css-1v7gtmb:hover { background-color: var(--color-control-hover); }
.css-1v7gtmb img { width: 18px; }
.css-1hck9va { background: var(--color-control); border: 1px dashed var(--color-box-border); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 8px 10px; border-radius: 5px; cursor: pointer; transition: 150ms ease-in-out; gap: 18px; }
.css-1hck9va:hover { background-color: var(--color-control-hover); }
.css-1hck9va .titles { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-1hck9va .titles .balance { font-size: 14px; font-weight: 600; }
.css-1hck9va .titles p:last-child { color: var(--color-primary); font-size: 13px; font-weight: 500; }
.css-n8w5zs { width: 32px; height: 32px; border-radius: 4px; background-color: var(--color-control); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; position: relative; cursor: pointer; transition: background-color 150ms ease-in-out; border: 1px dashed var(--color-box-border); }
.css-n8w5zs:hover { background-color: var(--color-control-hover); }
.css-n8w5zs img { width: 18px; }
@media screen and (max-width: 768px) {
  .css-n8w5zs { display: none; }
}
.css-17oj0fx { height: 100%; margin-top: 88px; max-height: 100vh; overflow: auto; padding-bottom: 105px; }
.css-zncyde { display: grid; grid-template-areas: "main main main main" "mid-section mid-section mid-section mid-section" "mid-section mid-section mid-section mid-section" "table table table table"; gap: 8px; opacity: 1; transition: opacity 500ms ease-in-out; }
.css-tfc7nl { grid-area: main; display: grid; grid-template-columns: auto 500px; width: 100%; min-height: 49px; height: 100%; background-color: var(--color-card-background); border-radius: 12px; }
.css-tfc7nl .summary_section { margin-top: 16px; width: 100%; display: grid; }
.css-tfc7nl .summary_section .summary_item { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; border-radius: 6px; padding: 4px 6px; cursor: pointer; transition: background 150ms ease-out; }
.css-tfc7nl .summary_section .summary_item:not(:last-of-type) { padding-bottom: 12px !important; }
.css-tfc7nl .summary_item:hover { border-radius: 6px; background-color: var(--color-card-background-50); border-color: transparent !important; }
.css-tfc7nl .summary_section .summary_item .wrapper { display: flex; align-items: flex-start; gap: 8px; }
.css-tfc7nl .summary_section .summary_item p:nth-of-type(1) { font-size: 14px; color: var(--color-text); line-height: 18px; font-weight: 600; }
.css-tfc7nl .summary_section .summary_item p:nth-of-type(2) { font-size: 16px; color: var(--color-text-48); line-height: 24px; font-weight: 600; }
.css-tfc7nl .account_card_bottom { display: flex; flex-direction: column; gap: 44px; }
@-webkit-keyframes blink { 
  0% { opacity: 1; }
  50% { opacity: 0.7; }
  100% { opacity: 1; }
}
@keyframes blink { 
  0% { opacity: 1; }
  50% { opacity: 0.7; }
  100% { opacity: 1; }
}
@media screen and (max-width: 1274px) {
  .css-tfc7nl { display: flex; flex-direction: column; background: transparent; }
}
.css-1rykv8j { display: flex; flex-direction: column; gap: 8px; }
.css-1rykv8j .desktop_right_options { display: flex; gap: 16px; -webkit-box-align: center; align-items: center; }
.css-1rykv8j .mobile_right_options { display: none; }
.css-1rykv8j .mobile_bottom_card { display: none; padding: 24px; background: var(--color-card-background); box-sizing: border-box; border-radius: 12px; overflow: hidden; position: relative; }
.css-1rykv8j .bal.hidden i { display: inline-block; opacity: 0; transform: translateY(4px); animation: 0.1s ease-out 0s 1 normal forwards running fadeInFromBottom; }
@-webkit-keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
@keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.css-1rykv8j .assets_button { color: var(--color-primary); font-size: 14px; font-weight: 600; cursor: pointer; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; transition: 150ms ease-out; }
@media screen and (max-width: 768px) {
  .css-1rykv8j .mobile_bottom_card { display: block; height: 100%; }
  .css-1rykv8j .mobile_right_options { display: block; }
  .css-1rykv8j .desktop_right_options { display: none; }
}
.css-porrva { width: 100%; box-sizing: border-box; padding: 24px; background: transparent; position: relative; border-radius: 12px; }
.css-porrva .mobile_quick_actions_panel { display: none; margin-top: 40px; gap: 16px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-porrva .balance_card_button { background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; padding: 8px 12px; border-radius: 6px; font-size: 14px; color: var(--color-text-secondary); line-height: 18px; font-weight: 600; cursor: pointer; background-color: var(--color-card-background-2); transition: 0.4s ease-in; display: none; }
@media screen and (max-width: 1274px) {
  .css-porrva { background: var(--color-card-background); border-radius: 12px; }
}
@media screen and (max-width: 768px) {
  .css-porrva .mobile_quick_actions_panel { display: flex; }
}
.css-j2ti7s { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-j2ti7s .balance_card_top_wrapper { display: flex; align-items: flex-start; gap: 8px; }
.css-j2ti7s .balance_card_top_wrapper .balance_icon:hover { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-j2ti7s .balance_card_top_wrapper button img { height: 16px; width: 16px; }
.css-j2ti7s .balance .balance_wrapper { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-j2ti7s .balance .balance_wrapper .eyes_button { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; padding: 0px; cursor: pointer; color: var(--color-text-secondary); transition: 150ms ease-out; margin: 0px !important; height: 16px !important; }
.css-j2ti7s .balance .balance_wrapper .eyes_button:hover { color: var(--color-text); }
.css-j2ti7s .balance_card_top_buttons { text-transform: capitalize; border: 1px dashed var(--color-box-border); border-radius: 6px; display: flex; gap: 2px; }
.css-j2ti7s .balance_card_top_button { opacity: 0.5; transition: 150ms ease-in; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; padding: 8px 12px; color: var(--color-text); cursor: pointer; background: var(--color-control-inactive) !important; margin: 0px !important; }
.css-j2ti7s .balance_card_top_button:first-of-type { border-radius: 6px 0px 0px 6px; }
.css-j2ti7s .balance_card_top_button:last-child { border-radius: 0px 6px 6px 0px; }
.css-j2ti7s .balance_card_top_button.active { opacity: 1; background: var(--color-control-active); }
.css-j2ti7s .balance_card_top_button img { height: 18px; width: 18px; }
.css-j2ti7s .balance_card_top_button.active img { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-j2ti7s .balance .balance_wrapper .label { font-size: 14px; color: var(--color-text-secondary); line-height: 16px; font-weight: 600; }
.css-j2ti7s .balance .user_balance { font-size: 24px; font-weight: 600; color: var(--color-text); line-height: 32px; font-feature-settings: "tnum"; transform: translateY(4px); animation: 0.2s ease-out 0s 1 normal forwards running fadeInFromBottom; }
@-webkit-keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(8px); }
  50% { filter: blur(4px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
@keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(8px); }
  50% { filter: blur(4px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.css-j2ti7s .balance .user_balance.hidden i { display: inline-block; opacity: 0; transform: translateY(4px); animation: 0.1s ease-out 0s 1 normal forwards running fadeInFromBottom; }
.css-j2ti7s .balance .user_balance.hidden i:nth-of-type(1) { animation-delay: 0.1s; }
.css-j2ti7s .balance .user_balance.hidden i:nth-of-type(2) { animation-delay: 0.15s; }
.css-j2ti7s .balance .user_balance.hidden i:nth-of-type(3) { animation-delay: 0.25s; }
.css-j2ti7s .balance .user_balance.hidden i:nth-of-type(4) { animation-delay: 0.33s; }
.css-j2ti7s .balance .user_balance.hidden i:nth-of-type(5) { animation-delay: 0.46s; }
.css-j2ti7s .balance .user_balance.hidden i:nth-of-type(6) { animation-delay: 0.57s; }
@-webkit-keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
@keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.css-1vy3nk8 { position: relative; border-radius: 6px; background-color: var(--color-control); }
.css-1vy3nk8:hover { background-color: var(--color-control-hover); }
.css-1vy3nk8 .move-money-button-options { opacity: 0; transition: opacity 0.2s; position: absolute; bottom: -36px; right: 0px; display: flex; gap: 8px; }
.css-1vy3nk8 .move-money-button-option { transform: translateY(12px) scale(0.8); opacity: 0; transition: 0.1s; background-color: var(--color-control-active); padding: 8px 14px; border-radius: 6px; font-size: 14px; font-weight: 600; color: var(--color-text-75); cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; gap: 6px; z-index: 100; }
.css-1vy3nk8 .move-money-button-option:hover { color: var(--color-text); }
.css-1vy3nk8 .move_money_button_chevron { color: var(--color-text-50); transition: 200ms; }
.css-1vy3nk8:hover .move-money-button-options { opacity: 1; }
.css-1vy3nk8:hover .move_money_button_chevron { transform: rotate(180deg); }
.css-1vy3nk8:hover .move_money_button_shine { display: none; }
.css-1vy3nk8:hover .move-money-button-option:nth-of-type(1) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 0ms; }
.css-1vy3nk8:hover .move-money-button-option:nth-of-type(2) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 50ms; }
.css-1vy3nk8:hover .move-money-button-option:nth-of-type(3) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 100ms; }
.css-1vy3nk8:hover .move-money-button-option:nth-of-type(4) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 150ms; }
.css-1vy3nk8:hover .move-money-button-option:nth-of-type(5) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 200ms; }
.css-1vy3nk8 .move_money_button { display: flex; gap: 8px; -webkit-box-align: center; align-items: center; padding: 8px 12px; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-size: 14px; font-weight: 600; color: var(--color-text-50); position: relative; overflow: hidden; background: transparent; border-radius: 6px !important; }
.css-1vy3nk8 .move_money_button_shine { position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: linear-gradient(
      90deg,
      transparent,
      var(--color-blue-shine),
      transparent
    ); animation: 3s ease-in-out 1s infinite normal none running shine; border-radius: 24px !important; }
.css-1vy3nk8 .move_money_button_icon, .css-1vy3nk8 .move_money_button_text { color: var(--color-primary); }
.css-13lvzn0 { margin-top: 44px; overflow: scroll; position: relative; padding-bottom: 8px; }
.css-13lvzn0 .balance_card_button { background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; padding: 8px 12px; border-radius: 6px; font-size: 14px; color: var(--color-text-50); line-height: 18px; font-weight: 600; cursor: pointer; background-color: var(--color-control-active); transition: 0.4s ease-in; display: none; }
.css-13lvzn0 .balance_card_bottom_title { font-size: 14px; color: var(--color-text-secondary); line-height: 18px; font-weight: 600; border-radius: 4px; }
.css-13lvzn0 .balance_card_bottom_wrapper { display: grid; margin-top: 16px; transition: 150ms ease-in-out; }
.css-13lvzn0 .balance_card_bottom_wrapper:has(> :hover) > :not(:hover) { opacity: 0.5; }
@media screen and (max-width: 768px) {
  .css-13lvzn0.desktop { display: none; }
}
.css-oysgzy { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 12px 6px; border-radius: 6px; cursor: pointer; transition: 80ms ease-out; }
.css-oysgzy:not(:last-of-type) { border-bottom: 1px solid var(--color-account-card-background); }
.css-oysgzy:hover { border-radius: 6px; background-color: var(--color-card-background-2); border-color: transparent; }
.css-oysgzy:hover { border-radius: 6px; background-color: var(--color-card-background-2); border-color: transparent; }
.css-oysgzy .balance_card_bottom_asset_left { display: grid; grid-template-columns: 32px auto; gap: 12px; }
.css-oysgzy .balance_card_bottom_asset_left img { min-width: 32px; min-height: 32px; width: 100%; height: 100%; }
.css-oysgzy .balance_card_asset_titles, .css-oysgzy .balance_card_bottom_asset_right { display: flex; flex-direction: column; align-items: flex-start; }
.css-oysgzy .balance_card_bottom_asset_right { align-items: flex-end; }
.css-oysgzy .balance_card_asset_titles p:nth-of-type(1), .css-oysgzy .balance_card_bottom_asset_right p:nth-of-type(1) { font-size: 16px; color: var(--color-text); line-height: 24px; font-weight: 600; }
.css-oysgzy .balance_card_bottom_asset_right p:nth-of-type(2), .css-oysgzy .balance_card_asset_titles p:nth-of-type(2) { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text-secondary); }
.css-oysgzy .balance_card_bottom_asset:hover .balance_card_button { background-color: var(--color-card-background-2); color: var(--color-text); }
.css-ggt71v { display: block; height: 1.2em; border-radius: 50%; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: var(--color-card-background-2); }
@-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-126hyf0 { display: block; height: 1.2em; border-radius: 4px; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; width: 100%; background-color: var(--color-card-background-2); }
@-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-3m5h82 { display: block; height: 1.2em; border-radius: 4px; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; width: 100%; background-color: var(--color-card-background-2); margin-top: 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-1urcw7m { padding-right: 16px; position: relative; white-space: nowrap !important; padding-top: 16px !important; }
.css-1urcw7m .chevrons { position: absolute; width: 100%; height: 20px; background: red; top: 0px; bottom: 0px; margin: auto; transition: 0.3s; mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 10px, rgb(0, 0, 0) 10px, rgb(0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0) calc(100% - 10px)); display: none; }
.css-1urcw7m .switcher_wrapper { max-width: calc(-78px + 100vw); overflow: scroll hidden; border-bottom: 1px solid var(--color-outline); }
.css-1urcw7m .switcher_wrapper_inner { display: flex; background-color: transparent; border-radius: 0px; position: relative; --active-index: 0; --active-width: 0px; --active-left: 0px; --investing-active-width: 0px; --investing-active-left: 0px; --combined-top-active-width: 0px; --combined-top-active-left: 0px; --balance-card-active-width: 0px; --balance-card-active-left: 0px; --real-estate-active-width: 0px; --real-estate-active-left: 0px; --subscription-active-width: 0px; --subscription-active-left: 0px; --staking-active-width: 0px; --staking-active-left: 0px; --signals-active-width: 0px; --signals-active-left: 0px; --copy-trading-active-width: 0px; --copy-trading-active-left: 0px; --mining-active-width: 0px; --mining-active-left: 0px; --cold-storage-active-width: 0px; --cold-storage-active-left: 0px; gap: 24px !important; }
.css-1urcw7m .switcher_item_count { height: 20px; width: 20px; border-radius: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.07); }
.css-1urcw7m .switcher_item_count p { font-size: 10px !important; line-height: 8px !important; font-weight: 600 !important; color: var(--color-primary-text) !important; }
.css-1urcw7m .switcher_item { width: 100%; max-width: max-content; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text-secondary); font-weight: 600; font-size: 14px; line-height: 14px; padding: 0px 0px 16px; border-radius: 0px; cursor: pointer; text-align: left; transition: background 150ms ease-out; position: relative; flex: 1 1 0%; display: flex; -webkit-box-align: center; align-items: center; gap: 4px; white-space: nowrap !important; }
.css-1urcw7m .switcher_indicator { position: absolute; bottom: 0px; height: 2px; background: var(--color-primary); width: var(--active-width, 50px); left: var(--active-left, 0px); transition: 0.3s; }
.css-1urcw7m .investing-switcher .switcher_indicator { width: var(--investing-active-width, 50px); left: var(--investing-active-left, 0px); }
.css-1urcw7m .combined-top-switcher .switcher_indicator { width: var(--combined-top-active-width, 50px); left: var(--combined-top-active-left, 0px); }
.css-1urcw7m .balance-card-switcher .switcher_indicator { width: var(--balance-card-active-width, 50px); left: var(--balance-card-active-left, 0px); }
.css-1urcw7m .real-estate-switcher .switcher_indicator { width: var(--real-estate-active-width, 50px); left: var(--real-estate-active-left, 0px); }
.css-1urcw7m .subscription-switcher .switcher_indicator { width: var(--subscription-active-width, 50px); left: var(--subscription-active-left, 0px); }
.css-1urcw7m .staking-switcher .switcher_indicator { width: var(--staking-active-width, 50px); left: var(--staking-active-left, 0px); }
.css-1urcw7m .signals-switcher .switcher_indicator { width: var(--signals-active-width, 50px); left: var(--signals-active-left, 0px); }
.css-1urcw7m .copy-trading-switcher .switcher_indicator { width: var(--copy-trading-active-width, 50px); left: var(--copy-trading-active-left, 0px); }
.css-1urcw7m .mining-switcher .switcher_indicator { width: var(--mining-active-width, 50px); left: var(--mining-active-left, 0px); }
.css-1urcw7m .cold-storage-switcher .switcher_indicator { width: var(--cold-storage-active-width, 50px); left: var(--cold-storage-active-left, 0px); }
.css-1urcw7m .switcher_item.active { color: var(--color-text); position: relative; }
.css-1urcw7m .switcher_item.active.buy { background: rgb(1, 178, 139); }
.css-1urcw7m .switcher_item.active.sell { background: rgb(255, 69, 69); }
.css-1urcw7m .switcher_item.active.convert { background: var(--color-primary); }
.css-16srqy6 { height: 100%; width: 100%; padding: 24px; background-color: var(--color-account-card-background); box-sizing: border-box; max-width: 600px; border-bottom-right-radius: 12px; border-top-right-radius: 12px; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; gap: 56px; }
.css-16srqy6 .account_section_title { font-size: 14px; color: var(--color-text-secondary); line-height: 18px; font-weight: 600; }
.css-16srqy6 .categories_section { display: flex; flex-direction: column; gap: 24px; margin-top: 16px; }
.css-16srqy6 .categories_section .bars { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; }
.css-16srqy6 .categories_section .bars .bar { height: 24px; }
.css-16srqy6 .categories_section .bars .bar:first-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.css-16srqy6 .categories_section .bars .bar:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.css-16srqy6 .categories_section .titles { width: 100%; display: grid; grid-template-columns: repeat(3, auto); gap: 24px; }
.css-16srqy6 .categories_section .bars .bar:first-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.css-16srqy6 .categories_section .bars .bar:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.css-16srqy6 .categories_section .titles .title { display: flex; align-items: flex-start; gap: 4px; }
.css-16srqy6 .categories_section .titles .title .icon { margin-top: 5px; }
.css-16srqy6 .categories_section .titles .title p:nth-of-type(1) { font-size: 14px; color: var(--color-text-secondary); line-height: 18px; font-weight: 600; }
.css-16srqy6 .categories_section .titles .title p:nth-of-type(2) { font-size: 16px; color: var(--color-text); line-height: 24px; font-weight: 600; margin-top: 4px; }
.css-16srqy6 .progress_wrapper span { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.css-16srqy6 .progress_wrapper span p:nth-of-type(2) { font-weight: 600; font-size: 16px; line-height: 24px; color: var(--color-text); }
.css-16srqy6 .progress_section { position: relative; height: 12px; width: 100%; background: transparent; margin-top: 16px; }
.css-16srqy6 .progress_section .progress_bar { position: absolute; left: 0px; width: 100%; height: 100%; border-radius: 32px; background-color: rgb(78, 190, 150); opacity: 0.5; }
.css-16srqy6 .progress_section .progress { position: absolute; left: 0px; width: 100%; height: 100%; border-radius: 32px; background-color: rgb(78, 190, 150); transition: width 300ms ease-in; }
.css-16srqy6 .signal_strength_wrapper .signal_wrapper { display: flex; gap: 4px; margin-top: 16px; }
.css-16srqy6 .signal_strength_wrapper span { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.css-16srqy6 .signal_strength_wrapper span p:nth-of-type(2) { font-size: 16px; line-height: 24px; font-weight: 600; }
.css-16srqy6 .signal_strength_wrapper span p:nth-of-type(2).green { color: rgb(78, 190, 150); }
.css-16srqy6 .signal_strength_wrapper span p:nth-of-type(2).yellow { color: rgb(249, 226, 106); }
.css-16srqy6 .signal_strength_wrapper span p:nth-of-type(2).red { color: rgb(255, 51, 68); }
.css-16srqy6 .signal_strength_wrapper .signal_wrapper .signal_bar { height: 12px; width: 100%; transition: 300ms ease-in; }
.css-16srqy6 .signal_strength_wrapper .signal_wrapper .signal_bar.red { animation: 0.5s ease 0s infinite normal none running blink; }
.css-16srqy6 .signal_strength_wrapper .signal_wrapper .signal_bar:first-of-type { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.css-16srqy6 .signal_strength_wrapper .signal_wrapper .signal_bar:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.css-16srqy6 .signal_strength_wrapper .signal_wrapper:has(> :hover) > :not(:hover) { opacity: 0.5; }
@media screen and (max-width: 1274px) {
  .css-16srqy6 { gap: 56px; border-radius: 12px; margin-top: 8px; max-width: unset; background-color: var(--color-card-background); }
}
@media screen and (max-width: 768px) {
  .css-16srqy6 .categories_wrapper { display: none; }
}
.css-1n3svgm { grid-area: mid-section; border-radius: 12px; }
@media screen and (max-width: 1200px) {
  .css-1n3svgm { flex-direction: column; min-height: 470px; width: 100%; }
}
.css-bzy82y { display: flex; gap: 8px; width: 100%; height: 100%; }
@media screen and (max-width: 1200px) {
  .css-bzy82y { flex-direction: column; background-color: var(--color-card-background); border-radius: 12px; }
}
.css-19jwuxo { background-color: var(--color-card-background); border-radius: 12px; width: 100%; padding: 24px; }
.css-19jwuxo .actions { width: 100%; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; display: none; padding-inline: 0px; }
.css-19jwuxo .actions_left { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 8px; padding-inline: 12px; border-radius: 8px; background: rgba(255, 255, 255, 0.043); min-width: 150px; cursor: pointer; }
.css-19jwuxo .actions_left_asset { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-19jwuxo .actions_left_asset_icon { width: 20px; height: 20px; }
.css-19jwuxo .actions_left_asset_titles { display: flex; flex-direction: column; gap: 2px; }
.css-19jwuxo .actions_left_asset_titles_title { font-size: 11px; font-weight: 500; }
.css-19jwuxo .actions_left_asset_titles_subtitle { font-size: 10px; font-weight: 500; color: var(--color-text-50); }
.css-19jwuxo .actions_right { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-19jwuxo .actions_right_button { background-color: var(--color-primary); -webkit-box-pack: justify; height: 34px; width: 100%; padding-inline: 12px; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; place-content: center; border-radius: 5px; cursor: pointer; color: var(--color-white); font-size: 13px; font-weight: 500; transition: 200ms ease-in-out; }
.css-19jwuxo .actions_right_button_active { background-color: var(--color-primary-hover); color: var(--color-white); }
.css-19jwuxo .actions_right_button:hover { background-color: var(--color-primary-hover); color: var(--color-white); }
.css-19jwuxo .actions_right_button_icon { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
@media screen and (max-width: 1200px) {
  .css-19jwuxo { background: transparent; padding-bottom: 0px; }
  .css-19jwuxo .actions { display: flex; margin-bottom: 12px; }
}
.css-w9rxk5 { height: 100%; will-change: height; transition: 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); }
@media screen and (max-width: 1200px) {
  .css-w9rxk5 { height: 400px; visibility: visible; }
}
.css-1ry5onr { background-color: var(--color-card-background); border-radius: 12px; width: 100%; max-width: 500px; height: 100%; transition: 0.3s cubic-bezier(0.47, 0, 0.75, 0.72); padding: 24px; }
@media screen and (max-width: 1200px) {
  .css-1ry5onr { max-width: unset; background: transparent; }
}
@media (max-width: 768px) {
  .css-1dv87mk { padding: 0px; }
}
.css-1dv87mk .form { margin-top: 24px; }
.css-1dv87mk .form > div { margin-top: 16px; }
.css-1dv87mk .sl_tp_wrapper { width: 100%; display: flex; gap: 13px; }
.css-1vprzq9 { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: var(--color-control); 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-9lyv92 label { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--color-text-secondary); }
.css-9lyv92 span { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-9lyv92 span p { font-size: 16px; line-height: 16px; font-weight: 500; color: var(--color-text); }
.css-9lyv92 span strong { color: var(--color-text-secondary); font-size: 14px; }
.css-9lyv92 .select_wrapper { background: var(--color-input); border: 1px solid var(--color-input-border); border-radius: 8px; margin-top: 6px; padding: 10px 8px; transition: 150ms ease-out; position: relative; height: 40px; min-width: 135px; width: 100%; }
.css-9lyv92 .svg_icon { width: 8px; height: 6px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }
.css-9lyv92 select, .css-9lyv92 .select { appearance: none; width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text); background: transparent; font-size: 14px; line-height: 18px; font-weight: 600; cursor: pointer; height: 100%; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); }
.css-9lyv92 .option { font-size: 14px; line-height: 18px; font-weight: 500; }
.css-9lyv92 .select_wrapper:hover { border: 1px solid var(--color-input-border); background: var(--color-input-hover); }
.css-9r15wy { display: block; height: 1.2em; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; background-color: var(--color-control); border-radius: 8px; margin-top: 6px; }
@-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-1vesms1 { width: 100%; }
.css-1vesms1 label { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--color-text-secondary); }
.css-1vesms1 label.divide { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-1vesms1 label button { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--color-primary); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; }
.css-1vesms1 .amountbox_wrapper { background: var(--color-input); border: 1px solid var(--color-input-border); border-radius: 8px; padding: 4px 4px 4px 8px; margin-top: 6px; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; font-size: 14px; line-height: 18px; font-weight: 600; cursor: pointer; transition: 150ms ease-out; height: 42px; }
.css-1vesms1 .amountbox_wrapper.no_margin { margin-top: 0px !important; }
.css-1vesms1.error .amountbox_wrapper { animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running shake; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; perspective: 1000px; border: 1px solid rgb(255, 51, 68) !important; }
.css-1vesms1 .amountbox_wrapper:hover { background: var(--color-input-hover); border: 1px solid var(--color-box-border); }
.css-1vesms1 .amount_select, .css-1vesms1 .amount_select_wrapper { outline: none; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; border-radius: 4px; background: var(--color-control); border: 1px solid var(--color-control-border); padding: 6px; cursor: pointer; box-sizing: border-box; transition: background 150ms ease-out; font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); height: 100%; }
.css-1vesms1 .amount_select_wrapper { position: relative; min-width: 65px; padding: 0px; }
.css-1vesms1 .amount_select_wrapper select { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text); font-size: 14px; line-height: 14px; font-weight: 600; appearance: none; cursor: pointer; background: transparent; height: 100%; width: 100%; padding-left: 6px; }
.css-1vesms1 .amount_select_wrapper svg { position: absolute; right: 6px; }
.css-1vesms1 .amount_select .icon_divider { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; }
.css-1vesms1 .amount_select:hover { background: var(--color-control-hover); border: 1px solid var(--color-control-border); }
.css-1vesms1 .amount_select p { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-primary-text); }
.css-1vesms1 .svg_icon { width: 8px; height: 6px; }
.css-1vesms1 .amount_select img { width: 16px; height: 16px; }
.css-1vesms1 input { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text); font-size: 16px; line-height: 18px; font-weight: 600; width: 100%; }
.css-1vesms1 input::-webkit-input-placeholder { color: var(--color-text-50); font-size: 16px; line-height: 18px; font-weight: 600; }
.css-1vesms1 input::placeholder { color: var(--color-text-50); font-size: 16px; line-height: 18px; font-weight: 600; }
.css-1vesms1 input::-webkit-outer-spin-button, .css-1vesms1 input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
.css-1vesms1 .captions { display: grid; gap: 4px; margin-top: 8px; }
.css-1vesms1 .caption { font-size: 12px; line-height: 15px; color: var(--color-text-75); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; font-weight: 500; }
.css-1vesms1 .caption.error { color: rgb(255, 51, 68); margin-bottom: 12px; }
.css-1vesms1 .caption_value { font-weight: 600; color: var(--color-primary-text); }
@-webkit-keyframes shake { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px); }
  20%, 80% { transform: translate3d(2px, 0px, 0px); }
  30%, 50%, 70% { transform: translate3d(-4px, 0px, 0px); }
  40%, 60% { transform: translate3d(4px, 0px, 0px); }
}
@keyframes shake { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px); }
  20%, 80% { transform: translate3d(2px, 0px, 0px); }
  30%, 50%, 70% { transform: translate3d(-4px, 0px, 0px); }
  40%, 60% { transform: translate3d(4px, 0px, 0px); }
}
.css-vpyzmt { grid-area: table; width: 100%; height: 100%; min-height: 470px; border-radius: 12px; background-color: var(--color-card-background); }
.css-vpyzmt .empty_state { padding: 8px 8px 24px; color: var(--color-text-80); font-size: 13px; font-weight: 600; }
.css-vpyzmt .empty_state strong { color: var(--color-primary); font-weight: 700; cursor: pointer; }
.css-vpyzmt .profit { color: rgb(0, 255, 153) !important; }
.css-vpyzmt .loss { color: rgb(255, 69, 0) !important; }
.css-1i1uw2q { border-radius: 12px; height: 100%; overflow: hidden; box-sizing: border-box; min-height: 300px; padding: 12px; }
.css-1i1uw2q span.approved { text-transform: capitalize; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: rgb(78, 190, 150); background: rgba(78, 190, 150, 0.1); }
.css-1i1uw2q span.pending { text-transform: capitalize; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: var(--color-primary); background: rgba(49, 172, 238, 0.1); }
.css-1i1uw2q span.declined { text-transform: capitalize; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: rgb(255, 69, 58); background: rgba(255, 69, 58, 0.1); }
.css-1i1uw2q .trade_desktop_wrapper, .css-1i1uw2q .trade_mobile_wrapper { display: flex; flex-direction: column; gap: 12px; }
.css-1i1uw2q .trade_mobile_wrapper { padding-bottom: 88px; display: none; }
.css-1i1uw2q .trade_desktop_section, .css-1i1uw2q .trade_mobile_section { display: flex; flex-direction: column; gap: 12px; }
.css-1i1uw2q .trade_mobile_section { width: 100%; height: 100%; overflow: hidden scroll; max-height: 64vh; }
.css-1i1uw2q .trade_section { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 12px 10px; border-radius: 6px; color: var(--color-text); background: var(--color-card-background-95); outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; width: 100%; position: sticky; top: 0px; z-index: 10; backdrop-filter: blur(120px); }
.css-1i1uw2q .trade_section_wrapper { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; color: var(--color-text-80); }
.css-1i1uw2q .trade_section_wrapper p { font-size: 13px; font-weight: 500; }
.css-1i1uw2q .trade_section_wrapper strong { font-size: 12px; font-weight: 500; color: var(--color-text-secondary); }
.css-1i1uw2q th { font-size: 12px !important; font-weight: 500 !important; color: var(--color-text-50) !important; }
.css-1i1uw2q .trade_table_top { display: flex; gap: 16px; -webkit-box-align: center; align-items: center; padding: 8px 4px 20px; }
.css-1i1uw2q .trade_table_top_title { font-size: 14px; font-weight: 600; color: var(--color-text-75); }
.css-1i1uw2q .trade_switcher { display: flex; gap: 8px; }
.css-1i1uw2q .trade_switcher button { background: var(--color-card-background); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 10px 12px; color: var(--color-text-secondary); font-size: 14px; font-weight: 600; transition: 0.1s ease-in-out; text-transform: capitalize; min-width: 80px; border-radius: 6px; }
.css-1i1uw2q .trade_switcher button:hover { background: var(--color-card-background-50); }
.css-1i1uw2q .trade_switcher button strong { text-transform: lowercase; }
.css-1i1uw2q .trade_switcher button.active { background: var(--color-primary); color: var(--color-white); }
.css-1i1uw2q .trade_switcher button.active:hover { background: var(--color-primary-hover); }
@media screen and (max-width: 1200px) {
  .css-1i1uw2q .trade_desktop_wrapper { display: none; }
  .css-1i1uw2q .trade_mobile_wrapper { display: flex; }
  .css-1i1uw2q .trade_table_top { flex-direction: column; align-items: flex-start; gap: 16px; }
}
.css-fs7jdp { width: 8px; height: 8px; border-radius: 50%; background-color: var(--color-text-secondary); margin: 0px 5px; transition: background-color 0.3s; cursor: pointer; }
.css-7j95qa { white-space: nowrap !important; }
.css-7j95qa .switcher_wrapper { display: flex; -webkit-box-pack: justify; justify-content: space-between; background-color: var(--color-control); border: 1px solid var(--color-input-border); padding: 4px; border-radius: 8px; }
.css-7j95qa .switcher_item { width: 100%; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text-secondary); font-weight: 600; font-size: 13px; line-height: 14px; padding: 10px; border-radius: 6px; cursor: pointer; transition: background 150ms ease-out; }
.css-7j95qa .switcher_item:hover { background: var(--color-control-hover); }
.css-7j95qa .switcher_item.active { color: var(--color-white); background: var(--color-control-active); }
.css-7j95qa .switcher_item.active.buy { background: rgb(1, 178, 139); }
.css-7j95qa .switcher_item.active.sell { background: rgb(255, 69, 69); }
.css-7j95qa .switcher_item.active.convert { background: var(--color-primary); }
.css-1kyvdx0 { position: relative; }
.css-rmc1rh { display: flex; flex-direction: column; gap: 8px; }
.css-rmc1rh label { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--color-text-secondary); }
.css-rmc1rh .leverage_buttons { display: grid; grid-template-columns: 3fr 1fr 1fr 1fr; gap: 8px; }
.css-rmc1rh .leverage_buttons .input_wrapper { width: 100%; position: relative; overflow-x: scroll; }
.css-rmc1rh .fake-input::after { content: "abc"; background-color: var(--color-primary-text) fff; right: 0px; height: 10px; width: 1px; animation: 1s step-end 0s infinite normal none running blink; }
@-webkit-keyframes blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
@keyframes blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.css-1xm32e0 { position: relative; width: 100%; }
.css-1s7gfyy { position: relative; height: 48px; }
.css-o8jd8f { position: relative; height: 4px; width: 100%; -webkit-box-flex: 1; flex-grow: 1; background-color: transparent; }
.css-eln5xj { position: absolute; top: 50%; transform: translateY(-50%); width: 1px; flex-shrink: 0; border-radius: 10px; height: 16px; background-color: var(--color-primary) !important; }
.css-1rhxi76 { position: absolute; top: 50%; transform: translateY(-50%); width: 1px; flex-shrink: 0; border-radius: 10px; height: 8px; background-color: var(--color-primary) !important; }
.css-2epxh { position: absolute; top: 50%; transform: translateY(-50%); width: 1px; flex-shrink: 0; border-radius: 10px; height: 8px; background-color: var(--color-text-secondary) !important; }
.css-1kwjwbh { position: absolute; top: 50%; transform: translateY(-50%); width: 1px; flex-shrink: 0; border-radius: 10px; height: 16px; background-color: var(--color-text-secondary) !important; }
.css-hog7ig { display: block; width: 13px; height: 20px; flex-shrink: 0; background-color: var(--color-primary); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 2px; cursor: pointer; }
.css-hog7ig:focus { outline: none; }
.css-ghjk6h { position: absolute; width: 100%; font-size: 14px; margin-top: 4px; color: var(--color-text-secondary) !important; }
.css-1mw1lj1 { position: absolute; font-size: 12px; font-weight: 500; line-height: 12px; left: 0px; }
.css-es2yri { position: absolute; font-size: 12px; font-weight: 500; line-height: 12px; transform: translateX(-50%); left: 25%; }
.css-1oaxf3d { position: absolute; font-size: 12px; font-weight: 500; line-height: 12px; transform: translateX(-50%); left: 50%; }
.css-jd26cf { position: absolute; font-size: 12px; font-weight: 500; line-height: 12px; transform: translateX(-50%); left: 75%; }
.css-11a2vvy { position: absolute; font-size: 12px; font-weight: 500; line-height: 12px; right: 0px; }
.css-19dql56 { width: 20px; height: 20px; min-height: 20px; min-width: 20px; border: 1px solid var(--color-text-secondary); border-radius: 5px; box-sizing: border-box; accent-color: var(--color-primary); cursor: pointer; appearance: none; position: relative; background-color: transparent; margin: 0px; display: grid; place-content: center; }
.css-19dql56:checked { background-color: var(--color-primary); border: 1px solid var(--color-primary); }
.css-19dql56::before { content: ""; width: 0.5em; height: 0.5em; transform: scale(0); transition: transform 120ms ease-in-out; box-shadow: inset 1em 1em var(--color-white); transform-origin: left bottom; clip-path: polygon(14% 44%, 0px 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }
.css-19dql56:checked::before { transform: scale(1); }
.css-8u0sd7 { position: relative; overflow: hidden; z-index: 1; border-radius: 120px; background: var(--color-control); color: var(--color-text-secondary); font-size: 13px; font-weight: 500; padding: 6px 10px; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; transition: 150ms ease-in-out; }
.css-8u0sd7:hover { color: var(--color-white); }
.css-8u0sd7::after { background: var(--color-ai-btn-gradient); border-radius: inherit; content: ""; inset: 0px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) padding-box; padding: 0.0625rem; pointer-events: none; position: absolute; }
.css-17e43l8 { position: fixed; inset: -24px 0px 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 99; height: calc(44px + 100vh) !important; }
@media screen and (max-width: 768px) {
  .css-17e43l8 { display: block; }
}
.css-1q561us { position: fixed; top: 0px; right: 0px; height: 100vh; z-index: 999; transform: translateX(0px); padding: 24px 16px 16px; opacity: 1; max-width: 400px; width: 100%; overflow-y: auto; transition: 300ms ease-in-out; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; }
.css-1q561us .content { width: 100%; height: 100%; margin-top: 24px; }
.css-1q561us .content_wrapper { overflow: scroll; height: 100%; width: 100%; display: flex; flex-direction: column; padding-bottom: 88px; gap: 6px; box-sizing: border-box; }
.css-1q561us .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-1q561us .empty_state .svg-icon { width: 40px; height: 40px; }
.css-1q561us .top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1q561us .top .top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-1q561us .top .top_left_section { width: 100%; min-width: 100px; display: grid; grid-template-columns: 16px auto; -webkit-box-align: center; align-items: center; gap: 6px; appearance: button; cursor: pointer; white-space: nowrap !important; }
.css-1q561us .top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-1q561us .top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
@media (max-width: 768px) {
  .css-1q561us { max-width: unset; width: 100vw; background-color: var(--color-modal-background) !important; }
}
.css-1uz8kp1 { background: rgb(255, 51, 68); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-white); font-size: 14px; line-height: 18px; font-weight: 700; padding: 10px; border-radius: 8px; cursor: pointer; height: 42px; display: flex; -webkit-box-align: center; align-items: center; gap: 6px; -webkit-box-pack: center; justify-content: center; width: 100%; transition: 150ms ease-in; position: relative; overflow: hidden; margin: 0px !important; }
.css-1uz8kp1::before { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); opacity: 0.15; }
.css-1uz8kp1.disabled { background-color: grey; pointer-events: none; user-select: none; cursor: not-allowed; }
.css-58i90t { display: none; position: absolute; left: 0px; width: 100%; z-index: 101; max-height: 300px; overflow-y: auto; margin-top: 4px; border-radius: 8px; animation: 200ms ease-out 0s 1 normal none running fadeSlideIn; border: 1px solid var(--color-control-border); background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; box-shadow: 0px 12px 24px var(--color-card-background-3) !important; }
@-webkit-keyframes fadeSlideIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeSlideIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.css-58i90t.full { max-width: 100%; width: 100%; }
.css-1bhdazo { box-sizing: border-box; margin: 0px !important; }
.css-1bhdazo .search_box { position: sticky; top: 0px; left: 0px; z-index: 100; padding: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; margin: 0px !important; }
.css-1bhdazo .search_box div { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; outline: none !important; margin: 0px !important; }
.css-1bhdazo .scrollable { display: flex; flex-direction: column; gap: 0px; width: 100%; box-sizing: border-box; max-height: calc(-100px + 88vh); overflow: scroll; padding: 6px; margin: 0px !important; }
.css-1bhdazo .scrollable div { cursor: pointer; transition: 100ms ease-out; padding: 10px 12px; border-radius: 8px; display: grid; margin: 0px !important; }
.css-1bhdazo .scrollable div .asset_item { font-size: 14px; gap: 6px; max-width: max-content; cursor: pointer; -webkit-box-pack: justify; justify-content: space-between; display: flex; -webkit-box-align: center; align-items: center; background: transparent; }
.css-1bhdazo .asset_icon { width: 16px; height: 16px; }
.css-1bhdazo .scrollable div .asset_item_right { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }
.css-1bhdazo .scrollable div .asset_item_right p:first-of-type { font-size: 14px; white-space: nowrap; color: var(--color-text); line-height: 18px; font-weight: 500; }
.css-1bhdazo .scrollable div .asset_item_right p:last-of-type { font-size: 14px; white-space: nowrap; color: var(--color-text-secondary); line-height: 18px; font-weight: 600; }
.css-1bhdazo .scrollable div:hover { background-color: var(--color-control-hover); }
.css-1bhdazo .scrollable div.selected { background-color: var(--color-control-hover); }
.css-1bhdazo .scrollable div p { font-size: 14px; white-space: nowrap; color: var(--color-text); line-height: 18px; font-weight: 500; }
@media (max-width: 768px) {
  .css-1bhdazo .scrollable { padding-bottom: 30px; }
}
.css-w3ivao { display: flex; flex-direction: column; padding: 4px; }
.css-w3ivao .account_switch_dropdown_item { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 10px; border-radius: 5px; cursor: pointer; background: transparent; transition: 150ms ease-in-out; }
.css-w3ivao .account_switch_dropdown_item:hover { background: var(--color-primary); color: var(--color-primary-text); }
.css-w3ivao .account_switch_dropdown_item_left { display: flex; flex-direction: column; gap: 6px; color: var(--color-text); }
.css-w3ivao .account_switch_dropdown_item_left span:first-of-type { font-size: 10px; font-weight: 500; color: var(--color-primary); }
.css-w3ivao .account_switch_dropdown_item_left span:last-child { font-size: 13px; font-weight: 600; }
.css-w3ivao .account_switch_dropdown_item_right { display: grid; place-content: center; background: var(--color-control); color: var(--color-text); height: 40px; width: 40px; border-radius: 5px; }
.css-w3ivao .account_switch_dropdown_item:hover { background-color: var(--color-control-hover); }
.css-w3ivao .account_switch_dropdown_item.selected { background-color: var(--color-control); color: var(--color-text); }
.css-w3ivao .account_switch_dropdown_item.selected .account_switch_dropdown_item_right { background: var(--color-primary); color: var(--color-white); }
.css-pcinii { position: relative; }
.css-phgoov { display: none; position: absolute; box-shadow: 0 4px 6px var(--color-card-background-3); margin-top: 4px; animation: 200ms ease-out 0s 1 normal none running fadeSlideIn; z-index: 9999999; min-width: 280px !important; width: unset !important; right: 0px !important; top: 5px !important; border-radius: 8px !important; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; }
.css-phgoov.small { min-width: 180px !important; }
@media screen and (max-width: 768px) {
  .css-phgoov { max-width: 100%; min-width: 100%; }
}
.css-1qdduqn { display: flex; flex-direction: column; gap: 8px; height: 100%; width: 100%; background: var(--color-modal-background); padding: 6px; border-radius: 8px; }
.css-1qdduqn .dropdown_content { display: grid; grid-template-columns: auto auto; }
.css-1qdduqn .dropdown_content_left { white-space: nowrap; padding: 12px 16px; width: 100%; height: 100%; }
.css-1qdduqn .dropdown_content_right { height: 100%; width: 100%; min-width: 10rem; background: var(--color-card-background-2); border-radius: 5px; padding: 12px 16px; display: flex; flex-direction: column; gap: 40px; -webkit-box-pack: justify; justify-content: space-between; }
.css-1qdduqn .links_section { display: flex; flex-direction: column; gap: 4px; }
.css-1qdduqn span.link_item { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; padding: 7px 0px; border-radius: 8px; cursor: pointer; }
.css-1qdduqn span.link_item p { font-size: 12px; font-weight: 400; color: var(--color-text-80); }
.css-13oyds7 { height: calc(100% + 8px); min-height: calc(-96px + 100vh); }
.css-13oyds7 .assets_panel_group { width: 100%; overflow: hidden; display: flex; gap: 0px !important; padding: 0px !important; margin: 0px !important; }
.css-13oyds7 .top { display: grid; grid-template-columns: 2fr 2fr; -webkit-box-align: center; align-items: center; gap: 8px; padding-top: 8px; }
.css-13oyds7 .account_section_title { font-size: 14px; color: var(--color-text-secondary); line-height: 18px; font-weight: 600; }
.css-13oyds7 .assets_table { max-width: calc(-16px + 100vw); border-radius: 12px; height: 100%; box-sizing: border-box; margin-top: 8px; overflow: hidden !important; }
.css-13oyds7 .assets_table_wrapper { max-width: calc(-24px + 100vw); overflow: scroll; height: 100%; padding-bottom: 120px; }
@media screen and (max-width: 1200px) {
  .css-13oyds7 .top { grid-template-columns: auto; }
  .css-13oyds7 .assets_table_wrapper { padding-bottom: 300px; }
}
.css-1argg5h { height: 100%; width: 100%; box-sizing: border-box; padding: 24px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-radius: 12px; background-color: var(--color-card-background); }
.css-1argg5h .balance_card_button { background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; padding: 8px 12px; border-radius: 6px; font-size: 14px; color: var(--color-text-secondary); line-height: 18px; font-weight: 600; cursor: pointer; background-color: var(--color-card-background-2); transition: 0.4s ease-in; display: none; }
.css-1argg5h .balance_card_top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1argg5h .balance_card_top_wrapper { display: flex; align-items: flex-start; gap: 8px; }
.css-1argg5h .balance_card_top_wrapper .balance_icon { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; display: grid; place-items: center; padding: 8px; border-radius: 12px; background: rgba(255, 255, 255, 0.035); cursor: pointer; transition: 150ms ease-out; }
.css-1argg5h .balance_card_top_wrapper .balance_icon:hover { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-1argg5h .balance_card_top_wrapper button img { height: 16px; width: 16px; }
.css-1argg5h .balance_card_top .balance .balance_wrapper { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-1argg5h .balance_card_top .balance .balance_wrapper .eyes_button { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; padding: 0px; cursor: pointer; color: var(--color-text-75); transition: 150ms ease-out; margin: 0px !important; height: 16px !important; }
.css-1argg5h .balance_card_top .balance .balance_wrapper .eyes_button:hover { color: var(--color-primary-text); }
.css-1argg5h .balance_card_top_buttons { text-transform: capitalize; background: var(--color-card-background); border-radius: 8px; padding: 4px; }
.css-1argg5h .balance_card_top_button { opacity: 0.5; transition: 150ms ease-in; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; padding: 8px 12px; font-size: 14px; color: var(--color-text); line-height: 18px; font-weight: 600; cursor: pointer; margin: 0px !important; border-radius: 4px !important; }
.css-1argg5h .balance_card_top_button.active { opacity: 1; background: rgba(255, 255, 255, 0.094) !important; }
.css-1argg5h .balance_card_top_button img { height: 18px; width: 18px; }
.css-1argg5h .balance_card_top_button.active img { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-1argg5h .balance_card_top .balance .balance_wrapper .label { font-size: 14px; color: var(--color-text-50); line-height: 16px; font-weight: 600; }
.css-1argg5h .balance_card_top .balance .user_balance { font-size: 24px; font-weight: 600; color: var(--color-primary-text); line-height: 32px; font-feature-settings: "tnum"; transform: translateY(4px); animation: 0.2s ease-out 0s 1 normal forwards running fadeInFromBottom; }
@-webkit-keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(8px); }
  50% { filter: blur(4px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
@keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(8px); }
  50% { filter: blur(4px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.css-1argg5h .balance_card_top .balance .user_balance.hidden i { display: inline-block; opacity: 0; transform: translateY(4px); animation: 0.1s ease-out 0s 1 normal forwards running fadeInFromBottom; }
.css-1argg5h .balance_card_top .balance .user_balance.hidden i:nth-of-type(1) { animation-delay: 0.1s; }
.css-1argg5h .balance_card_top .balance .user_balance.hidden i:nth-of-type(2) { animation-delay: 0.15s; }
.css-1argg5h .balance_card_top .balance .user_balance.hidden i:nth-of-type(3) { animation-delay: 0.25s; }
.css-1argg5h .balance_card_top .balance .user_balance.hidden i:nth-of-type(4) { animation-delay: 0.33s; }
.css-1argg5h .balance_card_top .balance .user_balance.hidden i:nth-of-type(5) { animation-delay: 0.46s; }
.css-1argg5h .balance_card_top .balance .user_balance.hidden i:nth-of-type(6) { animation-delay: 0.57s; }
@-webkit-keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
@keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.css-1argg5h .balance_card_bottom { margin-top: 44px; overflow: scroll; position: relative; padding-bottom: 20px; }
.css-1argg5h .balance_card_bottom_title { font-size: 14px; color: var(--color-text-50); line-height: 18px; font-weight: 700; border-radius: 4px; }
.css-1argg5h .balance_card_bottom_wrapper { display: grid; gap: 8px; margin-top: 16px; transition: 150ms ease-in-out; }
.css-1argg5h .balance_card_bottom_wrapper:has(> :hover) > :not(:hover) { opacity: 0.5; }
.css-1argg5h .bal.hidden i { display: inline-block; opacity: 0; transform: translateY(4px); animation: 0.1s ease-out 0s 1 normal forwards running fadeInFromBottom; }
@-webkit-keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
@keyframes fadeInFromBottom { 
  0% { opacity: 0; transform: translateY(10px); filter: blur(4px); }
  50% { filter: blur(2px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.css-1argg5h .assets_button { color: var(--color-primary); font-size: 14px; font-weight: 600; cursor: pointer; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; transition: 150ms ease-out; }
@media screen and (max-width: 768px) {
  .css-1argg5h { border-radius: 12px; background-color: var(--color-card-background); display: block; }
  .css-1argg5h .balance_card_bottom_title { padding: 0px 6px; }
}
.css-1nkpp44 { padding: 0px 6px; }
.css-1nkpp44.no-padding { padding: 0px !important; }
.css-1nkpp44 { display: flex; flex-direction: column; gap: 24px; margin-top: 16px; }
.css-1nkpp44 .bars { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; }
.css-1nkpp44 .bars .bar { height: 24px; }
.css-1nkpp44 .titles { width: 100%; display: grid; grid-template-columns: repeat(3, auto); gap: 24px; }
.css-1nkpp44 .bars .bar:first-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.css-1nkpp44 .bars .bar:last-child { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
.css-1nkpp44 .titles .title { display: flex; align-items: flex-start; gap: 4px; }
.css-1nkpp44 .titles .title .icon { margin-top: 5px; }
.css-1nkpp44 .titles .title p:nth-of-type(1) { font-size: 14px; color: var(--color-text-48); line-height: 18px; font-weight: 600; }
.css-1nkpp44 .titles .title p:nth-of-type(2) { font-size: 16px; color: var(--color-text); line-height: 24px; font-weight: 600; margin-top: 4px; }
.css-hx6430 { width: 100%; height: 100%; padding: 24px 24px 40px; background-color: var(--color-card-background); border-radius: 12px; min-height: 312px; }
.css-hx6430 .activity_wrapper { display: grid; margin-top: 16px; padding-top: 12px; }
.css-hx6430 .activity_wrapper:has(> :hover) > :not(:hover) { opacity: 0.6; border-color: transparent !important; }
.css-hx6430 .activity_wrapper .activity { font-size: 14px; color: var(--color-primary-text); line-height: 18px; font-weight: 500; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; transition: 150ms ease-in-out; padding: 10px 12px; }
.css-hx6430 .activity_wrapper .activity.no_padding { padding: 0px !important; }
.css-hx6430 .activity_wrapper .activity .activity_date { font-size: 14px; font-weight: 600; color: var(--color-text-50); }
.css-hx6430 .activity_wrapper .activity:not(:last-of-type) { padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.css-hx6430 .activity_wrapper .activity:hover { border-radius: 6px; background-color: var(--color-card-background-50); border-color: transparent; }
.css-ynb6qz { height: 100%; min-height: 100%; overflow: hidden; }
.css-ynb6qz .assets_section_top { -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; padding-left: 12px; display: none; }
.css-ynb6qz .assets_section_top p:first-of-type { font-size: 20px; line-height: 28px; font-weight: 600; color: var(--color-text); }
.css-ynb6qz .assets_section_utils { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }
.css-1d8t33 { padding: 12px; height: 100%; overflow: hidden; border-radius: 12px; background: var(--color-card-background) !important; box-sizing: border-box !important; }
.css-1d8t33 .asset_table_top { display: flex; -webkit-box-align: center; align-items: center; gap: 16px; padding: 8px 8px 24px; width: 100%; -webkit-box-pack: justify; justify-content: space-between; }
.css-1d8t33 .asset_table_top_title { font-size: 16px; font-weight: 600; color: var(--color-text-75); }
.css-1d8t33 table { width: 100%; padding: 24px; }
.css-1d8t33 table thead th { font-size: 12px; font-weight: 500; color: var(--color-text-secondary) !important; }
.css-1d8t33 table tbody td { font-size: 14px; font-weight: 500; }
.css-1d8t33 table thead tr, .css-1d8t33 table tbody tr { width: 100%; gap: 12px; -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding-right: 105px !important; }
.css-1d8t33 table thead tr { background: transparent; padding: 4px 8px; border-radius: 8px; }
.css-1d8t33 table tbody { display: grid; gap: 8px; height: 97%; width: 100%; overflow: scroll; padding-top: 12px; mask: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 3px, rgb(0, 0, 0) calc(100% - 18px), rgba(0, 0, 0, 0)); }
.css-1d8t33 table tbody tr:nth-of-type(2n) { background: transparent; }
.css-1d8t33 table tbody tr:nth-of-type(2n+1) { background: var(--color-card-background-2) !important; }
.css-1d8t33 table tbody tr { padding: 12px 8px; border-radius: 8px; cursor: pointer; transition: 0.1s ease-in-out; height: 52px; }
.css-1d8t33 table tbody tr:hover { background: var(--color-card-background-50) !important; }
.css-1d8t33 table tbody:has(> :hover) > :not(:hover) { opacity: 0.7; }
.css-1d8t33 .asset { min-width: 50px; max-width: 250px; width: 100%; display: flex; -webkit-box-pack: start; justify-content: flex-start; gap: 2px; -webkit-box-align: center; align-items: center; }
.css-1d8t33 .asset_icon { width: 17px; height: 17px; margin-right: 8px; border-radius: 100%; }
.css-1d8t33 .asset_name, .css-1d8t33 .asset_symbol { font-size: 14px; font-weight: 600; color: var(--color-primary-text); white-space: nowrap; }
.css-1d8t33 .asset_symbol { display: none; }
.css-1d8t33 .symbol { min-width: 60px; width: 100%; text-align: center; color: var(--color-text-80); display: none; }
.css-1d8t33 .type { min-width: 60px; width: 100%; text-align: center; text-transform: capitalize; color: var(--color-text-80); display: grid; place-content: center; }
.css-1d8t33 .price { min-width: 100px; width: 100%; text-align: center; color: var(--color-text-80); display: grid; place-content: center; }
.css-1d8t33 .fiat_price { min-width: 100px; width: 100%; text-align: center; color: var(--color-text-80); display: none; }
.css-1d8t33 .value { min-width: 10px; width: 100%; text-align: center; color: var(--color-text-80); display: grid; place-content: center; }
.css-1d8t33 .value .action { display: none; }
.css-1d8t33 .action { min-width: 80px; width: 100%; align-content: center; display: flex; gap: 6px; text-align: left; padding-left: 50px; }
.css-1d8t33 .action button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: var(--color-primary-text); background-color: var(--color-card-background-50); transition: 150ms ease-out; }
.css-1d8t33 .action button:hover { background: var(--color-primary); }
@media screen and (max-width: 1200px) {
  .css-1d8t33 .asset_name { display: none; }
  .css-1d8t33 .asset_symbol { display: block; }
  .css-1d8t33 .actual_price { display: none; }
}
@media screen and (max-width: 1010px) {
  .css-1d8t33 .type { display: none; }
}
@media screen and (max-width: 900px) {
  .css-1d8t33 .asset_table_top { display: grid; }
  .css-1d8t33 .price { display: none; }
}
@media screen and (max-width: 900px) {
  .css-1d8t33 .asset { width: 100%; max-width: unset; }
  .css-1d8t33 .action { display: none; padding-left: 20px; }
  .css-1d8t33 table thead tr, .css-1d8t33 table tbody tr { padding-right: 0px !important; }
  .css-1d8t33 table tbody tr:hover .value .action { display: flex; }
  .css-1d8t33 table tbody tr:hover .value .value_amount { display: none !important; }
}
@media screen and (max-width: 500px) {
  .css-1d8t33 table tbody tr:hover .value .action { place-content: center; padding-right: 20px; }
  .css-1d8t33 table tbody tr:hover .value .value_amount { display: none !important; }
}
.css-kqwzz8 { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; padding: 10px 12px; background: var(--color-control); color: var(--color-text); border-radius: 8px; box-sizing: border-box; max-width: max-content; height: 40px; width: 100% !important; }
.css-kqwzz8 img { width: 16px; height: 16px; }
.css-kqwzz8 input, .css-kqwzz8 textarea { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text); font-size: 16px; line-height: 18px; font-weight: 600; width: 100%; }
.css-kqwzz8 input:-webkit-autofill, .css-kqwzz8 textarea:-webkit-autofill, .css-kqwzz8 input:-webkit-autofill:hover, .css-kqwzz8 textarea:-webkit-autofill:hover, .css-kqwzz8 input:-webkit-autofill:focus, .css-kqwzz8 textarea:-webkit-autofill:focus, .css-kqwzz8 input:-webkit-autofill:active, .css-kqwzz8 textarea:-webkit-autofill:active { background-clip: text; -webkit-text-fill-color: var(--color-primary-text); transition: background-color 5000s ease-in-out; box-shadow: transparent 0px 0px 20px 20px inset; }
.css-kqwzz8 input::-webkit-input-placeholder { color: var(--color-text-secondary); font-weight: 500; }
.css-kqwzz8 input::placeholder { color: var(--color-text-secondary); font-weight: 500; }
@media screen and (max-width: 768px) {
  .css-kqwzz8 input { width: 100%; overflow: hidden; text-overflow: ellipsis; max-width: unset !important; }
}
@media screen and (max-width: 500px) {
  .css-kqwzz8 input { max-width: unset !important; width: 100%; }
}
@media screen and (max-width: 400px) {
  .css-kqwzz8 input { max-width: unset; width: 100%; }
}
@-webkit-keyframes shake { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px); }
  20%, 80% { transform: translate3d(2px, 0px, 0px); }
  30%, 50%, 70% { transform: translate3d(-4px, 0px, 0px); }
  40%, 60% { transform: translate3d(4px, 0px, 0px); }
}
@keyframes shake { 
  10%, 90% { transform: translate3d(-1px, 0px, 0px); }
  20%, 80% { transform: translate3d(2px, 0px, 0px); }
  30%, 50%, 70% { transform: translate3d(-4px, 0px, 0px); }
  40%, 60% { transform: translate3d(4px, 0px, 0px); }
}
.css-1y7dxwn { display: block; background-color: rgba(0, 0, 0, 0.11); height: 1.2em; border-radius: 50%; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; }
@-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-wch25v { position: fixed; top: 0px; right: 0px; height: 100vh; z-index: 999; transform: translateX(0px); padding: 24px 16px 16px; opacity: 1; max-width: 400px; width: 100%; overflow-y: auto; transition: 300ms ease-in-out; background: var(--color-modal-background) !important; }
.css-wch25v .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-wch25v .empty_state .svg-icon { width: 40px; height: 40px; }
.css-wch25v .top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-wch25v .top .top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-wch25v .top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-wch25v .top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
@media (max-width: 768px) {
  .css-wch25v { max-width: unset; width: 100vw; background-color: var(--color-modal-background) !important; }
}
.css-113kogo { display: block; position: absolute; left: 0px; width: 100%; z-index: 101; max-height: 300px; overflow-y: auto; margin-top: 4px; border-radius: 8px; animation: 200ms ease-out 0s 1 normal none running fadeSlideIn; border: 1px solid var(--color-control-border); background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; box-shadow: 0px 12px 24px var(--color-card-background-3) !important; }
@-webkit-keyframes fadeSlideIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeSlideIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.css-113kogo.full { max-width: 100%; width: 100%; }
.css-1yg87yr { width: 100%; height: 100%; box-sizing: border-box; }
.css-1yg87yr .top { display: grid; grid-template-columns: auto auto; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-1yg87yr .page_wrapper { overflow: hidden; box-sizing: border-box; max-height: calc(-104px + 100vh); border-radius: 12px; }
.css-1yg87yr .markets_table_wrapper { max-width: calc(-24px + 100vw); height: calc(-170px + 100vh); padding-bottom: 48px; overflow: scroll !important; }
.css-1r4gvzb .page_section_top { -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; padding-left: 12px; display: none; }
.css-1r4gvzb .page_section_top p:first-of-type { font-size: 20px; line-height: 28px; font-weight: 600; color: var(--color-primary-text); }
.css-1r4gvzb .page_section_utils { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }
.css-n4lsdr { padding: 12px; overflow: scroll; border-radius: 12px; background: var(--color-card-background) !important; box-sizing: border-box !important; }
.css-n4lsdr .asset_table_top { display: flex; -webkit-box-align: center; align-items: center; gap: 16px; padding: 8px 8px 24px; width: 100%; -webkit-box-pack: justify; justify-content: space-between; }
.css-n4lsdr .deposit_button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; border-radius: 6px; cursor: pointer; transition: 150ms ease-in; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; max-height: max-content; background: var(--color-primary); padding: 8px 12px !important; height: fit-content !important; }
.css-n4lsdr .deposit_button:hover { background: rgb(43, 151, 209); }
.css-n4lsdr .deposit_button p { font-weight: 600; color: var(--color-primary-text); font-size: 14px !important; line-height: 18px !important; }
.css-n4lsdr .asset_table_top_title { font-size: 16px; font-weight: 600; color: var(--color-text-75); }
.css-n4lsdr table { width: 100%; padding: 24px; }
.css-n4lsdr table thead th { font-size: 12px; font-weight: 500; color: var(--color-text-50); }
.css-n4lsdr table tbody td { font-size: 14px; font-weight: 500; }
.css-n4lsdr table thead tr, .css-n4lsdr table tbody tr { width: 100%; gap: 12px; -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.css-n4lsdr table thead tr { background: transparent; padding: 4px 8px; border-radius: 8px; }
.css-n4lsdr table tbody { display: grid; gap: 8px; height: 97%; width: 100%; overflow: scroll; padding-top: 12px; mask: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 3px, rgb(0, 0, 0) calc(100% - 18px), rgba(0, 0, 0, 0)); }
.css-n4lsdr table tbody tr:nth-of-type(2n) { background: transparent; }
.css-n4lsdr table tbody tr:nth-of-type(2n+1) { background: var(--color-card-background-2) !important; }
.css-n4lsdr table tbody tr { padding: 12px 8px; border-radius: 8px; cursor: pointer; transition: 0.1s ease-in-out; height: 52px; }
.css-n4lsdr table tbody tr:hover { background: var(--color-card-background-50) !important; }
.css-n4lsdr table tbody:has(> :hover) > :not(:hover) { opacity: 0.7; }
.css-n4lsdr .asset { min-width: 50px; max-width: 250px; width: 100%; display: flex; -webkit-box-pack: start; justify-content: flex-start; gap: 2px; -webkit-box-align: center; align-items: center; }
.css-n4lsdr .asset .watchlist { width: 14px; height: 14px; margin-right: 8px; }
.css-n4lsdr .asset_icon { width: 17px; height: 17px; margin-right: 8px; }
.css-n4lsdr .asset_name, .css-n4lsdr .asset_symbol { font-size: 14px; font-weight: 600; color: var(--color-primary-text); white-space: nowrap; }
.css-n4lsdr .asset_symbol { display: none; }
.css-n4lsdr .symbol { min-width: 60px; width: 100%; text-align: center; color: var(--color-text-80); display: none; }
.css-n4lsdr .type { min-width: 60px; width: 100%; text-align: center; text-transform: capitalize; color: var(--color-text-80); display: grid; place-content: center; }
.css-n4lsdr .price { min-width: 100px; width: 100%; text-align: center; color: var(--color-text-80); display: grid; place-content: center; }
.css-n4lsdr .price_mobile { display: none; }
.css-n4lsdr .change { min-width: 30px; width: 100%; text-align: center; color: var(--color-text-80); display: grid; place-content: center; }
.css-n4lsdr .change p.green { color: rgb(78, 190, 150); }
.css-n4lsdr .change p.red { color: rgb(255, 51, 68); }
.css-n4lsdr .fiat_price { min-width: 100px; width: 100%; text-align: center; color: var(--color-text-80); display: none; }
.css-n4lsdr .value { min-width: 10px; width: 100%; text-align: center; color: var(--color-text-80); display: grid; place-content: center; }
.css-n4lsdr .value .action { display: none; }
.css-n4lsdr .action { min-width: 50px; width: 100%; text-align: center; -webkit-box-pack: center; justify-content: center; display: flex; gap: 6px; font-size: 13px; font-weight: 500; }
.css-n4lsdr .action button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: var(--color-primary-text); background-color: var(--color-card-background-50); transition: 150ms ease-out; }
.css-n4lsdr .action button:hover { background: var(--color-primary); }
@media screen and (max-width: 1274px) {
  .css-n4lsdr .asset_name { display: none; }
  .css-n4lsdr .asset_symbol { display: block; }
}
@media screen and (max-width: 1200px) {
  .css-n4lsdr .type { display: none; }
}
@media screen and (max-width: 1010px) {
  .css-n4lsdr .change { display: none; }
  .css-n4lsdr .price { display: none; }
  .css-n4lsdr .price_mobile { white-space: nowrap; display: block; }
}
@media screen and (max-width: 900px) {
  .css-n4lsdr .asset_table_top { display: grid; }
  .css-n4lsdr .action { display: none; }
  .css-n4lsdr table tbody tr:hover .value .action { display: flex; }
  .css-n4lsdr table tbody tr:hover .value .value_amount { display: none; }
}
@media screen and (max-width: 368px) {
  .css-n4lsdr .value { display: none; }
}
.css-13zk4hq { height: calc(-104px + 100vh); }
.css-13zk4hq .trade_wrapper { display: grid; height: 100%; grid-template-areas: "top top top top" "top top top top" "top top top top" "table table table table"; gap: 8px; border-radius: 12px; overflow-y: scroll; }
.css-13zk4hq .trade_table { grid-area: table; width: 100%; border-radius: 12px; }
.css-13zk4hq .trade_wrapper_top { grid-area: top; display: flex; width: 100%; gap: 8px; max-height: fit-content; height: 100%; }
.css-13zk4hq .trade_wrapper_top .trade_chart { width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; position: relative; border-radius: 12px; background: var(--color-card-background) !important; }
.css-13zk4hq .trade_wrapper_top .trade_card { padding: 24px; max-width: 400px; width: 100%; border-radius: 12px; background: var(--color-card-background) !important; }
@media screen and (max-width: 768px) {
  .css-13zk4hq { display: flex; flex-direction: column; gap: 8px; height: auto !important; }
  .css-13zk4hq .trade_wrapper { height: unset; display: flex; flex-direction: column; width: 100%; gap: 8px; }
  .css-13zk4hq .trade_wrapper_top { flex-direction: column; }
  .css-13zk4hq .trade_wrapper_top .trade_chart { height: 350px !important; }
  .css-13zk4hq .trade_wrapper_top .trade_card { max-width: unset; }
}
.css-hq5m1w { display: flex; gap: 16px; flex-direction: column; position: relative; }
.css-1w2lmob { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; background-color: var(--color-control); padding: 24px; border-radius: 12px; width: 100%; gap: 8px; position: relative; border: 1px solid var(--color-card-background-3); }
.css-1w2lmob .row { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; align-items: center; position: relative; }
.css-1w2lmob .first_row p { font-size: 13px; font-weight: 500; color: var(--color-text-50); }
.css-1w2lmob .first_row div { overflow: hidden; }
.css-1w2lmob .second_row input { font-size: 28px; font-weight: 600; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text); width: 100%; padding: 0px; }
.css-1w2lmob .second_row button { display: flex; -webkit-box-align: center; align-items: center; gap: 10px; background: var(--color-control); border-radius: 120px; outline: none; border: 1px solid var(--color-control-border); color: var(--color-text); cursor: pointer; box-sizing: border-box; height: 36px; transition: 80ms ease-out; padding: 10px 12px !important; margin: 0px !important; }
.css-1w2lmob .second_row button:hover { background: var(--color-control-hover); }
.css-1w2lmob .asset_box { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; white-space: nowrap; }
.css-1w2lmob .asset_box p { font-size: 14px; font-weight: 500; }
.css-1w2lmob .third_row.disabled { user-select: none; pointer-events: none; visibility: hidden; }
.css-1w2lmob .third_row p { font-size: 13px; font-weight: 500; color: var(--color-text-50); }
.css-1w2lmob .flip_row { display: none; }
.css-1w2lmob .mobile-quick-flip-buttons { display: none; }
.css-1w2lmob .quick-flip-buttons { opacity: 0; transition: opacity 0.2s; }
.css-1w2lmob .quick-flip-button { transform: translateY(-12px) scale(0.8); opacity: 0; transition: 100ms; }
.css-1w2lmob:hover .quick-flip-buttons { opacity: 1; }
.css-1w2lmob:hover .quick-flip-button:nth-of-type(1) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 0ms; }
.css-1w2lmob:hover .quick-flip-button:nth-of-type(2) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 50ms; }
.css-1w2lmob:hover .quick-flip-button:nth-of-type(3) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 100ms; }
.css-1w2lmob:hover .quick-flip-button:nth-of-type(4) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 150ms; }
.css-1w2lmob:hover .quick-flip-button:nth-of-type(5) { transform: translateY(0px) scale(1); opacity: 1; transition-delay: 200ms; }
@media (max-width: 768px) {
  .css-1w2lmob .mobile-quick-flip-buttons { display: flex; }
  .css-1w2lmob .desktop-quick-flip-buttons { display: none; }
  .css-1w2lmob .flip_row { display: flex; }
  .css-1w2lmob .quick-flip-buttons { opacity: 1 !important; }
  .css-1w2lmob .quick-flip-button { transform: translateY(0px) scale(1) !important; opacity: 1 !important; transition-delay: 0ms !important; }
}
.css-1t09cyo { display: flex; gap: 6px; position: absolute; right: 0px; top: -10px; }
.css-9s34hr { background: var(--color-control); padding: 4px 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; border-radius: 8px; color: var(--color-text-secondary); font-size: 12px; font-weight: 600; cursor: pointer; }
.css-9s34hr:hover:not(:disabled) { color: var(--color-text); background: var(--color-control-hover); }
.css-9s34hr:disabled { opacity: 0.5; cursor: not-allowed; color: var(--color-text-disabled); }
.css-9s34hr.active { color: var(--color-white); }
.css-9s34hr.active p { color: var(--color-white) !important; }
.css-10m1y9x { height: 40px; width: 40px; border-radius: 6px; position: absolute; background: var(--color-control); border: 1px solid var(--color-control-border); backdrop-filter: blur(120px); top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); cursor: pointer; display: grid; place-content: center; transition: transform 0.2s; }
.css-10m1y9x.switching { color: var(--color-text-80); transform: translate(-50%, -50%) rotate(180deg); border-radius: 100%; }
@media (max-width: 768px) {
  .css-10m1y9x { transform: translate(-50%, -30%); }
  .css-10m1y9x.switching { transform: translate(-50%, -30%) rotate(180deg); }
}
.css-8ndowl { position: fixed; z-index: 1300; inset: 0px; }
.css-1mbdz04 { z-index: -1; }
.css-919eu4 { position: fixed; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; background-color: rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: transparent; z-index: -1; }
.css-cnr6v3 { position: absolute; width: 92%; padding: 16px; min-height: 300px; border-radius: 12px; max-width: 430px; animation: 0.3s ease-out 0s 1 normal forwards running fadeSlideIn; overflow: scroll; height: unset; max-height: 90dvh; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; border: 1px solid var(--color-card-background-3) !important; }
.css-cnr6v3 .modal_top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-cnr6v3 .modal_top .modal_top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-cnr6v3 .modal_top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-cnr6v3 .modal_top button:hover { background: var(--color-control); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-cnr6v3 .modal_content { margin-top: 16px; display: grid; gap: 16px; }
.css-cnr6v3 .modal_content .modal_description { font-size: 14px; line-height: 18px; color: var(--color-text-secondary); max-width: 95%; margin-bottom: 16px; }
.css-cnr6v3 .modal_button { margin-top: 32px; }
@-webkit-keyframes fadeSlideIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeSlideIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (max-width: 768px) {
  .css-cnr6v3 { position: fixed; top: unset; bottom: 0px; left: 0px; z-index: 101; width: 100%; max-width: unset; max-height: 85vh; transform: none; animation: 0.3s ease-out 0s 1 normal forwards running fadeSlideUp; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
}
.css-cnr6v3 .modal_footer { margin-top: 32px; display: flex; gap: 12px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; box-sizing: border-box !important; }
.css-1dbwoec { display: grid; gap: 16px; }
.css-1dbwoec .error_message { color: rgb(255, 51, 52); font-size: 12px; line-height: 16px; font-weight: 500; display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-54iz2d { padding: 24px 16px; overflow: scroll; border-radius: 12px; height: calc(-104px + 100vh); background: var(--color-card-background) !important; box-sizing: border-box !important; }
.css-54iz2d .copy_trading_top { display: flex; -webkit-box-align: center; align-items: center; gap: 16px; width: 100%; padding-bottom: 24px; -webkit-box-pack: justify; justify-content: space-between; }
.css-54iz2d .top_title { font-size: 16px; font-weight: 600; color: var(--color-text-secondary); }
.css-54iz2d .page_section_utils { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }
.css-54iz2d .copy_trading_bottom { display: flex; flex-direction: column; gap: 24px; }
@media screen and (max-width: 900px) {
  .css-54iz2d .copy_trading_top { display: grid !important; }
}
.css-5jkssr { position: fixed; top: 0px; right: 0px; min-height: 100vh; height: 100%; z-index: 999; transform: translateX(100%); padding: 24px 16px 16px; opacity: 0.75; max-width: 400px; width: 100%; overflow: hidden; transition: 300ms ease-in-out; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; }
.css-5jkssr .content { width: 100%; height: 100%; margin-top: 24px; }
.css-5jkssr .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-5jkssr .empty_state .svg-icon { width: 40px; height: 40px; }
.css-5jkssr .top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-5jkssr .top .top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-5jkssr .top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-5jkssr .top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
@media (max-width: 768px) {
  .css-5jkssr { max-width: unset; width: 100vw; background-color: var(--color-modal-background) !important; }
}
.css-7ptyyw { width: 100%; margin-top: 24px; position: relative; height: calc(100% - 40px); overflow-x: hidden; padding-bottom: 200px; }
.css-7ptyyw .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: rgba(255, 255, 255, 0.65); }
.css-7ptyyw .empty_state .svg-icon { width: 40px; height: 40px; }
.css-7ptyyw .notification_item { border-radius: 8px; padding: 12px; cursor: pointer; transition: 150ms ease-in-out; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-7ptyyw .notification_item .delete_btn { place-content: center; width: 24px; height: 24px; cursor: pointer; transition: 150ms ease-in-out; border-radius: 4px; display: none; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--color-text-50); }
.css-7ptyyw .notification_item .delete_btn:hover { background: var(--color-card-background-50); color: var(--color-primary-text); }
.css-7ptyyw .notification_item:nth-of-type(2n+1) { background: rgba(255, 255, 255, 0.01) !important; }
.css-7ptyyw .notification_item:hover { background: rgba(255, 255, 255, 0.055); }
.css-7ptyyw .notification_item:hover .delete_btn { display: grid; }
.css-7ptyyw .notification_item .left { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-7ptyyw .notification_item .left .left_info { display: grid; gap: 8px; }
.css-7ptyyw .notification_item .left .left_info_title { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; }
.css-7ptyyw .notification_item .left .left_info_title .title { font-size: 12px; font-weight: 600; color: var(--color-primary-text); }
.css-7ptyyw .notification_item .left .left_info_title .label { display: inline-flex; -webkit-box-align: center; align-items: center; border-radius: 10px; font-size: 12px; line-height: 16px; color: var(--color-text-50); font-weight: 500; }
.css-7ptyyw .notification_item .left .left_info_value { font-size: 12px; line-height: 16px; font-weight: 400; color: var(--color-text-50); }
.css-7ptyyw .notification_item .left img { width: 32px; height: 32px; }
.css-7ptyyw .notification_item .right { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-7ptyyw .notification_item .right .right_info { display: flex; font-size: 12px; line-height: 14px; gap: 4px; text-align: right; align-self: flex-end; }
.css-7ptyyw .notification_item .right .right_info p.title { font-weight: 500; color: var(--color-text-50); }
.css-7ptyyw .notification_item .right .right_info p.value { font-weight: 600; color: var(--color-primary-text); }
.css-7ptyyw .history_top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-7ptyyw .history_top .history_top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-primary-text) fff; }
.css-7ptyyw .history_top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-7ptyyw .history_top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
.css-7ptyyw.open { transform: translateX(0px); opacity: 1; }
@media (max-width: 768px) {
  .css-7ptyyw { max-width: unset; width: 100vw; }
}
.css-ghki8y { font-size: 13px; font-weight: 500; color: var(--color-text-secondary); }
.css-8kdl9r { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.css-8kdl9r .stock { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 8px; height: 36px; background-color: var(--color-control); border-radius: 6px; transition: 0.3s ease-out; border: 1px solid transparent; cursor: pointer; }
.css-8kdl9r .stock:hover { background: var(--color-control-hover); border-color: var(--color-primary); }
.css-8kdl9r .stock .left { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-8kdl9r .stock .left img { width: 16px; height: 16px; }
.css-8kdl9r .stock .left .name { font-size: 13px; font-weight: 500; color: var(--color-text); }
.css-8kdl9r .stock .left .name .symbol { font-size: 12px; font-weight: 500; color: var(--color-text-secondary); margin-left: 5px; }
.css-8kdl9r .stock .right { display: flex; }
.css-3vsa4r { display: flex; flex-direction: column; gap: 10px; }
.css-f1tec { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 24px; }
.css-f1tec .balance_label_wrapper { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-f1tec .balance_label { font-size: 14px; color: var(--color-text-secondary); line-height: 18px; font-weight: 500; }
.css-f1tec .balance_value { font-size: 24px; font-weight: 600; color: var(--color-text); line-height: 32px; font-feature-settings: "tnum"; }
.css-f1tec .balance_button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; border-radius: 120px; cursor: pointer; background-color: var(--color-control-active); transition: 150ms ease-in; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; max-height: max-content; padding: 10px 16px !important; height: fit-content !important; }
.css-f1tec .balance_button:hover { background-color: var(--color-control-hover); }
.css-f1tec .balance_button p { font-weight: 600; color: var(--color-text); font-size: 14px !important; line-height: 18px !important; }
.css-8jirrs { margin-top: 16px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-8jirrs .titles { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-8jirrs .title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-primary-text); }
.css-8jirrs .count { font-size: 14px; font-weight: 500; color: var(--color-text-50); }
.css-1be6l5f { margin-top: 24px; }
.css-1be6l5f .table_wrapper { max-width: calc(-40px + 100vw); padding-bottom: 48px; scroll-behavior: smooth; overflow: scroll !important; }
.css-nfzkd4 { height: 100%; width: 100%; display: flex; flex-direction: column; overflow: hidden scroll; counter-reset: row-counter 0; }
.css-nfzkd4 .action_icon { visibility: hidden; user-select: none; transition: 150ms ease-in-out; }
.css-nfzkd4 tbody tr:hover .action_icon { visibility: visible; }
.css-nfzkd4 .empty_state { padding: 16px 8px 8px; color: var(--color-text-secondary); font-size: 13px; font-weight: 600; }
.css-nfzkd4 .empty_state strong { color: var(--color-primary); font-weight: 700; cursor: pointer; }
.css-nfzkd4 thead { top: 0px; }
.css-nfzkd4 thead th { font-size: 12px; font-weight: 500; color: var(--color-text-secondary); }
.css-nfzkd4 tbody td { font-size: 14px; font-weight: 500; }
.css-nfzkd4 thead tr, .css-nfzkd4 tbody tr { display: flex; width: 100%; gap: 12px; -webkit-box-align: center; align-items: center; white-space: nowrap; }
.css-nfzkd4 thead tr { background: transparent; padding: 4px 8px; border-radius: 8px; }
.css-nfzkd4 tbody { display: grid; gap: 8px; width: 100%; overflow: scroll; padding-top: 12px; }
.css-nfzkd4 tbody tr:nth-of-type(2n) { background: transparent; }
.css-nfzkd4 tbody tr:nth-of-type(2n+1) { background: var(--color-card-background-2) !important; }
.css-nfzkd4 tbody tr { padding: 10px 8px; border-radius: 8px; cursor: pointer; transition: 0.1s ease-in-out; color: var(--color-text-secondary); border: 1px solid var(--color-card-background-3); }
.css-nfzkd4 tbody tr:hover { background: var(--color-control-hover) !important; }
.css-nfzkd4 tbody:has(> :hover) > :not(:hover) { opacity: 0.7; }
.css-nfzkd4 .id { min-width: 50px; width: 100%; display: flex; -webkit-box-pack: start; justify-content: flex-start; gap: 6px; -webkit-box-align: center; align-items: center; max-width: unset !important; }
.css-nfzkd4 .date { min-width: 100px; width: 100%; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.css-nfzkd4 .amount, .css-nfzkd4 .amount_small { min-width: 100px; width: 100%; display: flex; -webkit-box-pack: start; justify-content: flex-start; gap: 2px; -webkit-box-align: center; align-items: center; max-width: unset !important; }
.css-nfzkd4 .label_wrapper { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; }
.css-nfzkd4 .label { display: inline-flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 3px 8px; background: rgba(255, 183, 0, 0.15); border-radius: 10px; font-size: 12px; line-height: 12px; color: rgb(255, 183, 0); }
.css-nfzkd4 .label.positive { background: rgba(78, 190, 150, 0.15); color: rgb(78, 190, 150); }
.css-nfzkd4 .label.negative { background: rgba(255, 69, 58, 0.15); color: rgb(255, 69, 58); }
.css-nfzkd4 .status { min-width: 80px; width: 100%; text-align: center; -webkit-box-pack: center; justify-content: center; display: flex; gap: 6px; font-size: 13px; font-weight: 600; }
.css-nfzkd4 span.approved { text-transform: capitalize; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: rgb(78, 190, 150); background: rgba(78, 190, 150, 0.1); }
.css-nfzkd4 span.pending { text-transform: capitalize; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: var(--color-primary); background: rgba(49, 172, 238, 0.1); }
.css-nfzkd4 span.declined { text-transform: capitalize; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: rgb(255, 69, 58); background: rgba(255, 69, 58, 0.1); }
.css-nfzkd4 .action { min-width: 50px; width: 100%; text-align: left; -webkit-box-pack: center; justify-content: center; display: flex; gap: 6px; }
.css-nfzkd4 .action button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 6px 12px; max-width: max-content; border-radius: 4px; color: var(--color-text); background-color: var(--color-control-active); transition: 150ms ease-out; font-size: 13px; font-weight: 600; }
.css-nfzkd4 .action button:hover { background: var(--color-primary); }
.css-svpn78 { position: fixed; top: 0px; right: 0px; min-height: 100vh; height: 100%; z-index: 999; transform: translateX(0px); padding: 24px 16px 16px; opacity: 1; max-width: 400px; width: 100%; overflow: hidden; transition: 300ms ease-in-out; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; }
.css-svpn78 .content { width: 100%; height: 100%; margin-top: 24px; }
.css-svpn78 .empty_state { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; width: 100%; height: 100%; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text-secondary); }
.css-svpn78 .empty_state .svg-icon { width: 40px; height: 40px; }
.css-svpn78 .top { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-svpn78 .top .top_title { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--color-text); }
.css-svpn78 .top button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: grid; place-content: center; width: 24px; height: 24px; }
.css-svpn78 .top button:hover { background: var(--color-card-background-50); border-radius: 4px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(334deg) brightness(200%) contrast(100%); }
@media (max-width: 768px) {
  .css-svpn78 { max-width: unset; width: 100vw; background-color: var(--color-modal-background) !important; }
}
.css-138zh91 { margin-top: 24px; }
.css-138zh91 .empty_state { font-size: 13px; line-height: 18px; font-weight: 400; color: var(--color-text-75); }
.css-138zh91 .table_wrapper { max-width: calc(-40px + 100vw); padding-bottom: 48px; scroll-behavior: smooth; overflow: scroll !important; }
.css-138zh91 .content_wrapper { display: flex; flex-direction: column; gap: 12px; }
.css-138zh91 .stock { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; background-color: transparent; padding: 10px 8px; cursor: pointer; transition: 0.2s ease-in-out; border-radius: 5px; -webkit-box-align: center; align-items: center; }
.css-138zh91 .stock:nth-of-type(2n+1) { background-color: var(--color-control); }
.css-138zh91 .stock:hover { background-color: var(--color-control-hover); }
.css-138zh91 .stock_left { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }
.css-138zh91 .stock_left img { object-fit: cover; width: 28px !important; height: 28px !important; }
.css-138zh91 .stock_left span { display: flex; flex-direction: column; gap: 6px; }
.css-138zh91 .stock_name { font-size: 14px; font-weight: 500; color: var(--color-text); }
.css-138zh91 .stock_value { display: flex; gap: 4px; }
.css-138zh91 .stock_value p { font-size: 13px; font-weight: 500; color: var(--color-text-secondary); }
.css-138zh91 .stock_right span { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.css-138zh91 .stock_right .chevron_right { width: 16px; height: 16px; color: var(--color-primary); }
.css-138zh91 .chevron_right_wrapper { display: none; transition: 0.2s ease-in-out; height: 32px; }
.css-138zh91 .stock:hover .chevron_right_wrapper { display: grid; place-items: center; }
.css-138zh91 .stock:hover .stock_right span { display: none; }
.css-138zh91 p.current_price { font-size: 13px; font-weight: 500; color: var(--color-text-tertiary); }
.css-138zh91 p.change_24h { font-size: 13px; font-weight: 500; color: var(--color-text-tertiary); }
.css-138zh91 p.change_24h.positive { color: rgb(78, 190, 150); }
.css-138zh91 p.change_24h.negative { color: rgb(255, 51, 68); }
@media screen and (max-width: 350px) {
  .css-138zh91 .stock_right span { display: none; }
  .css-138zh91 .stock_right .chevron_right_wrapper { place-items: center; display: grid !important; }
}
.css-1r4gkvq { position: fixed; z-index: 999; height: 100%; width: 100%; inset: 0px; background-color: rgba(0, 0, 0, 0.4); }
.css-3hz4lo { display: flex; flex-direction: column; position: fixed; outline: none; border-top-left-radius: 10px; border-top-right-radius: 10px; z-index: 999; height: 100% !important; max-height: 80dvh !important; bottom: 0px !important; left: 0px !important; right: 0px !important; background: var(--color-modal-background) !important; backdrop-filter: blur(200px) !important; overflow: hidden !important; padding: 0px !important; margin: 0px !important; }
.css-3hz4lo.height_fit_content { height: fit-content !important; }
.css-3hz4lo .content_wrapper { padding: 0.5rem !important; }
.css-3hz4lo.mobile_sheet_modal .content_wrapper { padding: 16px !important; overflow: hidden !important; }
.css-3hz4lo .drawer_header { -webkit-box-pack: justify; display: flex !important; justify-content: space-between !important; -webkit-box-align: center !important; align-items: center !important; }
.css-3hz4lo .drawer_header .drawer_title { font-size: 14px !important; line-height: 18px !important; font-weight: 600 !important; color: var(--color-text) !important; }
.css-1rgr0q7 { margin-right: auto; margin-left: auto; width: 3rem; height: 0.375rem; flex-shrink: 0; border-radius: 9999px; background-color: var(--color-control); margin-top: 1rem !important; margin-bottom: 1rem !important; }
.css-1bcsk4n { display: flex !important; flex-direction: column !important; overflow: hidden !important; }
.css-1bcsk4n .modal_description { font-size: 14px !important; line-height: 18px !important; color: var(--color-text-secondary) !important; max-width: 95% !important; margin-bottom: 16px !important; }
.css-1bcsk4n .modal_footer { margin-top: 32px; display: flex; gap: 12px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; box-sizing: border-box !important; }
.css-1lvgwq3 { display: flex !important; flex-direction: column !important; height: 100% !important; overflow: hidden !important; }
.css-1lvgwq3 .content { display: grid !important; gap: 16px !important; flex: 1 1 0% !important; overflow: hidden scroll !important; max-height: 100% !important; }