/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
  Authors : initappz (Rahul Jograna)
  Website : https://initappz.com/
  App Name : CryptoCurrency - CryptoApp 1 This App Template Source code is licensed as per the
  terms found in the Website https://initappz.com/license
  Copyright and Good Faith Purchasers © 2023-present initappz.
*/
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #ffffff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #222428;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #ffffff;
  --ion-color-primary-tint: #ffffff;
  /** secondary **/
  --ion-color-secondary: #E0F64B;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #222428;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #E0F64B;
  --ion-color-secondary-tint: #E0F64B;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #ce424d !important;
  --ion-color-danger-rgb: 206, 66, 77 !important;
  --ion-color-danger-contrast: #ffffff !important;
  --ion-color-danger-contrast-rgb: 255, 255, 255 !important;
  --ion-color-danger-shade: #b53a44 !important;
  --ion-color-danger-tint: #d3555f !important;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #9c9da3 !important;
  --ion-color-medium-rgb: 142, 143, 149;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/core.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/normalize.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*# sourceMappingURL=normalize.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/structure.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}/*# sourceMappingURL=structure.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/typography.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*# sourceMappingURL=typography.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/display.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.ion-hide{display:none !important}.ion-hide-up{display:none !important}.ion-hide-down{display:none !important}@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}@media(min-width: 768px){.ion-hide-md-up{display:none !important}}@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}.ion-display-none{display:none !important}@media(min-width: 576px){.ion-display-sm-none{display:none !important}}@media(min-width: 768px){.ion-display-md-none{display:none !important}}@media(min-width: 992px){.ion-display-lg-none{display:none !important}}@media(min-width: 1200px){.ion-display-xl-none{display:none !important}}.ion-display-inline{display:inline !important}@media(min-width: 576px){.ion-display-sm-inline{display:inline !important}}@media(min-width: 768px){.ion-display-md-inline{display:inline !important}}@media(min-width: 992px){.ion-display-lg-inline{display:inline !important}}@media(min-width: 1200px){.ion-display-xl-inline{display:inline !important}}.ion-display-inline-block{display:inline-block !important}@media(min-width: 576px){.ion-display-sm-inline-block{display:inline-block !important}}@media(min-width: 768px){.ion-display-md-inline-block{display:inline-block !important}}@media(min-width: 992px){.ion-display-lg-inline-block{display:inline-block !important}}@media(min-width: 1200px){.ion-display-xl-inline-block{display:inline-block !important}}.ion-display-block{display:block !important}@media(min-width: 576px){.ion-display-sm-block{display:block !important}}@media(min-width: 768px){.ion-display-md-block{display:block !important}}@media(min-width: 992px){.ion-display-lg-block{display:block !important}}@media(min-width: 1200px){.ion-display-xl-block{display:block !important}}.ion-display-flex{display:flex !important}@media(min-width: 576px){.ion-display-sm-flex{display:flex !important}}@media(min-width: 768px){.ion-display-md-flex{display:flex !important}}@media(min-width: 992px){.ion-display-lg-flex{display:flex !important}}@media(min-width: 1200px){.ion-display-xl-flex{display:flex !important}}.ion-display-inline-flex{display:inline-flex !important}@media(min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.ion-display-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex !important}}.ion-display-grid{display:grid !important}@media(min-width: 576px){.ion-display-sm-grid{display:grid !important}}@media(min-width: 768px){.ion-display-md-grid{display:grid !important}}@media(min-width: 992px){.ion-display-lg-grid{display:grid !important}}@media(min-width: 1200px){.ion-display-xl-grid{display:grid !important}}.ion-display-inline-grid{display:inline-grid !important}@media(min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid !important}}@media(min-width: 768px){.ion-display-md-inline-grid{display:inline-grid !important}}@media(min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid !important}}@media(min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid !important}}.ion-display-table{display:table !important}@media(min-width: 576px){.ion-display-sm-table{display:table !important}}@media(min-width: 768px){.ion-display-md-table{display:table !important}}@media(min-width: 992px){.ion-display-lg-table{display:table !important}}@media(min-width: 1200px){.ion-display-xl-table{display:table !important}}.ion-display-table-cell{display:table-cell !important}@media(min-width: 576px){.ion-display-sm-table-cell{display:table-cell !important}}@media(min-width: 768px){.ion-display-md-table-cell{display:table-cell !important}}@media(min-width: 992px){.ion-display-lg-table-cell{display:table-cell !important}}@media(min-width: 1200px){.ion-display-xl-table-cell{display:table-cell !important}}.ion-display-table-row{display:table-row !important}@media(min-width: 576px){.ion-display-sm-table-row{display:table-row !important}}@media(min-width: 768px){.ion-display-md-table-row{display:table-row !important}}@media(min-width: 992px){.ion-display-lg-table-row{display:table-row !important}}@media(min-width: 1200px){.ion-display-xl-table-row{display:table-row !important}}/*# sourceMappingURL=display.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/padding.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/float-elements.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}/*# sourceMappingURL=float-elements.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/text-alignment.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}/*# sourceMappingURL=text-alignment.css.map */

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/text-transformation.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}/*# sourceMappingURL=text-transformation.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/flex-utils.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.ion-align-content-start{align-content:flex-start !important}.ion-align-content-end{align-content:flex-end !important}.ion-align-content-center{align-content:center !important}.ion-align-content-between{align-content:space-between !important}.ion-align-content-around{align-content:space-around !important}.ion-align-content-stretch{align-content:stretch !important}@media(min-width: 576px){.ion-align-content-sm-start{align-content:flex-start !important}.ion-align-content-sm-end{align-content:flex-end !important}.ion-align-content-sm-center{align-content:center !important}.ion-align-content-sm-between{align-content:space-between !important}.ion-align-content-sm-around{align-content:space-around !important}.ion-align-content-sm-stretch{align-content:stretch !important}}@media(min-width: 768px){.ion-align-content-md-start{align-content:flex-start !important}.ion-align-content-md-end{align-content:flex-end !important}.ion-align-content-md-center{align-content:center !important}.ion-align-content-md-between{align-content:space-between !important}.ion-align-content-md-around{align-content:space-around !important}.ion-align-content-md-stretch{align-content:stretch !important}}@media(min-width: 992px){.ion-align-content-lg-start{align-content:flex-start !important}.ion-align-content-lg-end{align-content:flex-end !important}.ion-align-content-lg-center{align-content:center !important}.ion-align-content-lg-between{align-content:space-between !important}.ion-align-content-lg-around{align-content:space-around !important}.ion-align-content-lg-stretch{align-content:stretch !important}}@media(min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start !important}.ion-align-content-xl-end{align-content:flex-end !important}.ion-align-content-xl-center{align-content:center !important}.ion-align-content-xl-between{align-content:space-between !important}.ion-align-content-xl-around{align-content:space-around !important}.ion-align-content-xl-stretch{align-content:stretch !important}}.ion-align-items-start{align-items:start !important}.ion-align-items-end{align-items:end !important}.ion-align-items-center{align-items:center !important}.ion-align-items-stretch{align-items:stretch !important}.ion-align-items-baseline{align-items:baseline !important}@media(min-width: 576px){.ion-align-items-sm-start{align-items:start !important}.ion-align-items-sm-end{align-items:end !important}.ion-align-items-sm-center{align-items:center !important}.ion-align-items-sm-stretch{align-items:stretch !important}.ion-align-items-sm-baseline{align-items:baseline !important}}@media(min-width: 768px){.ion-align-items-md-start{align-items:start !important}.ion-align-items-md-end{align-items:end !important}.ion-align-items-md-center{align-items:center !important}.ion-align-items-md-stretch{align-items:stretch !important}.ion-align-items-md-baseline{align-items:baseline !important}}@media(min-width: 992px){.ion-align-items-lg-start{align-items:start !important}.ion-align-items-lg-end{align-items:end !important}.ion-align-items-lg-center{align-items:center !important}.ion-align-items-lg-stretch{align-items:stretch !important}.ion-align-items-lg-baseline{align-items:baseline !important}}@media(min-width: 1200px){.ion-align-items-xl-start{align-items:start !important}.ion-align-items-xl-end{align-items:end !important}.ion-align-items-xl-center{align-items:center !important}.ion-align-items-xl-stretch{align-items:stretch !important}.ion-align-items-xl-baseline{align-items:baseline !important}}.ion-align-self-start{align-self:start !important}.ion-align-self-end{align-self:end !important}.ion-align-self-center{align-self:center !important}.ion-align-self-stretch{align-self:stretch !important}.ion-align-self-baseline{align-self:baseline !important}.ion-align-self-auto{align-self:auto !important}@media(min-width: 576px){.ion-align-self-sm-start{align-self:start !important}.ion-align-self-sm-end{align-self:end !important}.ion-align-self-sm-center{align-self:center !important}.ion-align-self-sm-stretch{align-self:stretch !important}.ion-align-self-sm-baseline{align-self:baseline !important}.ion-align-self-sm-auto{align-self:auto !important}}@media(min-width: 768px){.ion-align-self-md-start{align-self:start !important}.ion-align-self-md-end{align-self:end !important}.ion-align-self-md-center{align-self:center !important}.ion-align-self-md-stretch{align-self:stretch !important}.ion-align-self-md-baseline{align-self:baseline !important}.ion-align-self-md-auto{align-self:auto !important}}@media(min-width: 992px){.ion-align-self-lg-start{align-self:start !important}.ion-align-self-lg-end{align-self:end !important}.ion-align-self-lg-center{align-self:center !important}.ion-align-self-lg-stretch{align-self:stretch !important}.ion-align-self-lg-baseline{align-self:baseline !important}.ion-align-self-lg-auto{align-self:auto !important}}@media(min-width: 1200px){.ion-align-self-xl-start{align-self:start !important}.ion-align-self-xl-end{align-self:end !important}.ion-align-self-xl-center{align-self:center !important}.ion-align-self-xl-stretch{align-self:stretch !important}.ion-align-self-xl-baseline{align-self:baseline !important}.ion-align-self-xl-auto{align-self:auto !important}}.ion-justify-content-start{justify-content:flex-start !important}.ion-justify-content-end{justify-content:flex-end !important}.ion-justify-content-center{justify-content:center !important}.ion-justify-content-between{justify-content:space-between !important}.ion-justify-content-around{justify-content:space-around !important}.ion-justify-content-evenly{justify-content:space-evenly !important}@media(min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start !important}.ion-justify-content-sm-end{justify-content:flex-end !important}.ion-justify-content-sm-center{justify-content:center !important}.ion-justify-content-sm-between{justify-content:space-between !important}.ion-justify-content-sm-around{justify-content:space-around !important}.ion-justify-content-sm-evenly{justify-content:space-evenly !important}}@media(min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start !important}.ion-justify-content-md-end{justify-content:flex-end !important}.ion-justify-content-md-center{justify-content:center !important}.ion-justify-content-md-between{justify-content:space-between !important}.ion-justify-content-md-around{justify-content:space-around !important}.ion-justify-content-md-evenly{justify-content:space-evenly !important}}@media(min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start !important}.ion-justify-content-lg-end{justify-content:flex-end !important}.ion-justify-content-lg-center{justify-content:center !important}.ion-justify-content-lg-between{justify-content:space-between !important}.ion-justify-content-lg-around{justify-content:space-around !important}.ion-justify-content-lg-evenly{justify-content:space-evenly !important}}@media(min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start !important}.ion-justify-content-xl-end{justify-content:flex-end !important}.ion-justify-content-xl-center{justify-content:center !important}.ion-justify-content-xl-between{justify-content:space-between !important}.ion-justify-content-xl-around{justify-content:space-around !important}.ion-justify-content-xl-evenly{justify-content:space-evenly !important}}.ion-flex-row{flex-direction:row !important}.ion-flex-row-reverse{flex-direction:row-reverse !important}.ion-flex-column{flex-direction:column !important}.ion-flex-column-reverse{flex-direction:column-reverse !important}@media(min-width: 576px){.ion-flex-sm-row{flex-direction:row !important}.ion-flex-sm-row-reverse{flex-direction:row-reverse !important}.ion-flex-sm-column{flex-direction:column !important}.ion-flex-sm-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 768px){.ion-flex-md-row{flex-direction:row !important}.ion-flex-md-row-reverse{flex-direction:row-reverse !important}.ion-flex-md-column{flex-direction:column !important}.ion-flex-md-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 992px){.ion-flex-lg-row{flex-direction:row !important}.ion-flex-lg-row-reverse{flex-direction:row-reverse !important}.ion-flex-lg-column{flex-direction:column !important}.ion-flex-lg-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 1200px){.ion-flex-xl-row{flex-direction:row !important}.ion-flex-xl-row-reverse{flex-direction:row-reverse !important}.ion-flex-xl-column{flex-direction:column !important}.ion-flex-xl-column-reverse{flex-direction:column-reverse !important}}.ion-wrap{flex-wrap:wrap !important}.ion-nowrap{flex-wrap:nowrap !important}.ion-wrap-reverse{flex-wrap:wrap-reverse !important}.ion-flex-wrap{flex-wrap:wrap !important}.ion-flex-nowrap{flex-wrap:nowrap !important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse !important}@media(min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap !important}.ion-flex-sm-nowrap{flex-wrap:nowrap !important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap !important}.ion-flex-md-nowrap{flex-wrap:nowrap !important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap !important}.ion-flex-lg-nowrap{flex-wrap:nowrap !important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap !important}.ion-flex-xl-nowrap{flex-wrap:nowrap !important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}}.ion-flex-1{flex:1 !important}.ion-flex-auto{flex:auto !important}.ion-flex-initial{flex:initial !important}.ion-flex-none{flex:none !important}@media(min-width: 576px){.ion-flex-sm-1{flex:1 !important}.ion-flex-sm-auto{flex:auto !important}.ion-flex-sm-initial{flex:initial !important}.ion-flex-sm-none{flex:none !important}}@media(min-width: 768px){.ion-flex-md-1{flex:1 !important}.ion-flex-md-auto{flex:auto !important}.ion-flex-md-initial{flex:initial !important}.ion-flex-md-none{flex:none !important}}@media(min-width: 992px){.ion-flex-lg-1{flex:1 !important}.ion-flex-lg-auto{flex:auto !important}.ion-flex-lg-initial{flex:initial !important}.ion-flex-lg-none{flex:none !important}}@media(min-width: 1200px){.ion-flex-xl-1{flex:1 !important}.ion-flex-xl-auto{flex:auto !important}.ion-flex-xl-initial{flex:initial !important}.ion-flex-xl-none{flex:none !important}}.ion-flex-grow-0{flex-grow:0 !important}.ion-flex-grow-1{flex-grow:1 !important}.ion-flex-shrink-0{flex-shrink:0 !important}.ion-flex-shrink-1{flex-shrink:1 !important}@media(min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0 !important}.ion-flex-sm-grow-1{flex-grow:1 !important}.ion-flex-sm-shrink-0{flex-shrink:0 !important}.ion-flex-sm-shrink-1{flex-shrink:1 !important}}@media(min-width: 768px){.ion-flex-md-grow-0{flex-grow:0 !important}.ion-flex-md-grow-1{flex-grow:1 !important}.ion-flex-md-shrink-0{flex-shrink:0 !important}.ion-flex-md-shrink-1{flex-shrink:1 !important}}@media(min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0 !important}.ion-flex-lg-grow-1{flex-grow:1 !important}.ion-flex-lg-shrink-0{flex-shrink:0 !important}.ion-flex-lg-shrink-1{flex-shrink:1 !important}}@media(min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0 !important}.ion-flex-xl-grow-1{flex-grow:1 !important}.ion-flex-xl-shrink-0{flex-shrink:0 !important}.ion-flex-xl-shrink-1{flex-shrink:1 !important}}.ion-order-first{order:-1 !important}.ion-order-0{order:0 !important}.ion-order-1{order:1 !important}.ion-order-2{order:2 !important}.ion-order-3{order:3 !important}.ion-order-4{order:4 !important}.ion-order-5{order:5 !important}.ion-order-6{order:6 !important}.ion-order-7{order:7 !important}.ion-order-8{order:8 !important}.ion-order-9{order:9 !important}.ion-order-10{order:10 !important}.ion-order-11{order:11 !important}.ion-order-12{order:12 !important}.ion-order-last{order:13 !important}@media(min-width: 576px){.ion-order-sm-first{order:-1 !important}.ion-order-sm-0{order:0 !important}.ion-order-sm-1{order:1 !important}.ion-order-sm-2{order:2 !important}.ion-order-sm-3{order:3 !important}.ion-order-sm-4{order:4 !important}.ion-order-sm-5{order:5 !important}.ion-order-sm-6{order:6 !important}.ion-order-sm-7{order:7 !important}.ion-order-sm-8{order:8 !important}.ion-order-sm-9{order:9 !important}.ion-order-sm-10{order:10 !important}.ion-order-sm-11{order:11 !important}.ion-order-sm-12{order:12 !important}.ion-order-sm-last{order:13 !important}}@media(min-width: 768px){.ion-order-md-first{order:-1 !important}.ion-order-md-0{order:0 !important}.ion-order-md-1{order:1 !important}.ion-order-md-2{order:2 !important}.ion-order-md-3{order:3 !important}.ion-order-md-4{order:4 !important}.ion-order-md-5{order:5 !important}.ion-order-md-6{order:6 !important}.ion-order-md-7{order:7 !important}.ion-order-md-8{order:8 !important}.ion-order-md-9{order:9 !important}.ion-order-md-10{order:10 !important}.ion-order-md-11{order:11 !important}.ion-order-md-12{order:12 !important}.ion-order-md-last{order:13 !important}}@media(min-width: 992px){.ion-order-lg-first{order:-1 !important}.ion-order-lg-0{order:0 !important}.ion-order-lg-1{order:1 !important}.ion-order-lg-2{order:2 !important}.ion-order-lg-3{order:3 !important}.ion-order-lg-4{order:4 !important}.ion-order-lg-5{order:5 !important}.ion-order-lg-6{order:6 !important}.ion-order-lg-7{order:7 !important}.ion-order-lg-8{order:8 !important}.ion-order-lg-9{order:9 !important}.ion-order-lg-10{order:10 !important}.ion-order-lg-11{order:11 !important}.ion-order-lg-12{order:12 !important}.ion-order-lg-last{order:13 !important}}@media(min-width: 1200px){.ion-order-xl-first{order:-1 !important}.ion-order-xl-0{order:0 !important}.ion-order-xl-1{order:1 !important}.ion-order-xl-2{order:2 !important}.ion-order-xl-3{order:3 !important}.ion-order-xl-4{order:4 !important}.ion-order-xl-5{order:5 !important}.ion-order-xl-6{order:6 !important}.ion-order-xl-7{order:7 !important}.ion-order-xl-8{order:8 !important}.ion-order-xl-9{order:9 !important}.ion-order-xl-10{order:10 !important}.ion-order-xl-11{order:11 !important}.ion-order-xl-12{order:12 !important}.ion-order-xl-last{order:13 !important}}/*# sourceMappingURL=flex-utils.css.map */

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
  Authors : initappz (Rahul Jograna)
  Website : https://initappz.com/
  App Name : CryptoCurrency - CryptoApp 1 This App Template Source code is licensed as per the
  terms found in the Website https://initappz.com/license
  Copyright and Good Faith Purchasers © 2023-present initappz.
*/
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
/* Basic CSS for apps built with Ionic */
/* Optional CSS utils that can be commented out */
html, body {
  height: 100dvh;
  max-height: 100dvh;
}

html.plt-pwa {
  height: 100dvh;
  max-height: 100dvh;
}

@font-face {
  font-family: "regular";
  src: url('Ubuntu-Regular.ttf');
}
@font-face {
  font-family: "bold";
  src: url('Ubuntu-Bold.ttf');
}
@font-face {
  font-family: "semi-bold";
  src: url('Ubuntu-Medium.ttf');
}
* {
  font-family: "regular";
}

ion-label {
  display: block !important;
}

.ripple-parent {
  position: relative;
  overflow: hidden;
}

.auth-footer-lbl {
  margin: 5px 0px;
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-medium);
  text-align: center;
}

ion-content {
  --background: var(--ion-color-dark);
}

ion-toolbar {
  --background: var(--ion-color-dark);
}
ion-toolbar ion-avatar {
  height: 40px;
  width: 40px;
}
ion-toolbar ion-searchbar {
  margin-top: 10px;
  font-family: "semi-bold";
}
ion-toolbar .share-info .share-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}
ion-toolbar .share-info .share-data .first-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
ion-toolbar .share-info .share-data .first-content .cover {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
ion-toolbar .share-info .share-data .first-content .name-data {
  padding: 0px 10px;
}
ion-toolbar .share-info .share-data .first-content .name-data .title {
  font-size: 1.2rem;
  color: var(--ion-color-light);
  text-align: start;
  font-family: "bold";
}
ion-toolbar .share-info .share-data .first-content .name-data .sub-title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: start;
}
ion-toolbar .share-info .share-data .name-content .title {
  font-size: 1.2rem;
  color: var(--ion-color-light);
  text-align: end;
  font-family: "bold";
}
ion-toolbar .share-info .share-data .name-content .sub-title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: end;
}
ion-toolbar .share-info .share-chart {
  height: 200px;
  width: 100%;
}

.searchbar-input-container {
  --background: rgba(0, 0, 0, 0.16);
  --color: var(--ion-color-light);
  --placeholder-color: var(--ion-color-light);
  color: var(--ion-color-light);
  width: 100%;
}

ion-title {
  font-family: "bold";
  text-transform: capitalize;
  font-size: 14px;
  color: var(--ion-color-light);
}
ion-title .title-bold-toolbar {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
}
ion-title .title-regular-toolbar {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-light);
}

ion-segment ion-label {
  text-transform: capitalize;
  font-family: "bold";
  color: var(--ion-color-light);
}

ion-button {
  font-family: "regular";
  text-transform: capitalize;
}

ion-modal.support-modal .modal-wrapper {
  width: 100% !important;
}
ion-modal.support-modal.bottom {
  align-items: flex-end !important;
}
ion-modal.support-modal {
  --height: 95vh;
  align-items: flex-end;
  --border-radius:20px 20px 0px 0px;
  --backdrop-opacity:0.8;
}

ion-action-sheet.lb-action-sheet {
  --background: var(--ion-color-dark);
  --button-color: var(--ion-color-light);
  --backdrop-opacity: 0.6;
}
ion-action-sheet.lb-action-sheet::part(group) {
  background: var(--ion-color-dark);
}
ion-action-sheet.lb-action-sheet::part(group-cancel) {
  background: color-mix(in srgb, var(--ion-color-dark) 82%, black);
}
ion-action-sheet.lb-action-sheet::part(button) {
  color: var(--ion-color-light);
}
ion-action-sheet.lb-action-sheet::part(icon) {
  color: var(--ion-color-secondary);
}

.toolbar-marketplace-segment .active-segment {
  background-color: var(--ion-color-secondary);
  border-radius: 5px;
}
.toolbar-marketplace-segment .active-segment .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: center;
  padding: 5px;
}
.toolbar-marketplace-segment .segment {
  background-color: rgba(0, 0, 0, 0.88);
  border-radius: 5px;
}
.toolbar-marketplace-segment .segment .lbl {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: center;
  padding: 5px;
}

.toolbar-marketplace-filter .filter-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.toolbar-marketplace-filter .filter-btn .lbl {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-align: center;
  margin: 0px 5px;
}

:root:not(.theme-default) .toolbar-marketplace-segment {
  margin: 0;
  padding: 0 10px 8px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
:root:not(.theme-default) .toolbar-marketplace-segment ion-col {
  padding: 0 4px;
}
:root:not(.theme-default) .toolbar-marketplace-segment .active-segment,
:root:not(.theme-default) .toolbar-marketplace-segment .segment {
  position: relative;
  isolation: isolate;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  padding: 0 6px;
  transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}
:root:not(.theme-default) .toolbar-marketplace-segment .active-segment .lbl,
:root:not(.theme-default) .toolbar-marketplace-segment .segment .lbl {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0;
  line-height: 1.15;
  letter-spacing: 0;
  white-space: normal;
}
:root:not(.theme-default) .toolbar-marketplace-segment .active-segment {
  background: var(--ion-color-secondary);
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.75);
  box-shadow: none;
  transform: none;
}
:root:not(.theme-default) .toolbar-marketplace-segment .active-segment .lbl {
  color: var(--ion-color-secondary-contrast);
  font-family: "bold";
  font-size: 13px;
}
:root:not(.theme-default) .toolbar-marketplace-segment .segment {
  background: rgba(0, 0, 0, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.035);
  box-shadow: none;
}
:root:not(.theme-default) .toolbar-marketplace-segment .segment .lbl {
  color: var(--ion-color-light);
  font-family: "regular";
  font-size: 13px;
}
:root:not(.theme-default) app-commodity-list .toolbar-marketplace-segment,
:root:not(.theme-default) app-yield-list .toolbar-marketplace-segment {
  padding: 5px;
}
:root:not(.theme-default) app-commodity-list .toolbar-marketplace-segment .active-segment,
:root:not(.theme-default) app-commodity-list .toolbar-marketplace-segment .segment,
:root:not(.theme-default) app-yield-list .toolbar-marketplace-segment .active-segment,
:root:not(.theme-default) app-yield-list .toolbar-marketplace-segment .segment {
  padding: 0 6px;
}
:root:not(.theme-default) app-commodity-list .toolbar-marketplace-segment .active-segment .lbl,
:root:not(.theme-default) app-commodity-list .toolbar-marketplace-segment .segment .lbl,
:root:not(.theme-default) app-yield-list .toolbar-marketplace-segment .active-segment .lbl,
:root:not(.theme-default) app-yield-list .toolbar-marketplace-segment .segment .lbl {
  font-size: 13px;
}
:root:not(.theme-default) .toolbar-marketplace-filter {
  padding: 6px 10px 2px;
}
:root:not(.theme-default) .toolbar-marketplace-filter .filter-btn {
  min-height: 34px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}
:root:not(.theme-default) .toolbar-marketplace-filter .filter-btn .lbl {
  color: color-mix(in srgb, var(--ion-color-light) 62%, var(--ion-color-secondary));
}
:root:not(.theme-default) .toolbar-marketplace-filter .filter-btn ion-icon {
  color: var(--ion-color-secondary);
}

.choose-currency-segment .active {
  background-color: var(--ion-color-secondary);
  border-radius: 5px;
}
.choose-currency-segment .active .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: center;
  padding: 10px;
}
.choose-currency-segment .deactive {
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 5px;
}
.choose-currency-segment .deactive .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  padding: 10px;
}

.chat-support-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid var(--ion-color-medium);
  border-radius: 10px;
}
.chat-support-footer ion-textarea {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  --padding-start: 10px;
}
.chat-support-footer .btn {
  background-color: var(--ion-color-secondary);
  border-radius: 10px;
}
.chat-support-footer .btn .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: center;
  padding: 10px;
}

.welcome-screen .info-slider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  width: 100%;
}
.welcome-screen .info-slider .img {
  height: 350px;
  width: 350px;
}
.welcome-screen .info-slider .box-content {
  margin: 20px 0px;
}
.welcome-screen .info-slider .box-content .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
}
.welcome-screen .info-slider .box-content .sub-title {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: center;
  margin: 5px 0px;
}
.welcome-screen .info-slider .box-content .dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 20px 0px;
}
.welcome-screen .info-slider .box-content .dots .active {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--ion-color-light);
  margin: 0px 5px;
}
.welcome-screen .info-slider .box-content .dots .deactive {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--ion-color-medium);
  margin: 0px 5px;
}
.welcome-screen .info-slider .box-content ion-button {
  margin: 30px 0px;
}

.auth-screen .logo-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px 0px;
}
.auth-screen .logo-content .img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}
.auth-screen .logo-content .title {
  font-size: 1.3rem;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  margin: 10px 0px;
}
.auth-screen ion-button {
  margin: 15px 0px;
  text-align: start !important;
}

.login-register-screen .title {
  font-size: 1.2rem;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  margin: 30px 0px;
}
.login-register-screen .lbl {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: start;
  text-transform: uppercase;
  margin: 10px 0px;
}
.login-register-screen .item-content {
  --background: transparent;
  border: 1px solid var(--ion-color-light);
  border-radius: 5px;
}
.login-register-screen .item-content ion-input {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
}
.login-register-screen .check-item-content {
  --background: transparent;
  --padding-start: 0px;
  margin: 10px 0px;
}
.login-register-screen .check-item-content .lbl {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: start;
  white-space: normal;
  text-transform: capitalize;
}
.login-register-screen ion-button {
  margin: 20px 0px;
}

.verification-screen .top-content {
  margin: 30px 0px;
}
.verification-screen .top-content .title {
  font-size: 1.2rem;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
}
.verification-screen .top-content .sub-title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: center;
  margin: 10px 0px;
}
.verification-screen .lbl {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: start;
  text-transform: uppercase;
  margin: 10px 0px;
}
.verification-screen .item-content {
  --background: transparent;
  border: 1px solid var(--ion-color-light);
  border-radius: 5px;
}
.verification-screen .item-content ion-input {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
}
.verification-screen .resend-code {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
  text-transform: capitalize;
  margin: 30px 0px;
}
.verification-screen .resend-code .active {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
}

.home-screen {
  padding-bottom: 18px;
}
.home-screen .my-portfolio-content {
  background-color: rgba(0, 0, 0, 0.16);
  padding: 10px;
  margin: 10px 0px;
  border-radius: 10px;
}
.home-screen .my-portfolio-content .title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
}
.home-screen .my-portfolio-content .price {
  font-size: 16px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0px;
}
.home-screen .my-portfolio-content .price .currency {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-align: start;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0px 5px;
}
.home-screen .my-portfolio-content .price .currency ion-icon {
  font-size: 14px;
  color: var(--ion-color-medium);
  margin: 0px 5px;
}
.home-screen .my-portfolio-content .purchase {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.home-screen .my-portfolio-content .purchase .name {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-align: start;
  margin: 0px 5px;
}
.home-screen .main-title {
  margin: 22px 0px 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.home-screen .main-title .title {
  font-size: 16px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  letter-spacing: 0;
}
.home-screen .main-title .btn {
  font-size: 13px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-align: end;
  text-decoration: underline;
}
.home-screen .action-content {
  margin: 8px 0px 18px;
}
.home-screen .action-content .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.16));
  border: 1px solid rgba(255, 255, 255, 0.035);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
  padding: 8px 10px;
  border-radius: 8px;
}
.home-screen .action-content .content .prefix {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
}
.home-screen .action-content .content .prefix ion-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  padding: 7px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  background: color-mix(in srgb, var(--ion-color-secondary) 16%, transparent);
}
.home-screen .action-content .content .prefix .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  line-height: 1.08;
  margin: 0px 8px;
}
.home-screen .more-content {
  margin: 0px -4px 6px;
}
.home-screen .more-content ion-col {
  padding: 5px;
}
.home-screen .more-content .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 88px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(0, 0, 0, 0.14));
  border: 1px solid rgba(255, 255, 255, 0.035);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
  padding: 12px 8px 10px;
  border-radius: 8px;
}
.home-screen .more-content .content ion-icon {
  width: 28px;
  height: 28px;
  padding: 9px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  background: color-mix(in srgb, var(--ion-color-secondary) 15%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ion-color-secondary) 20%, transparent);
}
.home-screen .more-content .content .lbl {
  font-size: 13px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  line-height: 1.12;
  margin: 9px 0px 0px;
  width: 100%;
}
.home-screen .offer-content {
  width: 100%;
  height: 80px;
  margin-inline: 0;
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.22));
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.home-screen .offer-content .offer-img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0;
}
.home-screen .offer-content .offer-body {
  flex: 1;
  min-width: 0;
}
.home-screen .offer-content .offer-body .offer-subtitle {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.52);
  margin: 0 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-screen .offer-content .offer-body .offer-title {
  font-size: 0.9rem;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  margin: 0;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-screen .offer-content ion-button {
  --box-shadow: none;
  --background: #fff;
  --color: #000;
  --padding-start: 16px;
  --padding-end: 16px;
  flex-shrink: 0;
  font-family: "semi-bold";
  font-size: 0.85rem;
  margin: 0;
}
.home-screen .progress-bar {
  margin: 10px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.home-screen .progress-bar .active {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--ion-color-light);
  margin: 0px 5px;
}
.home-screen .progress-bar .deactive {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--ion-color-medium);
  margin: 0px 5px;
}

.theme-default .home-screen .main-title {
  margin: 28px 0px 18px;
}
.theme-default .home-screen .main-title .title {
  font-size: 22px;
  line-height: 1.12;
}
.theme-default .home-screen .action-content .content {
  background-color: rgba(0, 0, 0, 0.16);
  background-image: none;
  border: 0;
  box-shadow: none;
  border-radius: 10px;
}
.theme-default .home-screen .action-content .content .prefix ion-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.theme-default .home-screen .more-content {
  margin: 0px -5px 10px;
}
.theme-default .home-screen .more-content ion-col {
  padding: 5px;
}
.theme-default .home-screen .more-content .content {
  min-height: 104px;
  background-color: rgba(0, 0, 0, 0.16);
  background-image: none;
  border: 0;
  box-shadow: none;
  border-radius: 10px;
  padding: 16px 8px 14px;
}
.theme-default .home-screen .more-content .content ion-icon {
  display: block;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.theme-default .home-screen .more-content .content .lbl {
  font-size: 15px;
  line-height: 1.08;
  margin: 14px 0px 0px;
}
.theme-default .home-screen .offer-content {
  margin: 10px 0px;
}

.bottom-chart-list .row-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.bottom-chart-list .row-list .cover {
  height: 30px;
  width: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.bottom-chart-list .row-list .name-content .title {
  font-size: 14px;
  font-family: "bold";
  padding: 5px;
  color: var(--ion-color-light);
}
.bottom-chart-list .row-list .name-content .sub-title {
  font-size: 12px;
  padding: 0px 5px;
  font-family: "regular";
  color: var(--ion-color-light);
}
.bottom-chart-list .row-list .chart-content {
  height: 30px;
  width: 100%;
}
.bottom-chart-list .row-list .last-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.bottom-chart-list .row-list .last-content .price {
  font-size: 14px;
  font-family: "bold";
  padding: 5px;
  color: var(--ion-color-light);
}
.bottom-chart-list .row-list .last-content .updown {
  font-size: 12px;
  padding: 0px 5px;
  font-family: "regular";
  color: var(--ion-color-light);
}
.bottom-chart-list .row-list .last-content .updown-red {
  font-size: 12px;
  padding: 0px 5px;
  font-family: "regular";
  color: var(--ion-color-danger);
}

.account-screen .top-card-content {
  height: 60px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-inline: 0px;
  margin: 10px 0px;
  padding: 10px 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.account-screen .top-card-content .user-cover {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.account-screen .top-card-content .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 0px 10px;
}
.account-screen .card-item-content {
  margin-inline: 0px;
  margin: 20px 0px;
  background-color: rgba(0, 0, 0, 0.88);
  padding: 10px;
}
.account-screen .card-item-content .item-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
  margin: 10px 0px;
}
.account-screen .card-item-content .item-content ion-icon {
  font-size: 1.3rem;
}
.account-screen .card-item-content .item-content .prefix {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.account-screen .card-item-content .item-content .prefix .lbl {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: start;
  text-transform: capitalize;
  margin: 0px 10px;
}
.account-screen .card-item-content .item-content .prefix .lbl-red {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-danger);
  text-align: start;
  text-transform: capitalize;
  margin: 0px 10px;
}

.market-screen .stock-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 10px 0px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.market-screen .stock-list .name-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.market-screen .stock-list .name-content .img {
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
.market-screen .stock-list .name-content .name-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0px 10px;
}
.market-screen .stock-list .name-content .name-data .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.market-screen .stock-list .name-content .name-data .short {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-align: start;
}
.market-screen .stock-list .price {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
}
.market-screen .stock-list .plus-stock {
  background-color: var(--ion-color-success);
  border-radius: 5px;
}
.market-screen .stock-list .plus-stock .lbl {
  font-size: 10px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  padding: 3px;
}
.market-screen .stock-list .neutral-stock {
  background-color: var(--ion-color-warning);
  border-radius: 5px;
}
.market-screen .stock-list .neutral-stock .lbl {
  font-size: 10px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  padding: 3px;
}
.market-screen .stock-list .down-stock {
  background-color: var(--ion-color-danger);
  border-radius: 5px;
}
.market-screen .stock-list .down-stock .lbl {
  font-size: 10px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  padding: 3px;
}
.market-screen .zone-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
  padding: 10px 5px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.market-screen .zone-list .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.market-screen .zone-list .end-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.market-screen .zone-list .end-title .short {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: end;
}
.market-screen .zone-list .end-title .gain {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-success);
  text-align: end;
}

:root:not(.theme-default) .market-screen .stock-list {
  position: relative;
  overflow: hidden;
  align-items: center;
  min-height: 74px;
  margin: 12px 0px;
  padding: 13px 12px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.062), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.12), transparent 58%);
  border: 1px solid rgba(255, 255, 255, 0.045);
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.19), inset 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.045);
}
:root:not(.theme-default) .market-screen .stock-list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(180deg, var(--ion-color-secondary-tint), var(--ion-color-secondary-shade));
  box-shadow: 0 0 18px rgba(var(--ion-color-secondary-rgb), 0.42);
}
:root:not(.theme-default) .market-screen .stock-list::after {
  content: "";
  position: absolute;
  right: -36px;
  top: -44px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.1);
  pointer-events: none;
}
:root:not(.theme-default) .market-screen .stock-list ion-col,
:root:not(.theme-default) .market-screen .stock-list .name-content,
:root:not(.theme-default) .market-screen .stock-list .name-data,
:root:not(.theme-default) .market-screen .stock-list .price,
:root:not(.theme-default) .market-screen .stock-list .plus-stock,
:root:not(.theme-default) .market-screen .stock-list .neutral-stock,
:root:not(.theme-default) .market-screen .stock-list .down-stock {
  position: relative;
  z-index: 1;
}
:root:not(.theme-default) .market-screen .stock-list .name-content .name-data {
  margin: 0px 12px;
}
:root:not(.theme-default) .market-screen .stock-list .name-content .name-data .title {
  font-size: 15px;
  letter-spacing: 0;
}
:root:not(.theme-default) .market-screen .stock-list .name-content .name-data .short {
  color: color-mix(in srgb, var(--ion-color-medium) 70%, var(--ion-color-secondary));
}
:root:not(.theme-default) .market-screen .stock-list .price {
  font-size: 16px;
  color: color-mix(in srgb, var(--ion-color-light) 76%, var(--ion-color-secondary));
}
:root:not(.theme-default) .market-screen .stock-list .plus-stock,
:root:not(.theme-default) .market-screen .stock-list .neutral-stock,
:root:not(.theme-default) .market-screen .stock-list .down-stock {
  min-width: 58px;
  border-radius: 9px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
:root:not(.theme-default) .market-screen .stock-list .plus-stock .lbl,
:root:not(.theme-default) .market-screen .stock-list .neutral-stock .lbl,
:root:not(.theme-default) .market-screen .stock-list .down-stock .lbl {
  font-size: 11px;
  padding: 6px 8px;
}
:root:not(.theme-default) .market-screen .stock-list .plus-stock {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  box-shadow: 0 8px 18px rgba(34, 197, 94, 0.2);
}
:root:not(.theme-default) .market-screen .stock-list .neutral-stock {
  background: linear-gradient(135deg, #facc15, #f59e0b);
  box-shadow: 0 8px 18px rgba(250, 204, 21, 0.18);
}
:root:not(.theme-default) .market-screen .stock-list .down-stock {
  background: var(--ion-color-danger);
  box-shadow: 0 8px 18px rgba(var(--ion-color-danger-rgb), 0.16);
}

:root:not(.theme-default) ion-toolbar ion-title {
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) ion-toolbar ion-button {
  --border-radius: 10px;
}
:root:not(.theme-default) ion-button[color=secondary] {
  --background: linear-gradient(135deg, var(--ion-color-secondary-tint), var(--ion-color-secondary));
  --box-shadow: 0 12px 24px rgba(var(--ion-color-secondary-rgb), 0.22);
}
:root:not(.theme-default) .account-screen .top-card-content,
:root:not(.theme-default) .account-screen .my-portfolio-content,
:root:not(.theme-default) .account-screen .value-widget,
:root:not(.theme-default) .account-screen .offer-content,
:root:not(.theme-default) .account-screen .card-content,
:root:not(.theme-default) .account-screen .card-item-content,
:root:not(.theme-default) .account-screen .top-collection-card,
:root:not(.theme-default) .account-screen .trending-content,
:root:not(.theme-default) .account-screen .slide-content,
:root:not(.theme-default) .account-screen .active-slide-content,
:root:not(.theme-default) .account-screen .stock-data,
:root:not(.theme-default) .account-screen .id-content,
:root:not(.theme-default) .wallet-screen .top-card-content,
:root:not(.theme-default) .wallet-screen .my-portfolio-content,
:root:not(.theme-default) .wallet-screen .value-widget,
:root:not(.theme-default) .wallet-screen .offer-content,
:root:not(.theme-default) .wallet-screen .card-content,
:root:not(.theme-default) .wallet-screen .card-item-content,
:root:not(.theme-default) .wallet-screen .top-collection-card,
:root:not(.theme-default) .wallet-screen .trending-content,
:root:not(.theme-default) .wallet-screen .slide-content,
:root:not(.theme-default) .wallet-screen .active-slide-content,
:root:not(.theme-default) .wallet-screen .stock-data,
:root:not(.theme-default) .wallet-screen .id-content,
:root:not(.theme-default) .invite-friends-screen .top-card-content,
:root:not(.theme-default) .invite-friends-screen .my-portfolio-content,
:root:not(.theme-default) .invite-friends-screen .value-widget,
:root:not(.theme-default) .invite-friends-screen .offer-content,
:root:not(.theme-default) .invite-friends-screen .card-content,
:root:not(.theme-default) .invite-friends-screen .card-item-content,
:root:not(.theme-default) .invite-friends-screen .top-collection-card,
:root:not(.theme-default) .invite-friends-screen .trending-content,
:root:not(.theme-default) .invite-friends-screen .slide-content,
:root:not(.theme-default) .invite-friends-screen .active-slide-content,
:root:not(.theme-default) .invite-friends-screen .stock-data,
:root:not(.theme-default) .invite-friends-screen .id-content,
:root:not(.theme-default) .notification-screen .top-card-content,
:root:not(.theme-default) .notification-screen .my-portfolio-content,
:root:not(.theme-default) .notification-screen .value-widget,
:root:not(.theme-default) .notification-screen .offer-content,
:root:not(.theme-default) .notification-screen .card-content,
:root:not(.theme-default) .notification-screen .card-item-content,
:root:not(.theme-default) .notification-screen .top-collection-card,
:root:not(.theme-default) .notification-screen .trending-content,
:root:not(.theme-default) .notification-screen .slide-content,
:root:not(.theme-default) .notification-screen .active-slide-content,
:root:not(.theme-default) .notification-screen .stock-data,
:root:not(.theme-default) .notification-screen .id-content,
:root:not(.theme-default) .support-modal-screen .top-card-content,
:root:not(.theme-default) .support-modal-screen .my-portfolio-content,
:root:not(.theme-default) .support-modal-screen .value-widget,
:root:not(.theme-default) .support-modal-screen .offer-content,
:root:not(.theme-default) .support-modal-screen .card-content,
:root:not(.theme-default) .support-modal-screen .card-item-content,
:root:not(.theme-default) .support-modal-screen .top-collection-card,
:root:not(.theme-default) .support-modal-screen .trending-content,
:root:not(.theme-default) .support-modal-screen .slide-content,
:root:not(.theme-default) .support-modal-screen .active-slide-content,
:root:not(.theme-default) .support-modal-screen .stock-data,
:root:not(.theme-default) .support-modal-screen .id-content,
:root:not(.theme-default) .nft-screen .top-card-content,
:root:not(.theme-default) .nft-screen .my-portfolio-content,
:root:not(.theme-default) .nft-screen .value-widget,
:root:not(.theme-default) .nft-screen .offer-content,
:root:not(.theme-default) .nft-screen .card-content,
:root:not(.theme-default) .nft-screen .card-item-content,
:root:not(.theme-default) .nft-screen .top-collection-card,
:root:not(.theme-default) .nft-screen .trending-content,
:root:not(.theme-default) .nft-screen .slide-content,
:root:not(.theme-default) .nft-screen .active-slide-content,
:root:not(.theme-default) .nft-screen .stock-data,
:root:not(.theme-default) .nft-screen .id-content,
:root:not(.theme-default) .trade-screen .top-card-content,
:root:not(.theme-default) .trade-screen .my-portfolio-content,
:root:not(.theme-default) .trade-screen .value-widget,
:root:not(.theme-default) .trade-screen .offer-content,
:root:not(.theme-default) .trade-screen .card-content,
:root:not(.theme-default) .trade-screen .card-item-content,
:root:not(.theme-default) .trade-screen .top-collection-card,
:root:not(.theme-default) .trade-screen .trending-content,
:root:not(.theme-default) .trade-screen .slide-content,
:root:not(.theme-default) .trade-screen .active-slide-content,
:root:not(.theme-default) .trade-screen .stock-data,
:root:not(.theme-default) .trade-screen .id-content,
:root:not(.theme-default) .portfolio-screen .top-card-content,
:root:not(.theme-default) .portfolio-screen .my-portfolio-content,
:root:not(.theme-default) .portfolio-screen .value-widget,
:root:not(.theme-default) .portfolio-screen .offer-content,
:root:not(.theme-default) .portfolio-screen .card-content,
:root:not(.theme-default) .portfolio-screen .card-item-content,
:root:not(.theme-default) .portfolio-screen .top-collection-card,
:root:not(.theme-default) .portfolio-screen .trending-content,
:root:not(.theme-default) .portfolio-screen .slide-content,
:root:not(.theme-default) .portfolio-screen .active-slide-content,
:root:not(.theme-default) .portfolio-screen .stock-data,
:root:not(.theme-default) .portfolio-screen .id-content,
:root:not(.theme-default) .auth-screen .top-card-content,
:root:not(.theme-default) .auth-screen .my-portfolio-content,
:root:not(.theme-default) .auth-screen .value-widget,
:root:not(.theme-default) .auth-screen .offer-content,
:root:not(.theme-default) .auth-screen .card-content,
:root:not(.theme-default) .auth-screen .card-item-content,
:root:not(.theme-default) .auth-screen .top-collection-card,
:root:not(.theme-default) .auth-screen .trending-content,
:root:not(.theme-default) .auth-screen .slide-content,
:root:not(.theme-default) .auth-screen .active-slide-content,
:root:not(.theme-default) .auth-screen .stock-data,
:root:not(.theme-default) .auth-screen .id-content,
:root:not(.theme-default) .login-register-screen .top-card-content,
:root:not(.theme-default) .login-register-screen .my-portfolio-content,
:root:not(.theme-default) .login-register-screen .value-widget,
:root:not(.theme-default) .login-register-screen .offer-content,
:root:not(.theme-default) .login-register-screen .card-content,
:root:not(.theme-default) .login-register-screen .card-item-content,
:root:not(.theme-default) .login-register-screen .top-collection-card,
:root:not(.theme-default) .login-register-screen .trending-content,
:root:not(.theme-default) .login-register-screen .slide-content,
:root:not(.theme-default) .login-register-screen .active-slide-content,
:root:not(.theme-default) .login-register-screen .stock-data,
:root:not(.theme-default) .login-register-screen .id-content,
:root:not(.theme-default) .verification-screen .top-card-content,
:root:not(.theme-default) .verification-screen .my-portfolio-content,
:root:not(.theme-default) .verification-screen .value-widget,
:root:not(.theme-default) .verification-screen .offer-content,
:root:not(.theme-default) .verification-screen .card-content,
:root:not(.theme-default) .verification-screen .card-item-content,
:root:not(.theme-default) .verification-screen .top-collection-card,
:root:not(.theme-default) .verification-screen .trending-content,
:root:not(.theme-default) .verification-screen .slide-content,
:root:not(.theme-default) .verification-screen .active-slide-content,
:root:not(.theme-default) .verification-screen .stock-data,
:root:not(.theme-default) .verification-screen .id-content,
:root:not(.theme-default) .leader-screen .top-card-content,
:root:not(.theme-default) .leader-screen .my-portfolio-content,
:root:not(.theme-default) .leader-screen .value-widget,
:root:not(.theme-default) .leader-screen .offer-content,
:root:not(.theme-default) .leader-screen .card-content,
:root:not(.theme-default) .leader-screen .card-item-content,
:root:not(.theme-default) .leader-screen .top-collection-card,
:root:not(.theme-default) .leader-screen .trending-content,
:root:not(.theme-default) .leader-screen .slide-content,
:root:not(.theme-default) .leader-screen .active-slide-content,
:root:not(.theme-default) .leader-screen .stock-data,
:root:not(.theme-default) .leader-screen .id-content {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.045);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.1), transparent 62%);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.04);
}
:root:not(.theme-default) .account-screen .top-card-content::after,
:root:not(.theme-default) .account-screen .my-portfolio-content::after,
:root:not(.theme-default) .account-screen .card-content::after,
:root:not(.theme-default) .account-screen .card-item-content::after,
:root:not(.theme-default) .account-screen .offer-content::after,
:root:not(.theme-default) .account-screen .top-collection-card::after,
:root:not(.theme-default) .account-screen .trending-content::after,
:root:not(.theme-default) .wallet-screen .top-card-content::after,
:root:not(.theme-default) .wallet-screen .my-portfolio-content::after,
:root:not(.theme-default) .wallet-screen .card-content::after,
:root:not(.theme-default) .wallet-screen .card-item-content::after,
:root:not(.theme-default) .wallet-screen .offer-content::after,
:root:not(.theme-default) .wallet-screen .top-collection-card::after,
:root:not(.theme-default) .wallet-screen .trending-content::after,
:root:not(.theme-default) .invite-friends-screen .top-card-content::after,
:root:not(.theme-default) .invite-friends-screen .my-portfolio-content::after,
:root:not(.theme-default) .invite-friends-screen .card-content::after,
:root:not(.theme-default) .invite-friends-screen .card-item-content::after,
:root:not(.theme-default) .invite-friends-screen .offer-content::after,
:root:not(.theme-default) .invite-friends-screen .top-collection-card::after,
:root:not(.theme-default) .invite-friends-screen .trending-content::after,
:root:not(.theme-default) .notification-screen .top-card-content::after,
:root:not(.theme-default) .notification-screen .my-portfolio-content::after,
:root:not(.theme-default) .notification-screen .card-content::after,
:root:not(.theme-default) .notification-screen .card-item-content::after,
:root:not(.theme-default) .notification-screen .offer-content::after,
:root:not(.theme-default) .notification-screen .top-collection-card::after,
:root:not(.theme-default) .notification-screen .trending-content::after,
:root:not(.theme-default) .support-modal-screen .top-card-content::after,
:root:not(.theme-default) .support-modal-screen .my-portfolio-content::after,
:root:not(.theme-default) .support-modal-screen .card-content::after,
:root:not(.theme-default) .support-modal-screen .card-item-content::after,
:root:not(.theme-default) .support-modal-screen .offer-content::after,
:root:not(.theme-default) .support-modal-screen .top-collection-card::after,
:root:not(.theme-default) .support-modal-screen .trending-content::after,
:root:not(.theme-default) .nft-screen .top-card-content::after,
:root:not(.theme-default) .nft-screen .my-portfolio-content::after,
:root:not(.theme-default) .nft-screen .card-content::after,
:root:not(.theme-default) .nft-screen .card-item-content::after,
:root:not(.theme-default) .nft-screen .offer-content::after,
:root:not(.theme-default) .nft-screen .top-collection-card::after,
:root:not(.theme-default) .nft-screen .trending-content::after,
:root:not(.theme-default) .trade-screen .top-card-content::after,
:root:not(.theme-default) .trade-screen .my-portfolio-content::after,
:root:not(.theme-default) .trade-screen .card-content::after,
:root:not(.theme-default) .trade-screen .card-item-content::after,
:root:not(.theme-default) .trade-screen .offer-content::after,
:root:not(.theme-default) .trade-screen .top-collection-card::after,
:root:not(.theme-default) .trade-screen .trending-content::after,
:root:not(.theme-default) .portfolio-screen .top-card-content::after,
:root:not(.theme-default) .portfolio-screen .my-portfolio-content::after,
:root:not(.theme-default) .portfolio-screen .card-content::after,
:root:not(.theme-default) .portfolio-screen .card-item-content::after,
:root:not(.theme-default) .portfolio-screen .offer-content::after,
:root:not(.theme-default) .portfolio-screen .top-collection-card::after,
:root:not(.theme-default) .portfolio-screen .trending-content::after,
:root:not(.theme-default) .auth-screen .top-card-content::after,
:root:not(.theme-default) .auth-screen .my-portfolio-content::after,
:root:not(.theme-default) .auth-screen .card-content::after,
:root:not(.theme-default) .auth-screen .card-item-content::after,
:root:not(.theme-default) .auth-screen .offer-content::after,
:root:not(.theme-default) .auth-screen .top-collection-card::after,
:root:not(.theme-default) .auth-screen .trending-content::after,
:root:not(.theme-default) .login-register-screen .top-card-content::after,
:root:not(.theme-default) .login-register-screen .my-portfolio-content::after,
:root:not(.theme-default) .login-register-screen .card-content::after,
:root:not(.theme-default) .login-register-screen .card-item-content::after,
:root:not(.theme-default) .login-register-screen .offer-content::after,
:root:not(.theme-default) .login-register-screen .top-collection-card::after,
:root:not(.theme-default) .login-register-screen .trending-content::after,
:root:not(.theme-default) .verification-screen .top-card-content::after,
:root:not(.theme-default) .verification-screen .my-portfolio-content::after,
:root:not(.theme-default) .verification-screen .card-content::after,
:root:not(.theme-default) .verification-screen .card-item-content::after,
:root:not(.theme-default) .verification-screen .offer-content::after,
:root:not(.theme-default) .verification-screen .top-collection-card::after,
:root:not(.theme-default) .verification-screen .trending-content::after,
:root:not(.theme-default) .leader-screen .top-card-content::after,
:root:not(.theme-default) .leader-screen .my-portfolio-content::after,
:root:not(.theme-default) .leader-screen .card-content::after,
:root:not(.theme-default) .leader-screen .card-item-content::after,
:root:not(.theme-default) .leader-screen .offer-content::after,
:root:not(.theme-default) .leader-screen .top-collection-card::after,
:root:not(.theme-default) .leader-screen .trending-content::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -48px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.11);
  pointer-events: none;
}
:root:not(.theme-default) .account-screen .item-content,
:root:not(.theme-default) .wallet-screen .item-content,
:root:not(.theme-default) .invite-friends-screen .item-content,
:root:not(.theme-default) .notification-screen .item-content,
:root:not(.theme-default) .support-modal-screen .item-content,
:root:not(.theme-default) .nft-screen .item-content,
:root:not(.theme-default) .trade-screen .item-content,
:root:not(.theme-default) .portfolio-screen .item-content,
:root:not(.theme-default) .auth-screen .item-content,
:root:not(.theme-default) .login-register-screen .item-content,
:root:not(.theme-default) .verification-screen .item-content,
:root:not(.theme-default) .leader-screen .item-content {
  border-radius: 9px;
  padding-inline: 8px;
  transition: background 0.18s ease;
}
:root:not(.theme-default) .account-screen .item-content ion-icon,
:root:not(.theme-default) .wallet-screen .item-content ion-icon,
:root:not(.theme-default) .invite-friends-screen .item-content ion-icon,
:root:not(.theme-default) .notification-screen .item-content ion-icon,
:root:not(.theme-default) .support-modal-screen .item-content ion-icon,
:root:not(.theme-default) .nft-screen .item-content ion-icon,
:root:not(.theme-default) .trade-screen .item-content ion-icon,
:root:not(.theme-default) .portfolio-screen .item-content ion-icon,
:root:not(.theme-default) .auth-screen .item-content ion-icon,
:root:not(.theme-default) .login-register-screen .item-content ion-icon,
:root:not(.theme-default) .verification-screen .item-content ion-icon,
:root:not(.theme-default) .leader-screen .item-content ion-icon {
  color: var(--ion-color-secondary);
  filter: drop-shadow(0 0 10px rgba(var(--ion-color-secondary-rgb), 0.22));
}
:root:not(.theme-default) .account-screen .item-content .prefix .lbl,
:root:not(.theme-default) .wallet-screen .item-content .prefix .lbl,
:root:not(.theme-default) .invite-friends-screen .item-content .prefix .lbl,
:root:not(.theme-default) .notification-screen .item-content .prefix .lbl,
:root:not(.theme-default) .support-modal-screen .item-content .prefix .lbl,
:root:not(.theme-default) .nft-screen .item-content .prefix .lbl,
:root:not(.theme-default) .trade-screen .item-content .prefix .lbl,
:root:not(.theme-default) .portfolio-screen .item-content .prefix .lbl,
:root:not(.theme-default) .auth-screen .item-content .prefix .lbl,
:root:not(.theme-default) .login-register-screen .item-content .prefix .lbl,
:root:not(.theme-default) .verification-screen .item-content .prefix .lbl,
:root:not(.theme-default) .leader-screen .item-content .prefix .lbl {
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) .account-screen .top-card-content {
  min-height: 74px;
}
:root:not(.theme-default) .account-screen .card-item-content {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.22)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.1), transparent 60%);
}
:root:not(.theme-default) .account-screen .card-item-content .theme-header ion-icon {
  color: var(--ion-color-secondary);
}
:root:not(.theme-default) .wallet-screen .more-btn .content {
  min-height: 82px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(var(--ion-color-secondary-rgb), 0.1), transparent);
  border: 1px solid rgba(255, 255, 255, 0.045);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.17);
}
:root:not(.theme-default) .wallet-screen .more-btn .content ion-icon {
  color: var(--ion-color-secondary);
}
:root:not(.theme-default) .wallet-screen .stock-data .stock-list-content {
  border-radius: 9px;
  padding: 12px 8px;
  background: rgba(255, 255, 255, 0.025);
}
:root:not(.theme-default) .invite-friends-screen .id-content {
  border-color: rgba(var(--ion-color-secondary-rgb), 0.38);
  box-shadow: inset 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.05);
}
:root:not(.theme-default) .invite-friends-screen .calculation-content .break {
  background: linear-gradient(90deg, var(--ion-color-secondary), transparent);
}
:root:not(.theme-default) .notification-screen .card-content {
  border-color: rgba(var(--ion-color-secondary-rgb), 0.32);
}
:root:not(.theme-default) .notification-screen .card-content .title {
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) .support-modal-screen .chat-list-content .chat-content .chat-messages .support-chat .message-content,
:root:not(.theme-default) .support-modal-screen .chat-list-content .chat-content .chat-messages .user-chat .message-content {
  border: 1px solid rgba(255, 255, 255, 0.045);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.08), transparent);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
}
:root:not(.theme-default) .nft-screen .top-collection-card,
:root:not(.theme-default) .nft-screen .trending-content,
:root:not(.theme-default) .nft-screen .offer-content,
:root:not(.theme-default) .trending-items .top-collection-card,
:root:not(.theme-default) .trending-items .trending-content,
:root:not(.theme-default) .trending-items .offer-content {
  border-radius: 10px;
}
:root:not(.theme-default) .nft-screen .main-title .title,
:root:not(.theme-default) .trending-items .main-title .title {
  color: color-mix(in srgb, var(--ion-color-light) 86%, var(--ion-color-secondary));
}
:root:not(.theme-default) .leader-screen .item-content {
  border-radius: 10px;
  padding: 13px 10px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.1), transparent);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.17);
}
:root:not(.theme-default) .leader-screen .item-content .prefix .num {
  box-shadow: 0 8px 18px rgba(var(--ion-color-secondary-rgb), 0.2);
}
:root:not(.theme-default) .login-register-screen .item-content,
:root:not(.theme-default) .verification-screen .item-content {
  border-color: rgba(var(--ion-color-secondary-rgb), 0.4);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(0, 0, 0, 0.16));
  box-shadow: inset 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.05);
}

:root:not(.theme-default) app-project .portfolio-screen {
  padding-bottom: 12px;
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card {
  position: relative;
  overflow: hidden;
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  margin: 4px 0 22px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.28);
  background: radial-gradient(circle at 12% 8%, rgba(var(--ion-color-secondary-rgb), 0.34), transparent 36%), linear-gradient(135deg, rgba(var(--ion-color-secondary-rgb), 0.18), rgba(255, 255, 255, 0.035) 48%, rgba(0, 0, 0, 0.22));
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -56px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.12);
  pointer-events: none;
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .title {
  position: relative;
  z-index: 1;
  font-size: 2.1rem;
  line-height: 1;
  font-family: "bold";
  color: var(--ion-color-light);
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .sub-title {
  position: relative;
  z-index: 1;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  max-width: 92%;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
  color: color-mix(in srgb, var(--ion-color-light) 78%, var(--ion-color-secondary));
  font-size: 12px;
  font-family: "semi-bold";
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .sub-title ion-icon {
  color: var(--ion-color-secondary);
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .pricebar {
  color: color-mix(in srgb, var(--ion-color-light) 90%, var(--ion-color-secondary)) !important;
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .pricebar__track {
  background: rgba(255, 255, 255, 0.24) !important;
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .pricebar__fill {
  background: color-mix(in srgb, var(--ion-color-light) 72%, var(--ion-color-secondary)) !important;
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .pricebar__dot {
  background: var(--ion-color-light) !important;
  border-color: rgba(0, 0, 0, 0.46) !important;
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .pricebar__val {
  color: var(--ion-color-light) !important;
  font-family: "bold";
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card .pricebar__lbl {
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: "semi-bold";
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card.green {
  background: radial-gradient(circle at 12% 8%, rgba(var(--ion-color-secondary-rgb), 0.38), transparent 34%), linear-gradient(135deg, rgba(34, 197, 94, 0.24), rgba(var(--ion-color-secondary-rgb), 0.14) 52%, rgba(0, 0, 0, 0.24)) !important;
}
:root:not(.theme-default) app-project .portfolio-screen .project-performance-card.red {
  background: radial-gradient(circle at 12% 8%, rgba(var(--ion-color-danger-rgb), 0.22), transparent 34%), linear-gradient(135deg, rgba(var(--ion-color-danger-rgb), 0.2), rgba(var(--ion-color-secondary-rgb), 0.12) 52%, rgba(0, 0, 0, 0.24)) !important;
}
:root:not(.theme-default) app-project .portfolio-screen .main-title {
  margin: 22px 0 12px;
}
:root:not(.theme-default) app-project .portfolio-screen .main-title .title {
  font-size: 15px;
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-project .portfolio-screen .project-value-row {
  margin: 0 0 10px;
  padding: 10px 6px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.18)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.1), transparent 64%);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}
:root:not(.theme-default) app-project .portfolio-screen .account-row .content-info .icon-content {
  background: rgba(var(--ion-color-secondary-rgb), 0.14);
  box-shadow: inset 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.15);
}
:root:not(.theme-default) app-project .portfolio-screen .account-row .content-info .name-content .title {
  font-size: 12px;
}
:root:not(.theme-default) app-project .portfolio-screen .account-row .content-info .name-content .bold-title {
  font-size: 15px;
}
:root:not(.theme-default) app-project .portfolio-screen .spot-list {
  margin: 12px 0 18px;
  padding: 4px 12px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(0, 0, 0, 0.18)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.09), transparent 66%);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}
:root:not(.theme-default) app-project .portfolio-screen .spot-list .item-list-data {
  padding: 14px 0;
  border-bottom: 1px solid rgba(var(--ion-color-secondary-rgb), 0.14);
}
:root:not(.theme-default) app-project .portfolio-screen .spot-list .item-list-data:last-child {
  border-bottom: 0;
}
:root:not(.theme-default) app-project .portfolio-screen .spot-list .item-list-data .first-data {
  min-width: 0;
}
:root:not(.theme-default) app-project .portfolio-screen .spot-list .item-list-data .first-data .icon-content {
  flex: 0 0 42px;
  height: 42px;
  width: 42px;
  background: rgba(var(--ion-color-secondary-rgb), 0.14);
  box-shadow: inset 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.15);
}
:root:not(.theme-default) app-project .portfolio-screen .spot-list .item-list-data .first-data .icon-content ion-icon {
  color: var(--ion-color-secondary);
}
:root:not(.theme-default) app-project .portfolio-screen .spot-list .item-list-data .first-data .bold-title {
  font-family: "regular";
  line-height: 1.25;
}
:root:not(.theme-default) app-project .portfolio-screen .spot-list .item-list-data .bold-title-end {
  color: color-mix(in srgb, var(--ion-color-light) 72%, var(--ion-color-secondary)) !important;
  font-size: 14px;
  white-space: nowrap;
}
:root:not(.theme-default) app-project .portfolio-screen .invite-friends-screen .lbl-title {
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-project .portfolio-screen .invite-friends-screen .id-content {
  margin-top: 10px;
  padding: 8px;
  border-radius: 12px;
}
:root:not(.theme-default) app-project .portfolio-screen .invite-friends-screen .id-content .btn {
  border-radius: 10px;
  background: rgba(var(--ion-color-secondary-rgb), 0.1);
}
:root:not(.theme-default) app-project .portfolio-screen .invite-friends-screen .id-content .btn .lbl {
  padding: 9px 4px;
  color: var(--ion-color-light);
}
:root:not(.theme-default) app-project .portfolio-screen .main-title-text {
  padding: 14px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.16);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(0, 0, 0, 0.16));
}
:root:not(.theme-default) app-project .portfolio-screen .main-title-text .title {
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-project ion-footer ion-toolbar {
  --background: rgba(31, 34, 39, 0.94);
  border-top: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  box-shadow: 0 -18px 34px rgba(0, 0, 0, 0.24);
}
:root:not(.theme-default) app-project ion-footer ion-button {
  height: 52px;
  --border-radius: 12px;
  font-family: "semi-bold";
}

:root:not(.theme-default) app-short-term-details .portfolio-screen {
  padding-bottom: 12px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .short-term-performance-card {
  position: relative;
  overflow: hidden;
  min-height: 112px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
  margin: 4px 0 22px;
  padding: 18px 20px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.26);
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-secondary-rgb), 0.3), transparent 36%), linear-gradient(135deg, rgba(255, 255, 255, 0.052), rgba(0, 0, 0, 0.22));
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.035);
  font-family: "bold";
  font-size: 2.35rem;
  line-height: 1;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .short-term-performance-card::before {
  content: "Signal";
  position: absolute;
  left: 18px;
  top: 18px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
  color: color-mix(in srgb, var(--ion-color-light) 72%, var(--ion-color-secondary));
  font-size: 12px;
  font-family: "semi-bold";
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .short-term-performance-card::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -60px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.12);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .performance-positive {
  color: #9af0b7;
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-secondary-rgb), 0.34), transparent 36%), linear-gradient(135deg, rgba(34, 197, 94, 0.22), rgba(var(--ion-color-secondary-rgb), 0.12) 54%, rgba(0, 0, 0, 0.24)) !important;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .performance-negative {
  color: var(--ion-color-danger);
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-danger-rgb), 0.22), transparent 36%), linear-gradient(135deg, rgba(var(--ion-color-danger-rgb), 0.19), rgba(var(--ion-color-secondary-rgb), 0.1) 54%, rgba(0, 0, 0, 0.24)) !important;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .main-title {
  margin: 22px 0 12px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .main-title .title {
  font-size: 15px;
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .short-term-value-row,
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card,
:root:not(.theme-default) app-short-term-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-short-term-details .portfolio-screen .disclaimer-card {
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.18)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.09), transparent 64%);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .short-term-value-row {
  margin: 0 0 12px;
  padding: 10px 6px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .account-row .content-info .icon-content {
  background: rgba(var(--ion-color-secondary-rgb), 0.14);
  box-shadow: inset 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.15);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .account-row .content-info .name-content .title {
  font-size: 12px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .account-row .content-info .name-content .bold-title {
  font-size: 15px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-heading,
:root:not(.theme-default) app-short-term-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-short-term-details .portfolio-screen .disclaimer-card {
  padding: 14px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-heading .title,
:root:not(.theme-default) app-short-term-details .portfolio-screen .amplitude-card .title,
:root:not(.theme-default) app-short-term-details .portfolio-screen .disclaimer-card .title {
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .disclaimer-card .main-sub-title {
  font-size: 14px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card {
  padding: 14px 8px;
  margin: 10px 0 18px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px 12px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(var(--ion-color-secondary-rgb), 0.14);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-header .rec-title {
  font-size: 13px;
  font-family: "bold";
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-header .expire-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 58%;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  background: rgba(var(--ion-color-secondary-rgb), 0.08);
  color: var(--ion-color-medium);
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon {
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.14);
  color: var(--ion-color-light);
  font-size: 12px;
  flex-shrink: 0;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label {
  color: color-mix(in srgb, var(--ion-color-medium) 82%, var(--ion-color-light));
  font-family: "regular";
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value {
  overflow: hidden;
  color: var(--ion-color-light);
  font-family: "semi-bold";
  text-overflow: ellipsis;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .analyst-row {
  align-items: center;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .analyst-row ion-col:first-child {
  flex: 0 0 104px;
  width: 104px;
  max-width: 104px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .analyst-row ion-col:last-child {
  flex: 1 1 auto;
  width: auto;
  max-width: none;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .analyst-row .content {
  width: 92px;
  height: 92px;
  margin-top: 0;
  background: radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.96));
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.18), 0 0 0 6px rgba(var(--ion-color-secondary-rgb), 0.08);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .analyst-row .content .title {
  font-size: 1.25rem;
  color: var(--ion-color-dark);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .progress-content {
  padding-left: 6px;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .progress-content .progress-data {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  column-gap: 14px;
  align-items: center;
  margin: 7px 0;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .progress-content .progress-data .progress-line {
  width: 100%;
  max-width: 210px;
  margin-top: 0;
  background: rgba(255, 255, 255, 0.16);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 8px;
  align-items: center;
  justify-content: initial;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:first-child {
  text-align: right;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:last-child {
  text-align: left;
  white-space: nowrap;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 6px 0;
  border-top: 1px solid rgba(var(--ion-color-secondary-rgb), 0.14);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-footer ion-icon {
  font-size: 15px;
  color: var(--ion-color-secondary);
  flex-shrink: 0;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title {
  font-size: 14px;
  font-family: "bold";
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
  flex-shrink: 0;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge {
  font-size: 13px;
  font-family: "bold";
  padding: 3px 10px;
  border-radius: 8px;
  margin-left: auto;
  flex-shrink: 0;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-sell {
  color: var(--ion-color-danger);
  background: rgba(var(--ion-color-danger-rgb), 0.14);
  border: 1px solid rgba(var(--ion-color-danger-rgb), 0.35);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-buy {
  color: var(--ion-color-success);
  background: rgba(var(--ion-color-success-rgb), 0.14);
  border: 1px solid rgba(var(--ion-color-success-rgb), 0.35);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-hold {
  color: var(--ion-color-warning);
  background: rgba(var(--ion-color-warning-rgb), 0.14);
  border: 1px solid rgba(var(--ion-color-warning-rgb), 0.35);
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .see-more-row {
  margin-top: 10px;
  padding: 4px 0;
}
:root:not(.theme-default) app-short-term-details .portfolio-screen .see-more-row ion-button {
  --background: rgba(var(--ion-color-secondary-rgb), 0.14);
  --border-radius: 10px;
  color: var(--ion-color-secondary);
}
:root:not(.theme-default) app-short-term-details ion-footer ion-toolbar {
  --background: rgba(31, 34, 39, 0.94);
  border-top: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  box-shadow: 0 -18px 34px rgba(0, 0, 0, 0.24);
}
:root:not(.theme-default) app-short-term-details ion-footer ion-button {
  height: 52px;
  --border-radius: 12px;
  font-family: "semi-bold";
}

:root:not(.theme-default) app-stock-details .portfolio-screen,
:root:not(.theme-default) app-indice-details .portfolio-screen,
:root:not(.theme-default) app-commodity-details .portfolio-screen,
:root:not(.theme-default) app-bond-details .portfolio-screen {
  padding-bottom: 12px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-performance-card,
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-yield-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-performance-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-yield-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-performance-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-yield-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-performance-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-yield-card {
  position: relative;
  overflow: hidden;
  min-height: 112px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
  margin: 4px 0 22px !important;
  padding: 18px 20px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.26);
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-secondary-rgb), 0.3), transparent 36%), linear-gradient(135deg, rgba(255, 255, 255, 0.052), rgba(0, 0, 0, 0.22));
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.035);
  font-family: "bold";
  font-size: 2.35rem !important;
  line-height: 1;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-performance-card::before,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-performance-card::before,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-performance-card::before,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-performance-card::before {
  content: "Performance";
  position: absolute;
  left: 18px;
  top: 18px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
  color: color-mix(in srgb, var(--ion-color-light) 72%, var(--ion-color-secondary));
  font-size: 12px;
  font-family: "semi-bold";
}
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-performance-card::after,
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-yield-card::after,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-performance-card::after,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-yield-card::after,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-performance-card::after,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-yield-card::after,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-performance-card::after,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-yield-card::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -60px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.12);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-yield-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-yield-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-yield-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-yield-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-yield-card .yield-value,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-yield-card .yield-value,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-yield-card .yield-value,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-yield-card .yield-value {
  position: relative;
  z-index: 1;
  color: color-mix(in srgb, var(--ion-color-light) 62%, var(--ion-color-secondary));
  font-size: 2.35rem;
  font-family: "bold";
}
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-yield-card .yield-label,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-yield-card .yield-label,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-yield-card .yield-label,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-yield-card .yield-label {
  position: relative;
  z-index: 1;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
  color: color-mix(in srgb, var(--ion-color-light) 72%, var(--ion-color-secondary));
  font-size: 12px;
  font-family: "semi-bold";
}
:root:not(.theme-default) app-stock-details .portfolio-screen .performance-positive,
:root:not(.theme-default) app-indice-details .portfolio-screen .performance-positive,
:root:not(.theme-default) app-commodity-details .portfolio-screen .performance-positive,
:root:not(.theme-default) app-bond-details .portfolio-screen .performance-positive {
  color: #9af0b7 !important;
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-secondary-rgb), 0.34), transparent 36%), linear-gradient(135deg, rgba(34, 197, 94, 0.22), rgba(var(--ion-color-secondary-rgb), 0.12) 54%, rgba(0, 0, 0, 0.24)) !important;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .performance-negative,
:root:not(.theme-default) app-indice-details .portfolio-screen .performance-negative,
:root:not(.theme-default) app-commodity-details .portfolio-screen .performance-negative,
:root:not(.theme-default) app-bond-details .portfolio-screen .performance-negative {
  color: var(--ion-color-danger) !important;
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-danger-rgb), 0.22), transparent 36%), linear-gradient(135deg, rgba(var(--ion-color-danger-rgb), 0.19), rgba(var(--ion-color-secondary-rgb), 0.1) 54%, rgba(0, 0, 0, 0.24)) !important;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .main-title,
:root:not(.theme-default) app-indice-details .portfolio-screen .main-title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .main-title,
:root:not(.theme-default) app-bond-details .portfolio-screen .main-title {
  margin: 22px 0 12px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .main-title .title,
:root:not(.theme-default) app-indice-details .portfolio-screen .main-title .title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .main-title .title,
:root:not(.theme-default) app-bond-details .portfolio-screen .main-title .title {
  font-size: 15px;
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-value-row,
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card,
:root:not(.theme-default) app-stock-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-stock-details .portfolio-screen .disclaimer-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-value-row,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .disclaimer-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-value-row,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .disclaimer-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-value-row,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .disclaimer-card {
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.18)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.09), transparent 64%);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .rwa-value-row,
:root:not(.theme-default) app-indice-details .portfolio-screen .rwa-value-row,
:root:not(.theme-default) app-commodity-details .portfolio-screen .rwa-value-row,
:root:not(.theme-default) app-bond-details .portfolio-screen .rwa-value-row {
  margin: 0 0 10px;
  padding: 10px 6px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .account-row .content-info .icon-content,
:root:not(.theme-default) app-indice-details .portfolio-screen .account-row .content-info .icon-content,
:root:not(.theme-default) app-commodity-details .portfolio-screen .account-row .content-info .icon-content,
:root:not(.theme-default) app-bond-details .portfolio-screen .account-row .content-info .icon-content {
  background: rgba(var(--ion-color-secondary-rgb), 0.14);
  box-shadow: inset 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.15);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .account-row .content-info .name-content .title,
:root:not(.theme-default) app-indice-details .portfolio-screen .account-row .content-info .name-content .title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .account-row .content-info .name-content .title,
:root:not(.theme-default) app-bond-details .portfolio-screen .account-row .content-info .name-content .title {
  font-size: 12px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .account-row .content-info .name-content .bold-title,
:root:not(.theme-default) app-indice-details .portfolio-screen .account-row .content-info .name-content .bold-title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .account-row .content-info .name-content .bold-title,
:root:not(.theme-default) app-bond-details .portfolio-screen .account-row .content-info .name-content .bold-title {
  font-size: 15px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-heading,
:root:not(.theme-default) app-stock-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-stock-details .portfolio-screen .disclaimer-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-heading,
:root:not(.theme-default) app-indice-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .disclaimer-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-heading,
:root:not(.theme-default) app-commodity-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .disclaimer-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-heading,
:root:not(.theme-default) app-bond-details .portfolio-screen .amplitude-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .disclaimer-card {
  padding: 14px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-heading .title,
:root:not(.theme-default) app-stock-details .portfolio-screen .amplitude-card .title,
:root:not(.theme-default) app-stock-details .portfolio-screen .disclaimer-card .title,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-heading .title,
:root:not(.theme-default) app-indice-details .portfolio-screen .amplitude-card .title,
:root:not(.theme-default) app-indice-details .portfolio-screen .disclaimer-card .title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-heading .title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .amplitude-card .title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .disclaimer-card .title,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-heading .title,
:root:not(.theme-default) app-bond-details .portfolio-screen .amplitude-card .title,
:root:not(.theme-default) app-bond-details .portfolio-screen .disclaimer-card .title {
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-stock-details .portfolio-screen .disclaimer-card .main-sub-title,
:root:not(.theme-default) app-indice-details .portfolio-screen .disclaimer-card .main-sub-title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .disclaimer-card .main-sub-title,
:root:not(.theme-default) app-bond-details .portfolio-screen .disclaimer-card .main-sub-title {
  font-size: 14px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card {
  padding: 14px 8px;
  margin: 10px 0 18px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-header,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-header,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-header,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px 12px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(var(--ion-color-secondary-rgb), 0.14);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-header .rec-title,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-header .rec-title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-header .rec-title,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-header .rec-title {
  font-size: 13px;
  font-family: "bold";
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-header .expire-badge,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-header .expire-badge,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-header .expire-badge,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-header .expire-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 58%;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  background: rgba(var(--ion-color-secondary-rgb), 0.08);
  color: var(--ion-color-medium);
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon {
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.14);
  color: var(--ion-color-light);
  font-size: 12px;
  flex-shrink: 0;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label {
  color: color-mix(in srgb, var(--ion-color-medium) 82%, var(--ion-color-light));
  font-family: "regular";
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value {
  overflow: hidden;
  color: var(--ion-color-light);
  font-family: "semi-bold";
  text-overflow: ellipsis;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .analyst-row,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .analyst-row,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .analyst-row,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .analyst-row {
  align-items: center;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .analyst-row ion-col:first-child,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .analyst-row ion-col:first-child,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .analyst-row ion-col:first-child,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .analyst-row ion-col:first-child {
  flex: 0 0 100px;
  width: 100px;
  max-width: 100px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .analyst-row ion-col:last-child,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .analyst-row ion-col:last-child,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .analyst-row ion-col:last-child,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .analyst-row ion-col:last-child {
  flex: 1 1 auto;
  width: auto;
  max-width: none;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .analyst-row .content,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .analyst-row .content,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .analyst-row .content,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .analyst-row .content {
  width: 82px;
  height: 82px;
  margin-top: 0 !important;
  background: radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.96));
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.18), 0 0 0 6px rgba(var(--ion-color-secondary-rgb), 0.08);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .analyst-row .content .title,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .analyst-row .content .title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .analyst-row .content .title,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .analyst-row .content .title {
  max-width: 74px;
  font-size: 1.02rem;
  line-height: 1.05;
  color: var(--ion-color-dark);
  overflow-wrap: anywhere;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .progress-content,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .progress-content,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .progress-content,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .progress-content {
  padding-left: 8px;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .progress-content .progress-data,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .progress-content .progress-data,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .progress-content .progress-data,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .progress-content .progress-data {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  column-gap: 14px;
  align-items: center;
  margin: 7px 0;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .progress-content .progress-data .progress-line,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .progress-content .progress-data .progress-line,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .progress-content .progress-data .progress-line,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .progress-content .progress-data .progress-line {
  width: 100% !important;
  max-width: 210px;
  margin-top: 0 !important;
  background: rgba(255, 255, 255, 0.16);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 8px;
  align-items: center;
  justify-content: initial;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:first-child,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:first-child,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:first-child,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:first-child {
  text-align: right;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:last-child,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:last-child,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:last-child,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .progress-content .progress-data .lbl ion-label:last-child {
  text-align: left;
  white-space: nowrap;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-footer,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-footer,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-footer,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 6px 0;
  border-top: 1px solid rgba(var(--ion-color-secondary-rgb), 0.14);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-footer ion-icon,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-footer ion-icon,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-footer ion-icon,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-footer ion-icon {
  font-size: 15px;
  color: var(--ion-color-secondary);
  flex-shrink: 0;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title {
  font-size: 14px;
  font-family: "bold";
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
  flex-shrink: 0;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge {
  font-size: 13px;
  font-family: "bold";
  padding: 3px 10px;
  border-radius: 8px;
  margin-left: auto;
  flex-shrink: 0;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-sell,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-sell,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-sell,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-sell {
  color: var(--ion-color-danger);
  background: rgba(var(--ion-color-danger-rgb), 0.14);
  border: 1px solid rgba(var(--ion-color-danger-rgb), 0.35);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-buy,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-buy,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-buy,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-buy {
  color: var(--ion-color-success);
  background: rgba(var(--ion-color-success-rgb), 0.14);
  border: 1px solid rgba(var(--ion-color-success-rgb), 0.35);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-hold,
:root:not(.theme-default) app-indice-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-hold,
:root:not(.theme-default) app-commodity-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-hold,
:root:not(.theme-default) app-bond-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge.price-action-hold {
  color: var(--ion-color-warning);
  background: rgba(var(--ion-color-warning-rgb), 0.14);
  border: 1px solid rgba(var(--ion-color-warning-rgb), 0.35);
}
:root:not(.theme-default) app-stock-details .portfolio-screen .see-more-row,
:root:not(.theme-default) app-indice-details .portfolio-screen .see-more-row,
:root:not(.theme-default) app-commodity-details .portfolio-screen .see-more-row,
:root:not(.theme-default) app-bond-details .portfolio-screen .see-more-row {
  margin-top: 10px;
  padding: 4px 0;
}
:root:not(.theme-default) app-stock-details .portfolio-screen .see-more-row ion-button,
:root:not(.theme-default) app-indice-details .portfolio-screen .see-more-row ion-button,
:root:not(.theme-default) app-commodity-details .portfolio-screen .see-more-row ion-button,
:root:not(.theme-default) app-bond-details .portfolio-screen .see-more-row ion-button {
  --background: rgba(var(--ion-color-secondary-rgb), 0.14);
  --border-radius: 10px;
  color: var(--ion-color-secondary);
}
:root:not(.theme-default) app-stock-details ion-footer ion-toolbar,
:root:not(.theme-default) app-indice-details ion-footer ion-toolbar,
:root:not(.theme-default) app-commodity-details ion-footer ion-toolbar,
:root:not(.theme-default) app-bond-details ion-footer ion-toolbar {
  --background: rgba(31, 34, 39, 0.94);
  border-top: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
  box-shadow: 0 -18px 34px rgba(0, 0, 0, 0.24);
}
:root:not(.theme-default) app-stock-details ion-footer ion-button,
:root:not(.theme-default) app-indice-details ion-footer ion-button,
:root:not(.theme-default) app-commodity-details ion-footer ion-button,
:root:not(.theme-default) app-bond-details ion-footer ion-button {
  height: 52px;
  --border-radius: 12px;
  font-family: "semi-bold";
}

:root.theme-default app-short-term-details .portfolio-screen .recommendation-card,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card {
  margin: 20px 0;
  padding: 0;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-header,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-header,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-header,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-header,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-header .rec-title,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-header .rec-title,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-header .rec-title,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-header .rec-title,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-header .rec-title {
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 14px;
  line-height: 1.25;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-header .expire-badge,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-header .expire-badge,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-header .expire-badge,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-header .expire-badge,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-header .expire-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 58%;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--ion-color-medium);
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-header .expire-badge ion-icon {
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: var(--ion-color-light);
  font-size: 12px;
  flex-shrink: 0;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__label {
  color: var(--ion-color-medium);
  font-family: "regular";
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-header .expire-badge .expire-badge__value {
  overflow: hidden;
  color: var(--ion-color-light);
  font-family: "semi-bold";
  text-overflow: ellipsis;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-footer,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-footer,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-footer,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-footer,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-footer ion-icon,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-footer ion-icon,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-footer ion-icon,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-footer ion-icon,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-footer ion-icon {
  color: var(--ion-color-secondary);
  font-size: 16px;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-title {
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 14px;
  line-height: 1.25;
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .rec-footer .rec-footer-badge {
  font-family: "bold";
  font-size: 14px;
  white-space: nowrap;
}

:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .analyst-row .content,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .analyst-row .content,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .analyst-row .content,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .analyst-row .content,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .analyst-row .content {
  background: var(--ion-color-light);
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .analyst-row .content .title,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .analyst-row .content .title,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .analyst-row .content .title,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .analyst-row .content .title,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .analyst-row .content .title {
  color: var(--ion-color-dark);
}
:root.theme-default app-short-term-details .portfolio-screen .recommendation-card .analyst-row .progress-content .progress-data .lbl .text-primary,
:root.theme-default app-stock-details .portfolio-screen .recommendation-card .analyst-row .progress-content .progress-data .lbl .text-primary,
:root.theme-default app-indice-details .portfolio-screen .recommendation-card .analyst-row .progress-content .progress-data .lbl .text-primary,
:root.theme-default app-commodity-details .portfolio-screen .recommendation-card .analyst-row .progress-content .progress-data .lbl .text-primary,
:root.theme-default app-bond-details .portfolio-screen .recommendation-card .analyst-row .progress-content .progress-data .lbl .text-primary {
  color: var(--ion-color-light);
}

:root:not(.theme-default) app-bond-details ion-icon,
:root:not(.theme-default) app-bond-details ion-icon[color],
:root:not(.theme-default) app-bond-details ion-icon.ion-color,
:root:not(.theme-default) app-bond-details .icon-content ion-icon,
:root:not(.theme-default) app-bond-details ion-button ion-icon,
:root:not(.theme-default) app-indice-details ion-icon,
:root:not(.theme-default) app-indice-details ion-icon[color],
:root:not(.theme-default) app-indice-details ion-icon.ion-color,
:root:not(.theme-default) app-indice-details .icon-content ion-icon,
:root:not(.theme-default) app-indice-details ion-button ion-icon,
:root:not(.theme-default) app-commodity-details ion-icon,
:root:not(.theme-default) app-commodity-details ion-icon[color],
:root:not(.theme-default) app-commodity-details ion-icon.ion-color,
:root:not(.theme-default) app-commodity-details .icon-content ion-icon,
:root:not(.theme-default) app-commodity-details ion-button ion-icon,
:root:not(.theme-default) app-stock-details ion-icon,
:root:not(.theme-default) app-stock-details ion-icon[color],
:root:not(.theme-default) app-stock-details ion-icon.ion-color,
:root:not(.theme-default) app-stock-details .icon-content ion-icon,
:root:not(.theme-default) app-stock-details ion-button ion-icon,
:root:not(.theme-default) app-short-term-details ion-icon,
:root:not(.theme-default) app-short-term-details ion-icon[color],
:root:not(.theme-default) app-short-term-details ion-icon.ion-color,
:root:not(.theme-default) app-short-term-details .icon-content ion-icon,
:root:not(.theme-default) app-short-term-details ion-button ion-icon,
:root:not(.theme-default) app-project ion-icon,
:root:not(.theme-default) app-project ion-icon[color],
:root:not(.theme-default) app-project ion-icon.ion-color,
:root:not(.theme-default) app-project .icon-content ion-icon,
:root:not(.theme-default) app-project ion-button ion-icon {
  --ion-color-base: var(--ion-color-light) !important;
  --color: var(--ion-color-light) !important;
  color: var(--ion-color-light) !important;
  fill: var(--ion-color-light) !important;
  stroke: var(--ion-color-light) !important;
  filter: brightness(0) invert(1);
}

app-bond-details .recommendation-card .rec-header,
app-indice-details .recommendation-card .rec-header,
app-commodity-details .recommendation-card .rec-header,
app-stock-details .recommendation-card .rec-header,
app-short-term-details .recommendation-card .rec-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center !important;
  gap: 12px !important;
}
app-bond-details .recommendation-card .rec-header .rec-title,
app-indice-details .recommendation-card .rec-header .rec-title,
app-commodity-details .recommendation-card .rec-header .rec-title,
app-stock-details .recommendation-card .rec-header .rec-title,
app-short-term-details .recommendation-card .rec-header .rec-title {
  min-width: 0;
  line-height: 1.1 !important;
}
app-bond-details .recommendation-card .rec-header .expire-badge,
app-indice-details .recommendation-card .rec-header .expire-badge,
app-commodity-details .recommendation-card .rec-header .expire-badge,
app-stock-details .recommendation-card .rec-header .expire-badge,
app-short-term-details .recommendation-card .rec-header .expire-badge {
  align-self: center;
  display: inline-grid !important;
  grid-template-columns: auto minmax(0, auto) max-content;
  align-items: center;
  gap: 7px !important;
  min-height: 34px;
  min-width: 188px;
  max-width: min(72%, 300px) !important;
  padding: 6px 14px !important;
  line-height: 1 !important;
  font-size: 12px !important;
}
app-bond-details .recommendation-card .rec-header .expire-badge .expire-badge__label,
app-indice-details .recommendation-card .rec-header .expire-badge .expire-badge__label,
app-commodity-details .recommendation-card .rec-header .expire-badge .expire-badge__label,
app-stock-details .recommendation-card .rec-header .expire-badge .expire-badge__label,
app-short-term-details .recommendation-card .rec-header .expire-badge .expire-badge__label {
  min-width: 0;
  overflow: hidden;
  line-height: 1 !important;
  font-size: 12px !important;
  text-overflow: ellipsis;
}
app-bond-details .recommendation-card .rec-header .expire-badge .expire-badge__value,
app-indice-details .recommendation-card .rec-header .expire-badge .expire-badge__value,
app-commodity-details .recommendation-card .rec-header .expire-badge .expire-badge__value,
app-stock-details .recommendation-card .rec-header .expire-badge .expire-badge__value,
app-short-term-details .recommendation-card .rec-header .expire-badge .expire-badge__value {
  overflow: visible !important;
  line-height: 1 !important;
  font-size: 12px !important;
  white-space: nowrap;
}
app-bond-details .recommendation-card .rec-footer,
app-indice-details .recommendation-card .rec-footer,
app-commodity-details .recommendation-card .rec-footer,
app-stock-details .recommendation-card .rec-footer,
app-short-term-details .recommendation-card .rec-footer {
  position: relative;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  row-gap: 10px !important;
  margin-top: 14px !important;
  padding: 12px !important;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.22) !important;
  border-radius: 14px;
  background: radial-gradient(circle at 0% 0%, rgba(var(--ion-color-secondary-rgb), 0.14), transparent 38%), linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(0, 0, 0, 0.13));
}
app-bond-details .recommendation-card .rec-footer::before,
app-indice-details .recommendation-card .rec-footer::before,
app-commodity-details .recommendation-card .rec-footer::before,
app-stock-details .recommendation-card .rec-footer::before,
app-short-term-details .recommendation-card .rec-footer::before {
  content: "";
  position: absolute;
  inset: 10px auto 10px 0;
  width: 3px;
  border-radius: 999px;
  background: var(--ion-color-secondary);
  opacity: 0.9;
}
app-bond-details .recommendation-card .rec-footer ion-icon,
app-indice-details .recommendation-card .rec-footer ion-icon,
app-commodity-details .recommendation-card .rec-footer ion-icon,
app-stock-details .recommendation-card .rec-footer ion-icon,
app-short-term-details .recommendation-card .rec-footer ion-icon {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  padding: 7px;
  border-radius: 10px;
  background: rgba(var(--ion-color-secondary-rgb), 0.13);
  color: var(--ion-color-secondary) !important;
  font-size: 16px !important;
  filter: none !important;
}
app-bond-details .recommendation-card .rec-footer ion-icon.price-action-sell,
app-indice-details .recommendation-card .rec-footer ion-icon.price-action-sell,
app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-sell,
app-stock-details .recommendation-card .rec-footer ion-icon.price-action-sell,
app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-sell {
  color: var(--ion-color-danger) !important;
  background: rgba(var(--ion-color-danger-rgb), 0.12);
}
app-bond-details .recommendation-card .rec-footer ion-icon.price-action-buy,
app-indice-details .recommendation-card .rec-footer ion-icon.price-action-buy,
app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-buy,
app-stock-details .recommendation-card .rec-footer ion-icon.price-action-buy,
app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-buy {
  color: var(--ion-color-secondary) !important;
}
app-bond-details .recommendation-card .rec-footer ion-icon.price-action-hold,
app-indice-details .recommendation-card .rec-footer ion-icon.price-action-hold,
app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-hold,
app-stock-details .recommendation-card .rec-footer ion-icon.price-action-hold,
app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-hold {
  color: var(--ion-color-warning) !important;
  background: rgba(var(--ion-color-warning-rgb), 0.1);
}
app-bond-details .recommendation-card .rec-footer .rec-footer-title,
app-indice-details .recommendation-card .rec-footer .rec-footer-title,
app-commodity-details .recommendation-card .rec-footer .rec-footer-title,
app-stock-details .recommendation-card .rec-footer .rec-footer-title,
app-short-term-details .recommendation-card .rec-footer .rec-footer-title {
  position: relative;
  z-index: 1;
  min-width: 0;
  color: var(--ion-color-light) !important;
  font-family: "bold";
  font-size: 14px !important;
  line-height: 1.22;
}
app-bond-details .recommendation-card .rec-footer .rec-footer-badge,
app-indice-details .recommendation-card .rec-footer .rec-footer-badge,
app-commodity-details .recommendation-card .rec-footer .rec-footer-badge,
app-stock-details .recommendation-card .rec-footer .rec-footer-badge,
app-short-term-details .recommendation-card .rec-footer .rec-footer-badge {
  position: relative;
  z-index: 1;
  min-width: 54px;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  margin-left: 0 !important;
  font-family: "bold";
  font-size: 13px !important;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
app-bond-details .recommendation-card .rec-footer .rec-footer-badge.price-action-sell,
app-indice-details .recommendation-card .rec-footer .rec-footer-badge.price-action-sell,
app-commodity-details .recommendation-card .rec-footer .rec-footer-badge.price-action-sell,
app-stock-details .recommendation-card .rec-footer .rec-footer-badge.price-action-sell,
app-short-term-details .recommendation-card .rec-footer .rec-footer-badge.price-action-sell {
  color: var(--ion-color-danger) !important;
  background: rgba(var(--ion-color-danger-rgb), 0.12) !important;
  border: 1px solid rgba(var(--ion-color-danger-rgb), 0.32) !important;
}
app-bond-details .recommendation-card .rec-footer .rec-footer-badge.price-action-buy,
app-indice-details .recommendation-card .rec-footer .rec-footer-badge.price-action-buy,
app-commodity-details .recommendation-card .rec-footer .rec-footer-badge.price-action-buy,
app-stock-details .recommendation-card .rec-footer .rec-footer-badge.price-action-buy,
app-short-term-details .recommendation-card .rec-footer .rec-footer-badge.price-action-buy {
  color: var(--ion-color-success) !important;
  background: rgba(var(--ion-color-success-rgb), 0.12) !important;
  border: 1px solid rgba(var(--ion-color-success-rgb), 0.3) !important;
}
app-bond-details .recommendation-card .rec-footer .rec-footer-badge.price-action-hold,
app-indice-details .recommendation-card .rec-footer .rec-footer-badge.price-action-hold,
app-commodity-details .recommendation-card .rec-footer .rec-footer-badge.price-action-hold,
app-stock-details .recommendation-card .rec-footer .rec-footer-badge.price-action-hold,
app-short-term-details .recommendation-card .rec-footer .rec-footer-badge.price-action-hold {
  color: var(--ion-color-warning) !important;
  background: rgba(var(--ion-color-warning-rgb), 0.12) !important;
  border: 1px solid rgba(var(--ion-color-warning-rgb), 0.3) !important;
}

:root.theme-default app-bond-details .recommendation-card .rec-footer,
:root.theme-default app-indice-details .recommendation-card .rec-footer,
:root.theme-default app-commodity-details .recommendation-card .rec-footer,
:root.theme-default app-stock-details .recommendation-card .rec-footer,
:root.theme-default app-short-term-details .recommendation-card .rec-footer {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.075) !important;
}
:root.theme-default app-bond-details .recommendation-card .rec-footer ion-icon.price-action-sell,
:root.theme-default app-indice-details .recommendation-card .rec-footer ion-icon.price-action-sell,
:root.theme-default app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-sell,
:root.theme-default app-stock-details .recommendation-card .rec-footer ion-icon.price-action-sell,
:root.theme-default app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-sell {
  background: rgba(var(--ion-color-danger-rgb), 0.12);
  color: var(--ion-color-danger) !important;
}
:root.theme-default app-bond-details .recommendation-card .rec-footer ion-icon.price-action-buy,
:root.theme-default app-indice-details .recommendation-card .rec-footer ion-icon.price-action-buy,
:root.theme-default app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-buy,
:root.theme-default app-stock-details .recommendation-card .rec-footer ion-icon.price-action-buy,
:root.theme-default app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-buy {
  background: rgba(var(--ion-color-success-rgb), 0.12);
  color: var(--ion-color-success) !important;
}
:root.theme-default app-bond-details .recommendation-card .rec-footer ion-icon.price-action-hold,
:root.theme-default app-indice-details .recommendation-card .rec-footer ion-icon.price-action-hold,
:root.theme-default app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-hold,
:root.theme-default app-stock-details .recommendation-card .rec-footer ion-icon.price-action-hold,
:root.theme-default app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-hold {
  background: rgba(var(--ion-color-warning-rgb), 0.12);
  color: var(--ion-color-warning) !important;
}

:root:not(.theme-default) app-bond-details .recommendation-card .rec-footer,
:root:not(.theme-default) app-indice-details .recommendation-card .rec-footer,
:root:not(.theme-default) app-commodity-details .recommendation-card .rec-footer,
:root:not(.theme-default) app-stock-details .recommendation-card .rec-footer,
:root:not(.theme-default) app-short-term-details .recommendation-card .rec-footer {
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.14), inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}
:root:not(.theme-default) app-bond-details .recommendation-card .rec-footer ion-icon.price-action-sell,
:root:not(.theme-default) app-indice-details .recommendation-card .rec-footer ion-icon.price-action-sell,
:root:not(.theme-default) app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-sell,
:root:not(.theme-default) app-stock-details .recommendation-card .rec-footer ion-icon.price-action-sell,
:root:not(.theme-default) app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-sell {
  background: rgba(var(--ion-color-danger-rgb), 0.12);
  color: var(--ion-color-danger) !important;
}
:root:not(.theme-default) app-bond-details .recommendation-card .rec-footer ion-icon.price-action-buy,
:root:not(.theme-default) app-indice-details .recommendation-card .rec-footer ion-icon.price-action-buy,
:root:not(.theme-default) app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-buy,
:root:not(.theme-default) app-stock-details .recommendation-card .rec-footer ion-icon.price-action-buy,
:root:not(.theme-default) app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-buy {
  background: rgba(var(--ion-color-success-rgb), 0.12);
  color: var(--ion-color-success) !important;
}
:root:not(.theme-default) app-bond-details .recommendation-card .rec-footer ion-icon.price-action-hold,
:root:not(.theme-default) app-indice-details .recommendation-card .rec-footer ion-icon.price-action-hold,
:root:not(.theme-default) app-commodity-details .recommendation-card .rec-footer ion-icon.price-action-hold,
:root:not(.theme-default) app-stock-details .recommendation-card .rec-footer ion-icon.price-action-hold,
:root:not(.theme-default) app-short-term-details .recommendation-card .rec-footer ion-icon.price-action-hold {
  background: rgba(var(--ion-color-warning-rgb), 0.12);
  color: var(--ion-color-warning) !important;
}

:root app-commodity-list .commodity-list-cards {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
:root app-commodity-list .commodity-card {
  position: relative;
  overflow: hidden;
  min-height: 128px;
  padding: 16px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.16);
  border-radius: 16px;
  background: radial-gradient(circle at 88% 18%, rgba(var(--ion-color-secondary-rgb), 0.18), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.2));
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.18);
}
:root app-commodity-list .commodity-card::before {
  content: "";
  position: absolute;
  width: 3px;
  inset: 0 auto 0 0;
  background: var(--ion-color-secondary);
  opacity: 0.95;
}
:root app-commodity-list .commodity-card::after {
  content: "";
  position: absolute;
  right: -34px;
  top: -40px;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.1);
}
:root app-commodity-list .commodity-card__main,
:root app-commodity-list .commodity-card__footer,
:root app-commodity-list .commodity-card__meta,
:root app-commodity-list .commodity-card__pill,
:root app-commodity-list .commodity-card__signal {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
:root app-commodity-list .commodity-card__main {
  justify-content: space-between;
  gap: 14px;
}
:root app-commodity-list .commodity-card__identity {
  min-width: 0;
}
:root app-commodity-list .commodity-card__ticker {
  color: color-mix(in srgb, var(--ion-color-light) 62%, var(--ion-color-secondary));
  font-family: "semi-bold";
  font-size: 12px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
:root app-commodity-list .commodity-card__name {
  overflow: hidden;
  margin-top: 8px;
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 18px;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root app-commodity-list .commodity-card__price {
  flex: 0 0 128px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
:root app-commodity-list .commodity-card__price span {
  color: var(--ion-color-medium);
  font-family: "semi-bold";
  font-size: 9px;
  line-height: 1.1;
  text-transform: uppercase;
}
:root app-commodity-list .commodity-card__price strong {
  margin-top: 3px;
  color: var(--ion-color-secondary);
  font-family: "bold";
  font-size: 22px;
  line-height: 1;
}
:root app-commodity-list .commodity-card__footer {
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
:root app-commodity-list .commodity-card__meta {
  min-width: 0;
  gap: 9px;
}
:root app-commodity-list .commodity-card__pill {
  gap: 6px;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(var(--ion-color-secondary-rgb), 0.1);
  color: color-mix(in srgb, var(--ion-color-light) 72%, var(--ion-color-secondary));
  font-family: "semi-bold";
  font-size: 11px;
}
:root app-commodity-list .commodity-card__pill ion-icon {
  color: var(--ion-color-secondary);
  font-size: 14px;
}
:root app-commodity-list .commodity-card__perf {
  font-family: "bold";
  font-size: 13px;
  white-space: nowrap;
}
:root app-commodity-list .commodity-card__perf.positive {
  color: var(--ion-color-success);
}
:root app-commodity-list .commodity-card__perf.negative {
  color: var(--ion-color-danger);
}
:root app-commodity-list .commodity-card__signal {
  flex: 0 0 auto;
  gap: 6px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1ecb70, #18a956);
  color: var(--ion-color-light);
  box-shadow: 0 12px 24px rgba(var(--ion-color-success-rgb), 0.18);
}
:root app-commodity-list .commodity-card__signal span,
:root app-commodity-list .commodity-card__signal strong {
  font-family: "bold";
  font-size: 13px;
  line-height: 1;
}
:root app-commodity-list .empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  gap: 12px;
}
:root app-commodity-list .empty-state ion-icon {
  font-size: 3rem;
}
:root app-commodity-list .empty-state ion-label {
  color: var(--ion-color-medium);
  font-size: 14px;
}
@media (max-width: 380px) {
  :root app-commodity-list .commodity-card {
    padding: 14px;
  }
  :root app-commodity-list .commodity-card__main,
  :root app-commodity-list .commodity-card__footer {
    align-items: flex-start;
  }
  :root app-commodity-list .commodity-card__price {
    flex-basis: 112px;
  }
  :root app-commodity-list .commodity-card__price strong {
    font-size: 19px;
  }
}

app-commodity-list ion-content:has(.premium-card),
app-yield-list ion-content:has(.premium-card),
app-stock-list ion-content:has(.premium-card),
app-indice-list ion-content:has(.premium-card),
app-bond-list ion-content:has(.premium-card),
app-short-term ion-content:has(.premium-card),
app-projects ion-content:has(.premium-card),
app-agent-subscribe ion-content:has(.premium-card) {
  --background:
    radial-gradient(circle at 50% 12%, rgba(var(--ion-color-secondary-rgb), 0.10), transparent 34%),
    var(--ion-color-dark);
}
app-commodity-list .premium-card,
app-yield-list .premium-card,
app-stock-list .premium-card,
app-indice-list .premium-card,
app-bond-list .premium-card,
app-short-term .premium-card,
app-projects .premium-card,
app-agent-subscribe .premium-card {
  position: relative;
  z-index: 1;
  overflow: visible;
  width: min(100%, 370px);
  min-height: 390px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: clamp(34px, 8vh, 76px) auto 0;
  padding: 24px 18px;
  border-radius: 22px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.22);
  background: radial-gradient(circle at 50% 0%, rgba(var(--ion-color-secondary-rgb), 0.2), transparent 42%), linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(0, 0, 0, 0.22));
  box-shadow: 0 22px 42px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
app-commodity-list .premium-card::before,
app-yield-list .premium-card::before,
app-stock-list .premium-card::before,
app-indice-list .premium-card::before,
app-bond-list .premium-card::before,
app-short-term .premium-card::before,
app-projects .premium-card::before,
app-agent-subscribe .premium-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: -128px;
  width: min(430px, 100vw - 28px);
  height: 540px;
  border-radius: 20px;
  opacity: 0.52;
  filter: blur(1.4px);
  transform: translateX(-50%);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(34, 36, 40, 0.08), rgba(34, 36, 40, 0.58) 58%, rgba(34, 36, 40, 0.92)), url("/assets/images/images/projects.png") center center/cover no-repeat;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 7%, #000 76%, transparent);
          mask-image: linear-gradient(180deg, transparent, #000 7%, #000 76%, transparent);
}
app-commodity-list .premium-card::after,
app-yield-list .premium-card::after,
app-stock-list .premium-card::after,
app-indice-list .premium-card::after,
app-bond-list .premium-card::after,
app-short-term .premium-card::after,
app-projects .premium-card::after,
app-agent-subscribe .premium-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: -48px;
  top: -58px;
  width: 144px;
  height: 144px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.13);
  pointer-events: none;
}
app-commodity-list .premium-card > ion-icon,
app-yield-list .premium-card > ion-icon,
app-stock-list .premium-card > ion-icon,
app-indice-list .premium-card > ion-icon,
app-bond-list .premium-card > ion-icon,
app-short-term .premium-card > ion-icon,
app-projects .premium-card > ion-icon,
app-agent-subscribe .premium-card > ion-icon {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  padding: 15px;
  border-radius: 22px;
  color: var(--ion-color-secondary) !important;
  background: radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.13), transparent 36%), rgba(var(--ion-color-secondary-rgb), 0.12);
  box-shadow: 0 18px 32px rgba(var(--ion-color-secondary-rgb), 0.16);
}
app-commodity-list .premium-card h2,
app-commodity-list .premium-card p,
app-yield-list .premium-card h2,
app-yield-list .premium-card p,
app-stock-list .premium-card h2,
app-stock-list .premium-card p,
app-indice-list .premium-card h2,
app-indice-list .premium-card p,
app-bond-list .premium-card h2,
app-bond-list .premium-card p,
app-short-term .premium-card h2,
app-short-term .premium-card p,
app-projects .premium-card h2,
app-projects .premium-card p,
app-agent-subscribe .premium-card h2,
app-agent-subscribe .premium-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  text-align: center;
}
app-commodity-list .premium-card h2,
app-yield-list .premium-card h2,
app-stock-list .premium-card h2,
app-indice-list .premium-card h2,
app-bond-list .premium-card h2,
app-short-term .premium-card h2,
app-projects .premium-card h2,
app-agent-subscribe .premium-card h2 {
  max-width: 280px;
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 22px;
  line-height: 1.12;
  letter-spacing: 0;
}
app-commodity-list .premium-card p,
app-yield-list .premium-card p,
app-stock-list .premium-card p,
app-indice-list .premium-card p,
app-bond-list .premium-card p,
app-short-term .premium-card p,
app-projects .premium-card p,
app-agent-subscribe .premium-card p {
  max-width: 286px;
  color: color-mix(in srgb, var(--ion-color-medium) 78%, var(--ion-color-light));
  font-family: "regular";
  font-size: 14px;
  line-height: 1.35;
}
app-commodity-list .premium-card .premium-requirement,
app-yield-list .premium-card .premium-requirement,
app-stock-list .premium-card .premium-requirement,
app-indice-list .premium-card .premium-requirement,
app-bond-list .premium-card .premium-requirement,
app-short-term .premium-card .premium-requirement,
app-projects .premium-card .premium-requirement,
app-agent-subscribe .premium-card .premium-requirement {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 13px;
  background: rgba(var(--ion-color-secondary-rgb), 0.1);
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.18);
}
app-commodity-list .premium-card .premium-requirement ion-icon,
app-yield-list .premium-card .premium-requirement ion-icon,
app-stock-list .premium-card .premium-requirement ion-icon,
app-indice-list .premium-card .premium-requirement ion-icon,
app-bond-list .premium-card .premium-requirement ion-icon,
app-short-term .premium-card .premium-requirement ion-icon,
app-projects .premium-card .premium-requirement ion-icon,
app-agent-subscribe .premium-card .premium-requirement ion-icon {
  flex: 0 0 auto;
  color: var(--ion-color-secondary);
  font-size: 18px;
}
app-commodity-list .premium-card .premium-requirement span,
app-yield-list .premium-card .premium-requirement span,
app-stock-list .premium-card .premium-requirement span,
app-indice-list .premium-card .premium-requirement span,
app-bond-list .premium-card .premium-requirement span,
app-short-term .premium-card .premium-requirement span,
app-projects .premium-card .premium-requirement span,
app-agent-subscribe .premium-card .premium-requirement span {
  color: color-mix(in srgb, var(--ion-color-light) 82%, var(--ion-color-secondary));
  font-family: "semi-bold";
  font-size: 12px;
  line-height: 1.25;
  text-align: start;
}
app-commodity-list .premium-card .premium-steps,
app-yield-list .premium-card .premium-steps,
app-stock-list .premium-card .premium-steps,
app-indice-list .premium-card .premium-steps,
app-bond-list .premium-card .premium-steps,
app-short-term .premium-card .premium-steps,
app-projects .premium-card .premium-steps,
app-agent-subscribe .premium-card .premium-steps {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
app-commodity-list .premium-card .premium-step,
app-yield-list .premium-card .premium-step,
app-stock-list .premium-card .premium-step,
app-indice-list .premium-card .premium-step,
app-bond-list .premium-card .premium-step,
app-short-term .premium-card .premium-step,
app-projects .premium-card .premium-step,
app-agent-subscribe .premium-card .premium-step {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.055);
}
app-commodity-list .premium-card .premium-step span,
app-yield-list .premium-card .premium-step span,
app-stock-list .premium-card .premium-step span,
app-indice-list .premium-card .premium-step span,
app-bond-list .premium-card .premium-step span,
app-short-term .premium-card .premium-step span,
app-projects .premium-card .premium-step span,
app-agent-subscribe .premium-card .premium-step span {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--ion-color-secondary);
  color: var(--ion-color-dark);
  font-family: "bold";
  font-size: 12px;
}
app-commodity-list .premium-card .premium-step ion-label,
app-yield-list .premium-card .premium-step ion-label,
app-stock-list .premium-card .premium-step ion-label,
app-indice-list .premium-card .premium-step ion-label,
app-bond-list .premium-card .premium-step ion-label,
app-short-term .premium-card .premium-step ion-label,
app-projects .premium-card .premium-step ion-label,
app-agent-subscribe .premium-card .premium-step ion-label {
  color: var(--ion-color-light);
  font-family: "semi-bold";
  font-size: 12px;
  line-height: 1.2;
  text-align: start;
}
app-commodity-list .premium-card ion-button,
app-yield-list .premium-card ion-button,
app-stock-list .premium-card ion-button,
app-indice-list .premium-card ion-button,
app-bond-list .premium-card ion-button,
app-short-term .premium-card ion-button,
app-projects .premium-card ion-button,
app-agent-subscribe .premium-card ion-button {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 46px;
  margin-top: 2px;
  font-family: "bold";
  text-transform: none;
  --border-radius: 13px;
  --box-shadow: 0 14px 28px rgba(var(--ion-color-secondary-rgb), 0.20);
}

app-invite-friends .wallet-boost-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 16px 0;
  padding: 14px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(var(--ion-color-secondary-rgb), 0.18), rgba(var(--ion-color-secondary-rgb), 0.06));
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.35);
  cursor: pointer;
}
app-invite-friends .wallet-boost-banner > ion-icon:first-child {
  flex-shrink: 0;
  color: var(--ion-color-secondary);
  font-size: 24px;
}
app-invite-friends .wallet-boost-banner > ion-icon:last-child {
  flex-shrink: 0;
  margin-left: auto;
  color: rgba(255, 255, 255, 0.3);
  font-size: 18px;
}
app-invite-friends .wallet-boost-banner__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
app-invite-friends .wallet-boost-banner__text strong {
  color: var(--ion-color-secondary);
  font-size: 13px;
  font-weight: 700;
}
app-invite-friends .wallet-boost-banner__text span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 1.3;
}

app-account .holder-status-card {
  margin: 16px 0;
  padding: 16px;
  border-radius: 14px;
  background: radial-gradient(circle at 14% 12%, rgba(var(--ion-color-secondary-rgb), 0.16), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.16));
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
}
app-account .holder-status-card.premium {
  border-color: rgba(var(--ion-color-secondary-rgb), 0.28);
}
app-account .holder-status-card.special {
  border-color: rgba(255, 193, 7, 0.32);
  background: radial-gradient(circle at 14% 12%, rgba(255, 193, 7, 0.16), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.16));
}
app-account .holder-status-top,
app-account .holder-status-title,
app-account .holder-wallet {
  display: flex;
  align-items: center;
}
app-account .holder-status-top {
  justify-content: space-between;
  gap: 12px;
}
app-account .holder-status-title {
  gap: 10px;
}
app-account .holder-status-title > ion-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: 13px;
  color: var(--ion-color-secondary);
  background: rgba(var(--ion-color-secondary-rgb), 0.12);
}
app-account .holder-status-title div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
app-account .holder-status-title ion-label {
  color: var(--ion-color-medium);
  font-family: "semi-bold";
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
app-account .holder-status-title strong {
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 17px;
  line-height: 1.1;
}
app-account .holder-staked-pill {
  flex: 0 0 auto;
  min-width: 92px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 12px;
}
app-account .holder-staked-pill ion-spinner {
  width: 18px;
  height: 18px;
  color: var(--ion-color-secondary);
}
app-account .holder-wallet {
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding: 9px 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.14);
}
app-account .holder-wallet span {
  color: var(--ion-color-medium);
  font-family: "semi-bold";
  font-size: 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
app-account .holder-wallet strong {
  color: color-mix(in srgb, var(--ion-color-light) 78%, var(--ion-color-secondary));
  font-family: monospace;
  font-size: 12px;
}
app-account .holder-progress {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 20px;
  padding-top: 18px;
}
app-account .holder-progress-track {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 26px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
app-account .holder-progress-fill {
  height: 100%;
  border-radius: inherit;
  background: var(--ion-color-secondary);
  transition: width 0.25s ease;
}
app-account .holder-step {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  color: var(--ion-color-medium);
  text-align: center;
}
app-account .holder-step span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #222428;
  border: 3px solid rgba(255, 255, 255, 0.16);
}
app-account .holder-step strong {
  color: inherit;
  font-family: "bold";
  font-size: 12px;
  line-height: 1.15;
}
app-account .holder-step em {
  color: rgba(255, 255, 255, 0.4);
  font-family: "regular";
  font-size: 11px;
  font-style: normal;
}
app-account .holder-step.active {
  color: var(--ion-color-secondary);
}
app-account .holder-step.active span {
  background: var(--ion-color-secondary);
  border-color: rgba(var(--ion-color-secondary-rgb), 0.24);
  box-shadow: 0 0 18px rgba(var(--ion-color-secondary-rgb), 0.35);
}

:root:not(.theme-default) app-bond-list .market-screen .stock-list {
  align-items: stretch;
  min-height: 104px;
  padding: 14px 10px 14px 12px;
}
:root:not(.theme-default) app-bond-list .market-screen .stock-list ion-col {
  display: flex;
  align-items: center;
}
:root:not(.theme-default) app-bond-list .market-screen .stock-list ion-col:not(:first-child) {
  justify-content: center;
}
:root:not(.theme-default) app-bond-list .market-screen .stock-list ion-col:not(:first-child) .name-data {
  width: 100%;
  align-items: center;
  text-align: center;
}
:root:not(.theme-default) app-bond-list .market-screen .stock-list ion-col:not(:first-child) .name-data .title {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--ion-color-light) 72%, var(--ion-color-secondary));
  font-size: 11px;
  line-height: 1.12;
  overflow-wrap: anywhere;
}
:root:not(.theme-default) app-bond-list .market-screen .stock-list .name-content .name-data {
  margin: 0 8px;
}
:root:not(.theme-default) app-bond-list .market-screen .stock-list .name-content .name-data .title {
  font-size: 15px;
}
:root:not(.theme-default) app-bond-list .market-screen .stock-list .name-content .name-data .short {
  line-height: 1.18;
}
:root:not(.theme-default) app-bond-list .market-screen .stock-list .plus-stock,
:root:not(.theme-default) app-bond-list .market-screen .stock-list .neutral-stock {
  min-width: 58px;
}

:root:not(.theme-default) app-profil .nft-profile-screen .profile-content {
  position: relative;
  overflow: hidden;
  min-height: 112px;
  height: auto;
  margin: 14px 0 18px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.24);
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-secondary-rgb), 0.22), transparent 36%), linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(0, 0, 0, 0.2)), var(--profile-banner, transparent);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}
:root:not(.theme-default) app-profil .nft-profile-screen .profile-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.2)), radial-gradient(circle at 88% 14%, rgba(var(--ion-color-secondary-rgb), 0.16), transparent 34%);
  pointer-events: none;
}
:root:not(.theme-default) app-profil .nft-profile-screen .profile-content .prefix,
:root:not(.theme-default) app-profil .nft-profile-screen .profile-content .postfix {
  position: relative;
  z-index: 1;
}
:root:not(.theme-default) app-profil .nft-profile-screen .profile-content .prefix .name {
  margin: 0;
  font-size: 17px;
  line-height: 1.2;
  color: var(--ion-color-light);
}
:root:not(.theme-default) app-profil .nft-profile-screen .profile-content .prefix .name .price {
  color: color-mix(in srgb, var(--ion-color-light) 62%, var(--ion-color-secondary));
  font-size: 12px;
}
:root:not(.theme-default) app-profil .nft-profile-screen .profile-content .postfix {
  gap: 5px;
}
:root:not(.theme-default) app-profil .nft-profile-screen .profile-content .postfix .lbl {
  color: color-mix(in srgb, var(--ion-color-medium) 72%, var(--ion-color-secondary));
  font-size: 12px;
  line-height: 1.12;
}
:root:not(.theme-default) app-profil .nft-profile-screen .profile-content .postfix .lbl .active {
  color: var(--ion-color-secondary);
}
:root:not(.theme-default) app-profil .nft-profile-screen .action-content {
  margin: 14px 0 24px;
}
:root:not(.theme-default) app-profil .nft-profile-screen .action-content ion-col {
  min-width: 0;
}
:root:not(.theme-default) app-profil .nft-profile-screen .action-content .content {
  min-height: 54px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.15);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.18)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.09), transparent 64%);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}
:root:not(.theme-default) app-profil .nft-profile-screen .action-content .content .prefix {
  min-width: 0;
}
:root:not(.theme-default) app-profil .nft-profile-screen .action-content .content .prefix ion-icon {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  color: var(--ion-color-secondary);
  filter: drop-shadow(0 0 10px rgba(var(--ion-color-secondary-rgb), 0.22));
}
:root:not(.theme-default) app-profil .nft-profile-screen .action-content .content .prefix .lbl {
  overflow: hidden;
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root:not(.theme-default) app-profil .stacking-screen .main-title {
  display: block;
  margin: 22px 0 12px;
  font-size: 17px;
  color: color-mix(in srgb, var(--ion-color-light) 88%, var(--ion-color-secondary));
}
:root:not(.theme-default) app-profil .stacking-screen > p {
  margin: 0 0 18px;
  color: color-mix(in srgb, var(--ion-color-medium) 84%, var(--ion-color-light));
  line-height: 1.35;
}
:root:not(.theme-default) app-profil .stacking-screen .group {
  position: relative;
  overflow: hidden;
  margin-top: 14px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.15);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.18)), linear-gradient(90deg, rgba(var(--ion-color-secondary-rgb), 0.08), transparent 66%);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15);
}
:root:not(.theme-default) app-profil .stacking-screen .group::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -52px;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.1);
  pointer-events: none;
}
:root:not(.theme-default) app-profil .stacking-screen .group .amount-content,
:root:not(.theme-default) app-profil .stacking-screen .group p {
  position: relative;
  z-index: 1;
}
:root:not(.theme-default) app-profil .stacking-screen .group p {
  margin-bottom: 0;
  line-height: 1.35;
}
:root:not(.theme-default) app-profil .stacking-screen .amount-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
:root:not(.theme-default) app-profil .stacking-screen .amount-content .lbl {
  flex: 1;
  margin: 0;
  color: var(--ion-color-light);
  line-height: 1.2;
}
:root:not(.theme-default) app-profil .stacking-screen .amount-content .active-lbl {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--ion-color-light) 55%, var(--ion-color-secondary)) !important;
  text-align: end;
  line-height: 1.2;
}
:root:not(.theme-default) app-profil .stacking-screen a {
  color: var(--ion-color-secondary);
  font-family: "semi-bold";
}

:root:not(.theme-default) app-enable-key-slider ion-content {
  --background:
    radial-gradient(circle at 50% 20%, rgba(var(--ion-color-secondary-rgb), 0.10), transparent 34%),
    var(--ion-color-dark);
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen {
  min-height: 100%;
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider {
  min-height: calc(100vh - 76px);
  height: auto;
  justify-content: center;
  padding: 22px 0;
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .img {
  width: 210px;
  height: 210px;
  object-fit: contain;
  padding: 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 22%, rgba(255, 255, 255, 0.1), transparent 40%), rgba(var(--ion-color-secondary-rgb), 0.08);
  box-shadow: 0 24px 44px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(var(--ion-color-secondary-rgb), 0.08);
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .box-content {
  width: 100%;
  margin: 28px 0 0;
  padding: 20px 0 0;
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .box-content .title {
  display: block;
  margin: 0 auto 10px;
  max-width: 330px;
  color: color-mix(in srgb, var(--ion-color-light) 90%, var(--ion-color-secondary));
  font-size: 18px;
  line-height: 1.18;
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .box-content .sub-title {
  display: block;
  margin: 0 auto;
  max-width: 350px;
  color: color-mix(in srgb, var(--ion-color-medium) 78%, var(--ion-color-light));
  font-size: 13px;
  line-height: 1.32;
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .box-content .dots {
  margin: 26px 0 28px;
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .box-content .dots .active {
  background: var(--ion-color-secondary);
  box-shadow: 0 0 16px rgba(var(--ion-color-secondary-rgb), 0.44);
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .box-content .dots .deactive {
  background: rgba(255, 255, 255, 0.28);
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .box-content ion-button {
  height: 54px;
  margin: 16px 0;
  --border-radius: 12px;
  font-family: "semi-bold";
}
:root:not(.theme-default) app-enable-key-slider .welcome-screen .info-slider .box-content ion-button[fill=clear] {
  margin-top: 8px;
  color: color-mix(in srgb, var(--ion-color-light) 80%, var(--ion-color-secondary));
}

:root.theme-default app-enable-key-slider .welcome-screen .info-slider .img {
  width: 230px;
  height: 230px;
  object-fit: contain;
}

:root.theme-default app-invite-friends .rewards-default {
  padding: 18px 16px 32px;
}
:root.theme-default app-invite-friends .rewards-default__hero {
  position: relative;
  overflow: hidden;
  min-height: 126px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 18px 14px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
:root.theme-default app-invite-friends .rewards-default__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  pointer-events: none;
}
:root.theme-default app-invite-friends .rewards-default__label, :root.theme-default app-invite-friends .rewards-default__amount {
  position: relative;
  z-index: 1;
}
:root.theme-default app-invite-friends .rewards-default__label {
  display: block;
  margin-bottom: 10px;
  color: var(--ion-color-medium);
  font-size: 18px;
  font-family: "regular";
  text-align: center;
}
:root.theme-default app-invite-friends .rewards-default__amount {
  color: var(--ion-color-light);
  font-size: 30px;
  font-family: "bold";
  line-height: 1.12;
  text-align: center;
}
:root.theme-default app-invite-friends .rewards-default__amount span {
  color: var(--ion-color-secondary);
}
:root.theme-default app-invite-friends .rewards-default__amount small {
  display: inline-block;
  margin-left: 4px;
  color: var(--ion-color-light);
  font-size: 16px;
  font-family: "semi-bold";
}
:root.theme-default app-invite-friends .rewards-default__amount--masked span {
  letter-spacing: 4px;
}
:root.theme-default app-invite-friends .rewards-default__summary {
  margin: 18px 0 12px;
  color: var(--ion-color-light);
  font-size: 22px;
  font-family: "bold";
  line-height: 1.15;
}
:root.theme-default app-invite-friends .rewards-default__summary span {
  color: var(--ion-color-secondary);
}
:root.theme-default app-invite-friends .rewards-default__referral {
  margin: 12px 0 28px;
}
:root.theme-default app-invite-friends .rewards-default__hint {
  display: block;
  margin-bottom: 12px;
  color: var(--ion-color-medium);
  font-size: 17px;
  font-family: "regular";
}
:root.theme-default app-invite-friends .rewards-default__copy {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 66px;
  padding: 12px 14px;
  border: 1px solid var(--ion-color-medium);
  border-radius: 8px;
}
:root.theme-default app-invite-friends .rewards-default__copy span {
  flex: 1;
  min-width: 0;
  color: var(--ion-color-light);
  font-size: 18px;
  font-family: "bold";
  line-height: 1.18;
  overflow-wrap: anywhere;
}
:root.theme-default app-invite-friends .rewards-default__copy button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 8px;
  padding: 11px 22px;
  background: var(--ion-color-secondary);
  color: var(--ion-color-dark);
  font-size: 15px;
  font-family: "bold";
}
:root.theme-default app-invite-friends .rewards-default__tasks {
  margin-top: 6px;
}
:root.theme-default app-invite-friends .rewards-default__title {
  display: block;
  margin-bottom: 16px;
  color: var(--ion-color-light);
  font-size: 24px;
  font-family: "bold";
}
:root.theme-default app-invite-friends .rewards-default-task {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  margin-bottom: 14px;
  padding: 12px 16px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.16);
}
:root.theme-default app-invite-friends .rewards-default-task__icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root.theme-default app-invite-friends .rewards-default-task__icon img {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  object-fit: cover;
}
:root.theme-default app-invite-friends .rewards-default-task__icon ion-icon {
  color: var(--ion-color-secondary);
  font-size: 28px;
}
:root.theme-default app-invite-friends .rewards-default-task__body {
  flex: 1;
  min-width: 0;
}
:root.theme-default app-invite-friends .rewards-default-task__title {
  color: var(--ion-color-light);
  font-size: 19px;
  font-family: "bold";
  line-height: 1.12;
}
:root.theme-default app-invite-friends .rewards-default-task__desc {
  margin-top: 2px;
  color: var(--ion-color-medium);
  font-size: 15px;
  font-family: "semi-bold";
  line-height: 1.15;
}
:root.theme-default app-invite-friends .rewards-default-task__desc span {
  color: #8de79f;
}
:root.theme-default app-invite-friends .rewards-default-task__state {
  flex: 0 0 28px;
  color: var(--ion-color-secondary);
  font-size: 28px;
}
:root.theme-default app-invite-friends .rewards-default-task--done {
  opacity: 0.9;
}

.wallet-screen .my-portfolio-content {
  background-color: rgba(0, 0, 0, 0.16);
  padding: 10px;
  margin: 10px 0px;
  border-radius: 10px;
}
.wallet-screen .my-portfolio-content .title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
}
.wallet-screen .my-portfolio-content .price {
  font-size: 16px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0px;
}
.wallet-screen .my-portfolio-content .price .currency {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-align: start;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0px 5px;
}
.wallet-screen .my-portfolio-content .price .currency ion-icon {
  font-size: 14px;
  color: var(--ion-color-medium);
  margin: 0px 5px;
}
.wallet-screen .my-portfolio-content .purchase {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.wallet-screen .my-portfolio-content .purchase .name {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-align: start;
  margin: 0px 5px;
}
.wallet-screen .more-btn {
  margin: 10px 0px;
}
.wallet-screen .more-btn .content {
  background-color: rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
  border-radius: 10px;
}
.wallet-screen .more-btn .content ion-icon {
  font-size: 1.2rem;
}
.wallet-screen .more-btn .content .lbl {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-light);
  text-align: center;
  margin: 10px 0px;
}
.wallet-screen .check-item-content {
  --background: transparent;
  --padding-start: 0px;
}
.wallet-screen .check-item-content .lbl {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
}
.wallet-screen .stock-data {
  margin-inline: 0px;
  background: transparent;
  margin: 0px 0px;
}
.wallet-screen .stock-data .stock-list-content {
  margin: 10px 0px;
  padding: 10px 0px;
}
.wallet-screen .stock-data .stock-list-content .img {
  height: 30px;
  width: 30px;
}
.wallet-screen .stock-data .stock-list-content .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.wallet-screen .stock-data .stock-list-content .short {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: start;
}
.wallet-screen .stock-data .stock-list-content .price {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: end;
}
.wallet-screen .stock-data .stock-list-content .red-lbl {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-danger);
  text-align: end;
}
.wallet-screen .stock-data .stock-list-content .green-lbl {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-success);
  text-align: end;
}

.support-modal-screen .top-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px 0px;
}
.support-modal-screen .top-content .img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.support-modal-screen .top-content .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  margin: 10px 0px;
}
.support-modal-screen .top-content .sub-title {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: center;
}
.support-modal-screen .chat-list-content .chat-content .date {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-medium);
  text-align: center;
  margin: 10px 0px;
}
.support-modal-screen .chat-list-content .chat-content .chat-messages .support-chat {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.support-modal-screen .chat-list-content .chat-content .chat-messages .support-chat .support-logo {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
.support-modal-screen .chat-list-content .chat-content .chat-messages .support-chat .message-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 10px;
  margin-bottom: 20px;
  width: 80%;
  background-color: rgba(0, 0, 0, 0.16);
  padding: 10px;
  border-radius: 15px 15px 15px 0px;
}
.support-modal-screen .chat-list-content .chat-content .chat-messages .support-chat .message-content .message {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
}
.support-modal-screen .chat-list-content .chat-content .chat-messages .support-chat .options-list {
  margin-left: 10px;
}
.support-modal-screen .chat-list-content .chat-content .chat-messages .user-chat {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
}
.support-modal-screen .chat-list-content .chat-content .chat-messages .user-chat .message-content {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 10px;
  margin-bottom: 20px;
  width: 80%;
  background-color: rgba(0, 0, 0, 0.16);
  padding: 10px;
  border-radius: 15px 15px 0px 15px;
}
.support-modal-screen .chat-list-content .chat-content .chat-messages .user-chat .message-content .message {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
}

.notification-screen .main-title {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-medium);
  text-align: center;
}
.notification-screen .card-content {
  margin-inline: 0px;
  margin: 10px 0px;
  padding: 10px;
  --background: transparent;
  border: 1px solid var(--ion-color-medium);
}
.notification-screen .card-content .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.notification-screen .card-content .sub-title {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
  margin: 10px 0px;
}

.trade-screen .active-slide-content {
  margin-inline: 0px;
  margin: 10px 0px;
  --background: var(--ion-color-secondary);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
}
.trade-screen .active-slide-content .img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin: 10px 0px;
}
.trade-screen .active-slide-content .name {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-dark);
  text-align: center;
}
.trade-screen .slide-content {
  margin-inline: 0px;
  margin: 10px 0px;
  background-color: rgba(0, 0, 0, 0.16);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
}
.trade-screen .slide-content .img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin: 10px 0px;
}
.trade-screen .slide-content .name {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: center;
}
.trade-screen .item-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0px;
}
.trade-screen .item-content .name-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.trade-screen .item-content .name-content .title {
  font-size: 16px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.trade-screen .item-content .end-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.trade-screen .item-content .end-content .percentage {
  background-color: var(--ion-color-success);
  border-radius: 5px;
}
.trade-screen .item-content .end-content .percentage .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  padding: 3px 5px;
}
.trade-screen .item-content .end-content .total-count .lbl {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-align: end;
}
.trade-screen .item-content .end-content .total-count .activ-lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: end;
}
.trade-screen .share-chart {
  height: 50vh;
}

.portfolio-screen .main-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0px;
}
.portfolio-screen .main-title .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.portfolio-screen .main-title-text {
  margin: 20px 0px;
}
.portfolio-screen .main-title-text .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.portfolio-screen .main-title-text .main-sub-title {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
}
.portfolio-screen .main-title-text .main-sub-title .danger {
  color: var(--ion-color-danger);
}
.portfolio-screen .value-widget {
  background-color: #f3f3f3;
  padding: 10px;
  border-radius: 10px;
  margin: 0px 20px;
}
.portfolio-screen .value-widget .title {
  font-size: 1.2rem;
  color: var(--ion-color-dark);
  text-align: center;
  font-family: "bold";
  margin: 10px 0px;
}
.portfolio-screen .value-widget .sub-title {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-dark);
  text-align: center;
}
.portfolio-screen .account-row .content-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.portfolio-screen .account-row .content-info .icon-content {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.portfolio-screen .account-row .content-info .icon-content ion-icon {
  font-size: 1.4rem;
}
.portfolio-screen .account-row .content-info .name-content {
  padding: 0px 10px;
}
.portfolio-screen .account-row .content-info .name-content .title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
  padding: 5px 0px;
}
.portfolio-screen .account-row .content-info .name-content .bold-title {
  font-size: 16px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.portfolio-screen .spot-list .item-list-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
  border-bottom: 1px solid lightgray;
}
.portfolio-screen .spot-list .item-list-data .first-data {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.portfolio-screen .spot-list .item-list-data .first-data .icon-content {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(138, 170, 156, 0.3607843137);
}
.portfolio-screen .spot-list .item-list-data .first-data .icon-content ion-icon {
  font-size: 1.2rem;
}
.portfolio-screen .spot-list .item-list-data .first-data .bold-title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  padding: 0px 10px;
}
.portfolio-screen .spot-list .item-list-data .bold-title-end {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: end;
}
.portfolio-screen .analyst-content .analyst-row .content {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--ion-color-primary);
}
.portfolio-screen .analyst-content .analyst-row .content .title {
  font-size: 1.5rem;
  font-family: "bold";
  text-align: center;
  color: var(--ion-color-dark);
}
.portfolio-screen .analyst-content .analyst-row .progress-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0px;
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data .progress-line {
  width: 100%;
  height: 5px;
  border-radius: 50px;
  background-color: #f3f3f3;
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data .progress-line .progress-primary {
  width: 80%;
  height: 5px;
  border-radius: 50px;
  background-color: var(--ion-color-primary);
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data .progress-line .progress-danger {
  width: 10%;
  height: 5px;
  border-radius: 50px;
  background-color: var(--ion-color-danger);
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data .progress-line .progress-warning {
  width: 30%;
  height: 5px;
  border-radius: 50px;
  background-color: var(--ion-color-warning);
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data .lbl {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data .lbl .text-primary {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-primary);
  margin: 0px 5px;
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data .lbl .text-danger {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-danger);
  margin: 0px 5px;
}
.portfolio-screen .analyst-content .analyst-row .progress-content .progress-data .lbl .text-warning {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-warning);
  margin: 0px 5px;
}
.portfolio-screen .news-content .news-list .title-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px;
}
.portfolio-screen .news-content .news-list .title-top .title {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: start;
}
.portfolio-screen .news-content .news-list .title-top .date {
  font-size: 10px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: end;
}
.portfolio-screen .news-content .news-list .news-title {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  padding: 5px 0px;
  border-bottom: 1px solid lightgray;
}
.portfolio-screen .slider .content-info {
  width: 95%;
}
.portfolio-screen .slider .content-info .top-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.portfolio-screen .slider .content-info .top-content .cover {
  height: 60px;
  width: 60px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin: 0px 5px;
  border: 1px solid var(--ion-color-primary);
}
.portfolio-screen .slider .content-info .top-content .name-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
}
.portfolio-screen .slider .content-info .top-content .name-content .title {
  font-size: 14px;
  font-family: "bold";
  padding: 5px;
  color: var(--ion-color-light);
}
.portfolio-screen .slider .content-info .top-content .name-content .sub-title {
  font-size: 12px;
  padding: 0px 5px;
  font-family: "regular";
  color: var(--ion-color-medium);
}
.portfolio-screen .slider .content-info .top-content .name-content .sub-title-red {
  font-size: 12px;
  padding: 0px 5px;
  font-family: "regular";
  color: var(--ion-color-danger);
}

.choose-currency-screen .row-content {
  margin: 10px 0px;
  padding: 10px 0px;
}
.choose-currency-screen .row-content .img-content {
  width: 100%;
  height: 30px;
  border: 1px solid var(--ion-color-medium);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.choose-currency-screen .row-content .img-content .img {
  height: 30px;
  width: 30px;
  padding: 5px;
}
.choose-currency-screen .row-content .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.choose-currency-screen .row-content .sub-title {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
}

.deposite-btc-screen {
  height: 90vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.deposite-btc-screen .title {
  font-size: 1.2rem;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
}
.deposite-btc-screen .img {
  height: 250px;
  width: 250px;
  margin: 20px 0px;
}
.deposite-btc-screen .id-content {
  margin: 20px 0px;
  padding: 5px 10px;
  width: 100%;
  border: 1px solid var(--ion-color-medium);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.deposite-btc-screen .id-content .lbl {
  font-size: 10px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
}
.deposite-btc-screen .id-content .id {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.deposite-btc-screen .id-content .btn {
  background-color: var(--ion-color-secondary);
  border-radius: 5px;
}
.deposite-btc-screen .id-content .btn .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: center;
  padding: 5px;
}

.deposite-usd-screen .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 10px 0px;
}
.deposite-usd-screen .input-content {
  border: 1px solid var(--ion-color-medium);
  padding: 5px 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.deposite-usd-screen .input-content ion-input {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  --placeholder-color: var(--ion-color-light);
  --placeholder-font-style: 'bold';
}
.deposite-usd-screen .input-content .select-segment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.deposite-usd-screen .input-content .select-segment .img {
  height: 10px;
  width: 10px;
}
.deposite-usd-screen .input-content .select-segment .name {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: center;
}
.deposite-usd-screen .calculation-content {
  margin: 30px 0px;
}
.deposite-usd-screen .calculation-content .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-medium);
  text-align: start;
}
.deposite-usd-screen .calculation-content .break {
  height: 1px;
  width: 100%;
  background-color: var(--ion-color-medium);
  width: 100%;
  margin: 10px 0px;
}

.payment-screen .main-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.payment-screen .main-title .lbl {
  font-size: 1.2rem;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.payment-screen .main-title ion-icon {
  font-size: 1.4rem;
}
.payment-screen .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-medium);
  text-align: start;
  margin: 10px 0px;
}
.payment-screen .input-content {
  border: 1px solid var(--ion-color-medium);
  padding: 5px 10px;
  border-radius: 5px;
}
.payment-screen .input-content ion-input {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  --placeholder-color: var(--ion-color-light);
  --placeholder-font-style: 'bold';
}
.payment-screen ion-button {
  margin: 30px 0px;
}

.exchange-screen .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 10px 0px;
}
.exchange-screen .input-content {
  border: 1px solid var(--ion-color-medium);
  padding: 5px 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.exchange-screen .input-content ion-input {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  --placeholder-color: var(--ion-color-light);
  --placeholder-font-style: 'bold';
}
.exchange-screen .input-content .select-segment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.exchange-screen .input-content .select-segment .img {
  height: 10px;
  width: 10px;
}
.exchange-screen .input-content .select-segment .name {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: center;
}
.exchange-screen .or-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 20px 0px;
}
.exchange-screen .or-icon ion-icon {
  font-size: 2rem;
}
.exchange-screen .card-content {
  margin-inline: 0px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.16);
}
.exchange-screen .card-content .inline-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.exchange-screen .card-content .inline-content .lbl {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: start;
}
.exchange-screen .card-content .inline-content .price {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: end;
}
.exchange-screen .card-content .break {
  height: 1px;
  width: 100%;
  background-color: var(--ion-color-medium);
  margin: 10px 0px;
}
.exchange-screen .desc {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
  margin: 10px 0px;
}

.invite-friends-screen .offer-content {
  height: 120px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-inline: 0px;
  margin: 10px 0px;
  position: relative;
  padding: 10px 16px;
}
.invite-friends-screen .offer-content .title {
  font-size: 1.5rem;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: start;
}
.invite-friends-screen .offer-content .title .active {
  font-size: 1.5rem;
  font-family: "bold";
  color: var(--ion-color-secondary);
  text-align: start;
}
.invite-friends-screen .offer-content .sub-title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
  margin: 10px 0px;
}
.invite-friends-screen .lbl-title {
  font-size: 16px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.invite-friends-screen .lbl-subi-title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
  margin: 10px 0px;
}
.invite-friends-screen .id-content {
  margin: 20px 0px;
  padding: 5px 10px;
  width: 100%;
  border: 1px solid var(--ion-color-medium);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.invite-friends-screen .id-content .lbl {
  font-size: 10px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
}
.invite-friends-screen .id-content .id {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.invite-friends-screen .id-content .btn {
  background-color: var(--ion-color-secondary);
  border-radius: 5px;
}
.invite-friends-screen .id-content .btn .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: center;
  padding: 5px;
}
.invite-friends-screen .desc {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
  margin: 10px 0px;
}

.stacking-screen .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 10px 0px;
}
.stacking-screen .input-content {
  border: 1px solid var(--ion-color-medium);
  padding: 5px 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0px;
}
.stacking-screen .input-content ion-input {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  --placeholder-color: var(--ion-color-light);
  --placeholder-font-style: 'bold';
}
.stacking-screen .input-content .select-segment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.stacking-screen .input-content .select-segment .img {
  height: 10px;
  width: 10px;
}
.stacking-screen .input-content .select-segment .name {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: center;
}
.stacking-screen .lbl-title {
  font-size: 14px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: start;
}
.stacking-screen .main-title {
  margin: 20px 0px;
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.stacking-screen .row-data .active {
  background-color: var(--ion-color-secondary);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.stacking-screen .row-data .active .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: start;
}
.stacking-screen .row-data .active .title .rate {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
}
.stacking-screen .row-data .active .sub-title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-success);
  text-align: start;
}
.stacking-screen .row-data .active .sub-title .rate {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
}
.stacking-screen .row-data .deactive {
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.stacking-screen .row-data .deactive .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.stacking-screen .row-data .deactive .title .rate {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
}
.stacking-screen .row-data .deactive .sub-title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-success);
  text-align: start;
}
.stacking-screen .row-data .deactive .sub-title .rate {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
}
.stacking-screen .amount-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0px;
}
.stacking-screen .amount-content .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.stacking-screen .amount-content .active-lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-success);
  text-align: end;
}

.aml-screen .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 10px 0px;
}
.aml-screen .input-content {
  border: 1px solid var(--ion-color-medium);
  padding: 5px 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.aml-screen .input-content ion-input {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  --placeholder-color: var(--ion-color-light);
  --placeholder-font-style: 'bold';
}
.aml-screen .input-content .select-segment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.aml-screen .input-content .select-segment .img {
  height: 10px;
  width: 10px;
}
.aml-screen .input-content .select-segment .name {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: center;
}
.aml-screen .calculation-content {
  margin: 30px 0px;
}
.aml-screen .calculation-content .title {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-medium);
  text-align: start;
}
.aml-screen .calculation-content .break {
  height: 1px;
  width: 100%;
  background-color: var(--ion-color-medium);
  width: 100%;
  margin: 10px 0px;
}

.leader-screen .item-content {
  background-color: rgba(0, 0, 0, 0.16);
  margin-inline: 0px;
  margin: 10px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
  padding: 10px 0px;
}
.leader-screen .item-content .prefix {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.leader-screen .item-content .prefix .num {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: var(--ion-color-secondary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.leader-screen .item-content .prefix .num .lbl {
  font-size: 10px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: center;
}
.leader-screen .item-content .prefix .name {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 0px 10px;
}
.leader-screen .item-content .post-fix {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.leader-screen .item-content .post-fix .lbl {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: end;
  margin: 0px 10px;
}
.leader-screen .item-content .post-fix .total-gain {
  background-color: var(--ion-color-success);
  border-radius: 5px;
}
.leader-screen .item-content .post-fix .total-gain .gain {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  padding: 2px;
}

.nft-screen .main-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0px;
}
.nft-screen .main-title .title {
  font-size: 16px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.nft-screen .main-title .btn {
  font-size: 14px;
  font-family: "semi-bold";
  color: var(--ion-color-medium);
  text-decoration: underline;
}
.nft-screen .top-collection-card {
  margin-inline: 0px;
  width: 100%;
  margin: 10px 0px;
  background-color: rgba(0, 0, 0, 0.16);
}
.nft-screen .top-collection-card .cover {
  height: 150px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.nft-screen .top-collection-card .cover .user-cover {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.nft-screen .top-collection-card .name-content {
  padding: 30px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nft-screen .top-collection-card .name-content .name {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
}
.nft-screen .top-collection-card .name-content .seller {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: center;
  margin: 5px 0px;
}
.nft-screen .top-collection-card .name-content .hash {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: center;
}
.nft-screen .offer-content {
  height: 120px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-inline: 0px;
  margin: 10px 0px;
  position: relative;
  padding: 10px 16px;
}
.nft-screen .offer-content .lbl {
  font-size: 1rem;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: start;
}
.nft-screen .offer-content ion-button {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.nft-screen .top-mover-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nft-screen .top-mover-content .user-cover {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin: 5px 0px;
}
.nft-screen .top-mover-content .user-cover .number {
  position: absolute;
  bottom: 10px;
  left: 10px;
  height: 20px;
  width: 20px;
  background-color: var(--ion-color-secondary);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nft-screen .top-mover-content .user-cover .number .lbl {
  font-size: 10px;
  color: var(--ion-color-dark);
  text-align: center;
}
.nft-screen .top-mover-content .name {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  margin: 5px 0px;
}
.nft-screen .top-mover-content .price {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
}

.trending-items .trending-content {
  margin-inline: 0px;
  margin: 10px 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.16);
  padding: 10px;
}
.trending-items .trending-content .nft-cover {
  height: 100px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.trending-items .trending-content .name {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-warning);
  text-align: start;
  margin: 10px 0px;
}
.trending-items .trending-content .btn-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.trending-items .trending-content .btn-content .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
}
.trending-items .trending-content .btn-content .price {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: end;
}
.trending-items .trending-content .filled-btn {
  margin: 10px 0px;
  width: 100%;
  background-color: var(--ion-color-secondary);
  border-radius: 10px;
}
.trending-items .trending-content .filled-btn .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: center;
  padding: 10px;
}
.trending-items .trending-content .outline-btn {
  margin: 10px 0px;
  width: 100%;
  border: 1px solid var(--ion-color-secondary);
  border-radius: 10px;
}
.trending-items .trending-content .outline-btn .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  padding: 10px;
}

.nft-profile-screen .profile-content {
  margin-inline: 0px;
  width: 100%;
  height: 80px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.nft-profile-screen .profile-content .prefix {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.nft-profile-screen .profile-content .prefix .user-cover {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.nft-profile-screen .profile-content .prefix .name {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 0px 10px;
}
.nft-profile-screen .profile-content .postfix {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.nft-profile-screen .profile-content .postfix .lbl {
  font-size: 12px;
  font-family: "semi-bold";
  color: var(--ion-color-light);
  text-align: end;
}
.nft-profile-screen .profile-content .postfix .lbl .active {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-secondary);
  text-align: end;
}
.nft-profile-screen .action-content {
  margin: 10px 0px;
}
.nft-profile-screen .action-content .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.16);
  padding: 10px 16px;
  border-radius: 10px;
}
.nft-profile-screen .action-content .content .prefix {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.nft-profile-screen .action-content .content .prefix ion-icon {
  font-size: 1.2rem;
}
.nft-profile-screen .action-content .content .prefix .lbl {
  font-size: 12px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 0px 10px;
}
.nft-profile-screen .btns {
  margin: 20px 0px;
}
.nft-profile-screen .btns .active {
  width: 100%;
  background-color: var(--ion-color-secondary);
  border-radius: 10px;
}
.nft-profile-screen .btns .active .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-dark);
  text-align: center;
  padding: 10px;
}
.nft-profile-screen .btns .deactive {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
.nft-profile-screen .btns .deactive .lbl {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
  padding: 10px;
}

.nft-collection-screen .top-collection-card {
  margin-inline: 0px;
  width: 100%;
  margin: 10px 0px;
  background-color: rgba(0, 0, 0, 0.16);
}
.nft-collection-screen .top-collection-card .cover {
  height: 150px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.nft-collection-screen .top-collection-card .cover .user-cover {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.nft-collection-screen .top-collection-card .name-content {
  padding: 30px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nft-collection-screen .top-collection-card .name-content .name {
  font-size: 14px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: center;
}
.nft-collection-screen .top-collection-card .name-content .seller {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: center;
  margin: 5px 0px;
}
.nft-collection-screen .top-collection-card .name-content .hash {
  font-size: 12px;
  font-family: "regular";
  color: var(--ion-color-medium);
  text-align: center;
}

.nft-filter-screen .main-title {
  font-size: 16px;
  font-family: "bold";
  color: var(--ion-color-light);
  text-align: start;
  margin: 20px 0px;
}

app-verification ion-content {
  --background:
    radial-gradient(circle at 50% 8%, rgba(var(--ion-color-secondary-rgb), 0.10), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 44%),
    var(--ion-color-dark);
}
app-verification ion-footer ion-toolbar {
  --background: color-mix(in srgb, var(--ion-color-dark) 92%, var(--ion-color-secondary));
  --border-color: rgba(255, 255, 255, 0.05);
  padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
}
app-verification ion-footer ion-button {
  min-height: 52px;
  font-family: "semi-bold";
  text-transform: none;
  --border-radius: 14px;
  --box-shadow: 0 16px 34px rgba(var(--ion-color-secondary-rgb), 0.22);
}
app-verification .verification-screen {
  min-height: calc(100vh - 98px);
  width: 100%;
  max-width: 390px;
  margin-inline: auto;
  padding-top: clamp(26px, 7vh, 76px);
  gap: 18px;
}
app-verification .top-content {
  position: relative;
  width: 100%;
  padding: 22px 18px 12px;
  border-radius: 22px;
}
app-verification .top-content::before {
  content: "";
  position: absolute;
  inset: 0 22px auto;
  height: 116px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--ion-color-secondary-rgb), 0.16), transparent 66%);
  filter: blur(14px);
  opacity: 0.9;
  pointer-events: none;
}
app-verification .wallet-icon-wrap {
  position: relative;
  width: 78px;
  height: 78px;
  margin-bottom: 10px;
  background: radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.12), transparent 34%), linear-gradient(145deg, rgba(var(--ion-color-secondary-rgb), 0.3), rgba(var(--ion-color-secondary-rgb), 0.1));
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.22);
  box-shadow: 0 20px 38px rgba(var(--ion-color-secondary-rgb), 0.14), inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}
app-verification .wallet-icon-wrap ion-icon {
  font-size: 34px;
  filter: drop-shadow(0 0 12px rgba(var(--ion-color-secondary-rgb), 0.48));
}
app-verification .title {
  max-width: 330px;
  font-family: "bold";
  font-size: 23px;
  line-height: 1.14;
  letter-spacing: 0;
}
app-verification .sub-title {
  max-width: 340px;
  font-size: 13px;
  line-height: 1.45;
  color: color-mix(in srgb, var(--ion-color-medium) 84%, var(--ion-color-light));
}
app-verification .wallet-status-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  gap: 0;
  border-radius: 16px;
  background: radial-gradient(circle at 100% 0%, rgba(var(--ion-color-secondary-rgb), 0.13), transparent 40%), linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(0, 0, 0, 0.2));
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
app-verification .wallet-status-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--ion-color-secondary), transparent);
  opacity: 0.9;
}
app-verification .wallet-status-row {
  min-height: 38px;
  align-items: center;
  padding: 8px 0;
  border-bottom-color: rgba(255, 255, 255, 0.065);
}
app-verification .wallet-status-label {
  font-size: 10px;
  font-family: "semi-bold";
  letter-spacing: 0.9px;
  color: color-mix(in srgb, var(--ion-color-medium) 88%, var(--ion-color-light));
}
app-verification .wallet-status-value {
  max-width: 62%;
  font-size: 13px;
  font-family: "bold";
}
app-verification .wallet-address,
app-verification .token-value,
app-verification .required-value {
  color: color-mix(in srgb, var(--ion-color-light) 68%, var(--ion-color-secondary));
}
app-verification .balance-value {
  color: var(--ion-color-danger);
}
app-verification .error {
  margin: 0;
  padding: 10px 14px;
  border-radius: 13px;
  background: rgba(var(--ion-color-danger-rgb), 0.09);
  border: 1px solid rgba(var(--ion-color-danger-rgb), 0.18);
  color: var(--ion-color-danger);
  font-family: "semi-bold";
  font-size: 12px;
  line-height: 1.4;
}
app-verification .iris-token-action {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  border-radius: 18px;
  background: radial-gradient(circle at 8% 0%, rgba(var(--ion-color-secondary-rgb), 0.22), transparent 42%), linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(0, 0, 0, 0.22));
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.28);
  box-shadow: 0 22px 42px rgba(0, 0, 0, 0.23), 0 0 34px rgba(var(--ion-color-secondary-rgb), 0.1);
}
app-verification .iris-token-action::after {
  content: "";
  position: absolute;
  right: -34px;
  top: -42px;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.12);
  pointer-events: none;
}
app-verification .iris-token-action .iris-token-action-title {
  position: relative;
  z-index: 1;
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 16px;
  line-height: 1.25;
}
app-verification .iris-token-action .iris-token-action-desc {
  position: relative;
  z-index: 1;
  color: color-mix(in srgb, var(--ion-color-medium) 84%, var(--ion-color-light));
  font-family: "regular";
  font-size: 13px;
  line-height: 1.42;
}
app-verification .iris-token-action ion-button {
  position: relative;
  z-index: 1;
  margin-top: 6px;
  min-height: 52px;
  font-family: "bold";
  font-size: 15px;
  text-transform: none;
  --border-radius: 14px;
  --box-shadow: 0 16px 30px rgba(var(--ion-color-secondary-rgb), 0.22);
}
app-verification .iris-token-action ion-button ion-icon {
  font-size: 20px;
}
app-verification .verification-screen > .wallet-status-card,
app-verification .verification-screen > .error,
app-verification .verification-screen > .iris-token-action {
  width: min(100%, 360px) !important;
  max-width: 360px !important;
  box-sizing: border-box;
  margin-inline: auto;
}

app-stock-details ion-content,
app-indice-details ion-content,
app-commodity-details ion-content,
app-bond-details ion-content,
app-short-term-details ion-content,
app-yield-details ion-content {
  --padding-bottom: calc(104px + var(--ion-safe-area-bottom, 0px));
}
app-stock-details .portfolio-screen,
app-indice-details .portfolio-screen,
app-commodity-details .portfolio-screen,
app-bond-details .portfolio-screen,
app-short-term-details .portfolio-screen,
app-yield-details .portfolio-screen {
  padding-bottom: calc(104px + var(--ion-safe-area-bottom, 0px)) !important;
}

app-activation-confirmation .activation-confirmation-content {
  --background: #222428;
}
app-activation-confirmation .confirmation-screen {
  min-height: 100%;
  display: grid;
  place-items: center;
  padding: 24px;
}
app-activation-confirmation .success-card {
  width: min(100%, 380px);
  display: grid;
  gap: 20px;
  padding: 26px 18px 18px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(circle at 86% 8%, rgba(var(--ion-color-secondary-rgb), 0.18), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.14));
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
}
app-activation-confirmation .success-visual {
  height: 160px;
  display: grid;
  place-items: center;
  position: relative;
}
app-activation-confirmation .success-window {
  width: 170px;
  height: 116px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, #eef4ff, #d9e3f4);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
}
app-activation-confirmation .success-window::before {
  content: "";
  display: block;
  height: 34px;
  background: #ff6258;
}
app-activation-confirmation .success-window span {
  position: absolute;
  top: 52px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f6f7fb;
}
app-activation-confirmation .success-window span:first-child {
  right: calc(50% - 56px);
}
app-activation-confirmation .success-window span:last-child {
  right: calc(50% - 82px);
}
app-activation-confirmation .success-check {
  position: absolute;
  bottom: 16px;
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ion-color-secondary), var(--ion-color-secondary-shade));
  box-shadow: 0 16px 32px rgba(var(--ion-color-secondary-rgb), 0.22);
}
app-activation-confirmation .success-check ion-icon {
  font-size: 58px;
  color: var(--ion-color-secondary-contrast);
}
app-activation-confirmation .success-copy {
  display: grid;
  gap: 8px;
  text-align: center;
  justify-items: center;
}
app-activation-confirmation .eyebrow {
  padding: 7px 12px;
  border-radius: 999px;
  font-family: "bold";
  font-size: 12px;
  color: var(--ion-color-secondary);
  background: rgba(var(--ion-color-secondary-rgb), 0.12);
}
app-activation-confirmation .title {
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 26px;
  line-height: 1.08;
}
app-activation-confirmation .sub-title,
app-activation-confirmation .status-text {
  color: var(--ion-color-medium);
  font-family: "regular";
  font-size: 13px;
  line-height: 1.35;
}
app-activation-confirmation .status-panel {
  display: grid;
  gap: 10px;
}
app-activation-confirmation .status-row {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.035);
}
app-activation-confirmation .status-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--ion-color-secondary);
  background: rgba(var(--ion-color-secondary-rgb), 0.12);
}
app-activation-confirmation .status-title {
  display: block;
  color: var(--ion-color-light);
  font-family: "bold";
  font-size: 14px;
}
app-activation-confirmation ion-button {
  height: 56px;
  margin: 0;
  color: var(--ion-color-secondary-contrast);
  font-family: "bold";
  text-transform: none;
  --border-radius: 14px;
  --box-shadow: 0 14px 26px rgba(var(--ion-color-secondary-rgb), 0.20);
}

:root.theme-default app-activation-confirmation .success-card {
  border-radius: 8px;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
:root.theme-default app-activation-confirmation .success-check {
  background: #77ad63;
  box-shadow: none;
}
:root.theme-default app-activation-confirmation .status-row {
  background: #1a1c20;
}

app-stock-details .rwa-performance-card .perf-pct,
app-stock-details .rwa-performance-card .title,
app-stock-details .short-term-performance-card .perf-pct,
app-stock-details .short-term-performance-card .title,
app-stock-details .project-performance-card .perf-pct,
app-stock-details .project-performance-card .title,
app-indice-details .rwa-performance-card .perf-pct,
app-indice-details .rwa-performance-card .title,
app-indice-details .short-term-performance-card .perf-pct,
app-indice-details .short-term-performance-card .title,
app-indice-details .project-performance-card .perf-pct,
app-indice-details .project-performance-card .title,
app-commodity-details .rwa-performance-card .perf-pct,
app-commodity-details .rwa-performance-card .title,
app-commodity-details .short-term-performance-card .perf-pct,
app-commodity-details .short-term-performance-card .title,
app-commodity-details .project-performance-card .perf-pct,
app-commodity-details .project-performance-card .title,
app-bond-details .rwa-performance-card .perf-pct,
app-bond-details .rwa-performance-card .title,
app-bond-details .short-term-performance-card .perf-pct,
app-bond-details .short-term-performance-card .title,
app-bond-details .project-performance-card .perf-pct,
app-bond-details .project-performance-card .title,
app-short-term-details .rwa-performance-card .perf-pct,
app-short-term-details .rwa-performance-card .title,
app-short-term-details .short-term-performance-card .perf-pct,
app-short-term-details .short-term-performance-card .title,
app-short-term-details .project-performance-card .perf-pct,
app-short-term-details .project-performance-card .title,
app-project .rwa-performance-card .perf-pct,
app-project .rwa-performance-card .title,
app-project .short-term-performance-card .perf-pct,
app-project .short-term-performance-card .title,
app-project .project-performance-card .perf-pct,
app-project .project-performance-card .title {
  position: relative;
  z-index: 1;
  min-width: 0;
  line-height: 1;
}
app-stock-details .rwa-performance-card .performance-trend-icon,
app-stock-details .short-term-performance-card .performance-trend-icon,
app-stock-details .project-performance-card .performance-trend-icon,
app-indice-details .rwa-performance-card .performance-trend-icon,
app-indice-details .short-term-performance-card .performance-trend-icon,
app-indice-details .project-performance-card .performance-trend-icon,
app-commodity-details .rwa-performance-card .performance-trend-icon,
app-commodity-details .short-term-performance-card .performance-trend-icon,
app-commodity-details .project-performance-card .performance-trend-icon,
app-bond-details .rwa-performance-card .performance-trend-icon,
app-bond-details .short-term-performance-card .performance-trend-icon,
app-bond-details .project-performance-card .performance-trend-icon,
app-short-term-details .rwa-performance-card .performance-trend-icon,
app-short-term-details .short-term-performance-card .performance-trend-icon,
app-short-term-details .project-performance-card .performance-trend-icon,
app-project .rwa-performance-card .performance-trend-icon,
app-project .short-term-performance-card .performance-trend-icon,
app-project .project-performance-card .performance-trend-icon {
  width: 0.72em;
  height: 0.72em;
  min-width: 0.72em;
  font-size: 0.72em;
  flex: 0 0 auto;
  color: var(--ion-color-light);
  --ionicon-stroke-width: 42px;
  stroke-width: 2.5;
  transform: translateY(0.03em);
}

.perf-pct {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  text-align: right;
}

.pricebar {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 30px;
}
.pricebar__current {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: left 0.4s ease, transform 0.4s ease;
}
.pricebar__track {
  position: relative;
  height: 4px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.15);
  margin: 6px 0 10px;
}
.pricebar__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 100px;
  background: currentColor;
  transition: width 0.4s ease;
}
.pricebar__dot {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  border: 2px solid rgba(0, 0, 0, 0.4);
  transition: left 0.4s ease;
}
.pricebar__labels {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  min-height: 28px;
}
.pricebar__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.pricebar__item--mid {
  position: absolute;
  align-items: center;
  transition: left 0.4s ease, transform 0.4s ease;
}
.pricebar__item--end {
  align-items: flex-end;
}
.pricebar__val {
  font-size: 11px;
  font-family: "semi-bold";
  color: currentColor;
}
.pricebar__lbl {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.45);
  font-family: "regular";
  margin-top: 1px;
}

:root.theme-default app-stock-details .rwa-performance-card,
:root.theme-default app-stock-details .short-term-performance-card,
:root.theme-default app-indice-details .rwa-performance-card,
:root.theme-default app-indice-details .short-term-performance-card,
:root.theme-default app-commodity-details .rwa-performance-card,
:root.theme-default app-commodity-details .short-term-performance-card,
:root.theme-default app-bond-details .rwa-performance-card,
:root.theme-default app-bond-details .short-term-performance-card,
:root.theme-default app-short-term-details .rwa-performance-card,
:root.theme-default app-short-term-details .short-term-performance-card {
  position: relative;
  overflow: hidden;
  min-height: 126px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  margin: 4px 0 28px;
  padding: 20px 16px 14px;
  border-radius: 12px;
  border: 1px solid rgba(var(--ion-color-secondary-rgb), 0.34);
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-secondary-rgb), 0.24), transparent 36%), linear-gradient(135deg, rgba(var(--ion-color-secondary-rgb), 0.16), rgba(255, 255, 255, 0.035) 48%, rgba(0, 0, 0, 0.18));
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}
:root.theme-default app-stock-details .rwa-performance-card::after,
:root.theme-default app-stock-details .short-term-performance-card::after,
:root.theme-default app-indice-details .rwa-performance-card::after,
:root.theme-default app-indice-details .short-term-performance-card::after,
:root.theme-default app-commodity-details .rwa-performance-card::after,
:root.theme-default app-commodity-details .short-term-performance-card::after,
:root.theme-default app-bond-details .rwa-performance-card::after,
:root.theme-default app-bond-details .short-term-performance-card::after,
:root.theme-default app-short-term-details .rwa-performance-card::after,
:root.theme-default app-short-term-details .short-term-performance-card::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -58px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(var(--ion-color-secondary-rgb), 0.11);
  pointer-events: none;
}
:root.theme-default app-stock-details .rwa-performance-card .perf-pct,
:root.theme-default app-stock-details .short-term-performance-card .perf-pct,
:root.theme-default app-indice-details .rwa-performance-card .perf-pct,
:root.theme-default app-indice-details .short-term-performance-card .perf-pct,
:root.theme-default app-commodity-details .rwa-performance-card .perf-pct,
:root.theme-default app-commodity-details .short-term-performance-card .perf-pct,
:root.theme-default app-bond-details .rwa-performance-card .perf-pct,
:root.theme-default app-bond-details .short-term-performance-card .perf-pct,
:root.theme-default app-short-term-details .rwa-performance-card .perf-pct,
:root.theme-default app-short-term-details .short-term-performance-card .perf-pct {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  position: relative;
  z-index: 1;
  font-family: "bold";
  font-size: 34px;
  line-height: 1;
  text-align: center;
}
:root.theme-default app-stock-details .rwa-performance-card .pricebar,
:root.theme-default app-stock-details .short-term-performance-card .pricebar,
:root.theme-default app-indice-details .rwa-performance-card .pricebar,
:root.theme-default app-indice-details .short-term-performance-card .pricebar,
:root.theme-default app-commodity-details .rwa-performance-card .pricebar,
:root.theme-default app-commodity-details .short-term-performance-card .pricebar,
:root.theme-default app-bond-details .rwa-performance-card .pricebar,
:root.theme-default app-bond-details .short-term-performance-card .pricebar,
:root.theme-default app-short-term-details .rwa-performance-card .pricebar,
:root.theme-default app-short-term-details .short-term-performance-card .pricebar {
  display: block;
  position: relative;
  z-index: 1;
}
:root.theme-default app-stock-details .performance-positive,
:root.theme-default app-indice-details .performance-positive,
:root.theme-default app-commodity-details .performance-positive,
:root.theme-default app-bond-details .performance-positive,
:root.theme-default app-short-term-details .performance-positive {
  color: #a7e5b9;
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-secondary-rgb), 0.28), transparent 36%), linear-gradient(135deg, rgba(var(--ion-color-secondary-rgb), 0.18), rgba(255, 255, 255, 0.035) 48%, rgba(0, 0, 0, 0.18));
}
:root.theme-default app-stock-details .performance-negative,
:root.theme-default app-indice-details .performance-negative,
:root.theme-default app-commodity-details .performance-negative,
:root.theme-default app-bond-details .performance-negative,
:root.theme-default app-short-term-details .performance-negative {
  color: var(--ion-color-danger);
  border-color: rgba(var(--ion-color-danger-rgb), 0.34);
  background: radial-gradient(circle at 10% 0%, rgba(var(--ion-color-danger-rgb), 0.24), transparent 36%), linear-gradient(135deg, rgba(var(--ion-color-danger-rgb), 0.16), rgba(255, 255, 255, 0.035) 48%, rgba(0, 0, 0, 0.18));
}
:root.theme-default app-stock-details .performance-negative::after,
:root.theme-default app-indice-details .performance-negative::after,
:root.theme-default app-commodity-details .performance-negative::after,
:root.theme-default app-bond-details .performance-negative::after,
:root.theme-default app-short-term-details .performance-negative::after {
  background: rgba(var(--ion-color-danger-rgb), 0.11);
}

.header-net-chip {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  background: rgba(240, 185, 11, 0.18);
  border: 1px solid rgba(240, 185, 11, 0.4);
  color: #f0b90b;
}
.header-net-chip--eth {
  background: rgba(98, 126, 234, 0.18);
  border-color: rgba(98, 126, 234, 0.4);
  color: #627eea;
}

html.theme-liquid {
  background: #090714;
}
html.theme-liquid::before {
  content: "";
  position: fixed;
  width: 420px;
  height: 420px;
  top: -120px;
  left: -100px;
  background: radial-gradient(circle at 40% 40%, rgba(168, 85, 247, 0.65) 0%, rgba(99, 102, 241, 0.35) 45%, transparent 70%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 0;
  animation: lg-drift-a 14s ease-in-out infinite alternate;
}
html.theme-liquid::after {
  content: "";
  position: fixed;
  width: 350px;
  height: 350px;
  bottom: 60px;
  right: -80px;
  background: radial-gradient(circle at 60% 60%, rgba(20, 184, 166, 0.55) 0%, rgba(6, 182, 212, 0.3) 45%, transparent 70%);
  filter: blur(65px);
  pointer-events: none;
  z-index: 0;
  animation: lg-drift-b 18s ease-in-out infinite alternate;
}

html.theme-liquid ion-app::before {
  content: "";
  position: fixed;
  width: 280px;
  height: 280px;
  top: 35%;
  right: -40px;
  background: radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.4) 0%, rgba(139, 92, 246, 0.2) 50%, transparent 70%);
  filter: blur(55px);
  pointer-events: none;
  z-index: 0;
  animation: lg-drift-c 20s ease-in-out infinite alternate;
}

.theme-liquid {
  --ion-background-color: #090714;
}
.theme-liquid ion-router-outlet > .ion-page,
.theme-liquid ion-router-outlet > .ion-page-invisible {
  background: #090714;
}
.theme-liquid ion-content {
  --background: transparent;
}
.theme-liquid ion-card {
  --background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(30px) saturate(200%);
  -webkit-backdrop-filter: blur(30px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 22px !important;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.theme-liquid ion-toolbar {
  --background: rgba(9, 7, 20, 0.55);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.theme-liquid ion-tab-bar {
  --background: rgba(9, 7, 20, 0.82);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border-top: none;
  box-shadow: inset 0 1px 0 0 rgba(168, 85, 247, 0.55), inset 0 1.5px 0 0 rgba(96, 165, 250, 0.3);
}
.theme-liquid ion-item {
  --background: rgba(255, 255, 255, 0.04);
  --border-color: rgba(255, 255, 255, 0.06);
}
.theme-liquid ion-segment {
  --background: rgba(255, 255, 255, 0.06);
  border-radius: 12px;
}
.theme-liquid ion-segment-button {
  --background-checked: rgba(168, 85, 247, 0.22);
  --border-radius: 10px;
}
.theme-liquid ion-button[color=secondary]::part(native) {
  background: linear-gradient(135deg, #a855f7 0%, #818cf8 40%, #60a5fa 100%);
  box-shadow: 0 4px 18px rgba(168, 85, 247, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.theme-liquid ion-button[color=primary]::part(native) {
  color: #ffffff;
}
.theme-liquid ion-button:not([color])::part(native) {
  color: #ffffff;
}
.theme-liquid ion-button[color=secondary][fill=outline],
.theme-liquid ion-button[color=secondary][fill=clear] {
  --color: #c084fc;
  --border-color: rgba(168, 85, 247, 0.5);
}
.theme-liquid ion-badge {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

html.theme-obsidian {
  background: #0b0c10;
}
html.theme-obsidian::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 55%;
  top: 0;
  left: 0;
  background: radial-gradient(ellipse 80% 40% at 50% -5%, rgba(148, 163, 184, 0.07) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.theme-obsidian {
  --ion-background-color: #0b0c10;
}
.theme-obsidian ion-router-outlet > .ion-page,
.theme-obsidian ion-router-outlet > .ion-page-invisible {
  background: #0b0c10;
}
.theme-obsidian ion-content {
  --background: transparent;
}
.theme-obsidian ion-card {
  --background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(40px) saturate(160%);
  -webkit-backdrop-filter: blur(40px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 24px !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}
.theme-obsidian ion-toolbar {
  --background: rgba(11, 12, 16, 0.65);
  backdrop-filter: blur(32px) saturate(150%);
  -webkit-backdrop-filter: blur(32px) saturate(150%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}
.theme-obsidian ion-tab-bar {
  --background: rgba(11, 12, 16, 0.78);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.theme-obsidian ion-item {
  --background: rgba(255, 255, 255, 0.04);
  --border-color: rgba(255, 255, 255, 0.055);
}
.theme-obsidian ion-segment {
  --background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
}
.theme-obsidian ion-segment-button {
  --background-checked: rgba(255, 255, 255, 0.1);
  --border-radius: 10px;
}
.theme-obsidian ion-button[color=secondary]::part(native) {
  background: rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  color: #ffffff;
}
.theme-obsidian ion-button[color=secondary]::part(native):active {
  background: rgba(255, 255, 255, 0.17);
}
.theme-obsidian ion-button[color=primary]::part(native),
.theme-obsidian ion-button:not([color]):not([fill])::part(native) {
  color: #ffffff;
}
.theme-obsidian ion-button[color=secondary][fill=outline],
.theme-obsidian ion-button[color=secondary][fill=clear] {
  --color: rgba(255, 255, 255, 0.75);
  --border-color: rgba(255, 255, 255, 0.2);
}
.theme-obsidian ion-badge {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

html.theme-aurora {
  background: #070e18;
}
html.theme-aurora::before {
  content: "";
  position: fixed;
  width: 500px;
  height: 340px;
  top: -60px;
  left: -80px;
  background: radial-gradient(ellipse at 40% 50%, rgba(34, 197, 94, 0.55) 0%, rgba(6, 182, 212, 0.3) 50%, transparent 75%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
  animation: aurora-drift-a 18s ease-in-out infinite alternate;
}
html.theme-aurora::after {
  content: "";
  position: fixed;
  width: 420px;
  height: 300px;
  bottom: -60px;
  right: -80px;
  background: radial-gradient(ellipse at 60% 50%, rgba(139, 92, 246, 0.5) 0%, rgba(6, 182, 212, 0.2) 55%, transparent 75%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 0;
  animation: aurora-drift-b 22s ease-in-out infinite alternate;
}

.theme-aurora {
  --ion-background-color: #070e18;
}
.theme-aurora ion-router-outlet > .ion-page,
.theme-aurora ion-router-outlet > .ion-page-invisible {
  background: #070e18;
}
.theme-aurora ion-content {
  --background: transparent;
}
.theme-aurora ion-app::before {
  content: "";
  position: fixed;
  width: 380px;
  height: 200px;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 50%, rgba(6, 182, 212, 0.28) 0%, rgba(34, 197, 94, 0.1) 60%, transparent 80%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
  animation: aurora-drift-c 16s ease-in-out infinite alternate;
}
.theme-aurora ion-card {
  --background: rgba(6, 182, 212, 0.06);
  backdrop-filter: blur(36px) saturate(160%);
  -webkit-backdrop-filter: blur(36px) saturate(160%);
  border: 1px solid rgba(34, 197, 94, 0.14);
  border-radius: 22px !important;
  box-shadow: 0 8px 36px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(34, 197, 94, 0.18);
}
.theme-aurora ion-toolbar {
  --background: rgba(7, 14, 24, 0.68);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  border-bottom: 1px solid rgba(34, 197, 94, 0.08);
}
.theme-aurora ion-tab-bar {
  --background: rgba(7, 14, 24, 0.80);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border-top: 1px solid rgba(6, 182, 212, 0.1);
}
.theme-aurora ion-item {
  --background: rgba(6, 182, 212, 0.04);
  --border-color: rgba(34, 197, 94, 0.08);
}
.theme-aurora ion-button[color=secondary]::part(native) {
  background: linear-gradient(135deg, #059669 0%, #06b6d4 50%, #6366f1 100%);
  box-shadow: 0 4px 20px rgba(34, 197, 94, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.theme-aurora ion-button[color=primary]::part(native),
.theme-aurora ion-button:not([color]):not([fill])::part(native) {
  color: #ffffff;
}
.theme-aurora ion-button[color=secondary][fill=outline],
.theme-aurora ion-button[color=secondary][fill=clear] {
  --color: #22d3ee;
  --border-color: rgba(6, 182, 212, 0.4);
}
.theme-aurora ion-badge {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

html.theme-ember {
  background: #100800;
}
html.theme-ember::before {
  content: "";
  position: fixed;
  width: 460px;
  height: 460px;
  top: -150px;
  left: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 40%, rgba(251, 146, 60, 0.6) 0%, rgba(245, 158, 11, 0.35) 40%, transparent 70%);
  filter: blur(90px);
  pointer-events: none;
  z-index: 0;
  animation: ember-drift-a 15s ease-in-out infinite alternate;
}
html.theme-ember::after {
  content: "";
  position: fixed;
  width: 380px;
  height: 380px;
  bottom: -100px;
  left: -80px;
  background: radial-gradient(circle at 40% 60%, rgba(239, 68, 68, 0.5) 0%, rgba(234, 88, 12, 0.28) 45%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
  animation: ember-drift-b 19s ease-in-out infinite alternate;
}

.theme-ember {
  --ion-background-color: #100800;
}
.theme-ember ion-router-outlet > .ion-page,
.theme-ember ion-router-outlet > .ion-page-invisible {
  background: #100800;
}
.theme-ember ion-content {
  --background: transparent;
}
.theme-ember ion-app::before {
  content: "";
  position: fixed;
  width: 320px;
  height: 320px;
  top: 30%;
  right: -80px;
  background: radial-gradient(circle at 60% 40%, rgba(245, 158, 11, 0.38) 0%, rgba(239, 68, 68, 0.15) 55%, transparent 75%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 0;
  animation: ember-drift-c 13s ease-in-out infinite alternate;
}
.theme-ember ion-card {
  --background: rgba(245, 158, 11, 0.07);
  backdrop-filter: blur(36px) saturate(160%);
  -webkit-backdrop-filter: blur(36px) saturate(160%);
  border: 1px solid rgba(251, 146, 60, 0.14);
  border-radius: 22px !important;
  box-shadow: 0 8px 36px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 200, 80, 0.18);
}
.theme-ember ion-toolbar {
  --background: rgba(16, 8, 0, 0.70);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  border-bottom: 1px solid rgba(251, 146, 60, 0.08);
}
.theme-ember ion-tab-bar {
  --background: rgba(16, 8, 0, 0.82);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border-top: 1px solid rgba(245, 158, 11, 0.1);
}
.theme-ember ion-item {
  --background: rgba(245, 158, 11, 0.04);
  --border-color: rgba(251, 146, 60, 0.09);
}
.theme-ember ion-button[color=secondary]::part(native) {
  background: linear-gradient(135deg, #ea580c 0%, #f59e0b 55%, #fcd34d 100%);
  box-shadow: 0 4px 22px rgba(245, 158, 11, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  color: #1a0800;
}
.theme-ember ion-button[color=primary]::part(native),
.theme-ember ion-button:not([color]):not([fill])::part(native) {
  color: #ffffff;
}
.theme-ember ion-button[color=secondary][fill=outline],
.theme-ember ion-button[color=secondary][fill=clear] {
  --color: #fbbf24;
  --border-color: rgba(245, 158, 11, 0.4);
}
.theme-ember ion-badge {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

html.theme-neotokyo {
  background: #050008;
}
html.theme-neotokyo::before {
  content: "";
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(0, 0, 0, 0.08) 3px, rgba(0, 0, 0, 0.08) 4px);
  pointer-events: none;
  z-index: 1;
}
html.theme-neotokyo::after {
  content: "";
  position: fixed;
  width: 500px;
  height: 400px;
  top: -120px;
  left: -100px;
  background: radial-gradient(ellipse at 40% 40%, rgba(236, 72, 153, 0.65) 0%, rgba(168, 85, 247, 0.3) 45%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
  animation: nt-drift-a 16s ease-in-out infinite alternate;
}

.theme-neotokyo {
  --ion-background-color: #050008;
}
.theme-neotokyo ion-router-outlet > .ion-page,
.theme-neotokyo ion-router-outlet > .ion-page-invisible {
  background: #050008;
}
.theme-neotokyo ion-content {
  --background: transparent;
}
.theme-neotokyo ion-app::before {
  content: "";
  position: fixed;
  width: 420px;
  height: 380px;
  bottom: -80px;
  right: -80px;
  background: radial-gradient(ellipse at 60% 60%, rgba(6, 182, 212, 0.55) 0%, rgba(99, 102, 241, 0.25) 50%, transparent 72%);
  filter: blur(75px);
  pointer-events: none;
  z-index: 0;
  animation: nt-drift-b 20s ease-in-out infinite alternate;
}
.theme-neotokyo ion-card {
  --background: rgba(236, 72, 153, 0.05);
  backdrop-filter: blur(32px) saturate(180%);
  -webkit-backdrop-filter: blur(32px) saturate(180%);
  border: 1px solid rgba(236, 72, 153, 0.22);
  border-radius: 16px !important;
  box-shadow: 0 0 0 1px rgba(6, 182, 212, 0.08), 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 24px rgba(236, 72, 153, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.theme-neotokyo ion-toolbar {
  --background: rgba(5, 0, 8, 0.75);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border-bottom: 1px solid rgba(236, 72, 153, 0.2);
  box-shadow: 0 1px 0 rgba(6, 182, 212, 0.08);
}
.theme-neotokyo ion-tab-bar {
  --background: rgba(5, 0, 8, 0.85);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border-top: 1px solid rgba(236, 72, 153, 0.18);
  box-shadow: 0 -1px 0 rgba(6, 182, 212, 0.07);
}
.theme-neotokyo ion-item {
  --background: rgba(236, 72, 153, 0.04);
  --border-color: rgba(236, 72, 153, 0.10);
}
.theme-neotokyo ion-button[color=secondary]::part(native) {
  background: linear-gradient(135deg, #db2777 0%, #ec4899 50%, #22d3ee 100%);
  box-shadow: 0 0 14px rgba(236, 72, 153, 0.7), 0 0 32px rgba(236, 72, 153, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  color: #ffffff;
  animation: nt-pulse-glow 2.5s ease-in-out infinite;
}
.theme-neotokyo ion-button[color=primary]::part(native),
.theme-neotokyo ion-button:not([color]):not([fill])::part(native) {
  color: #ffffff;
}
.theme-neotokyo ion-button[color=secondary][fill=outline],
.theme-neotokyo ion-button[color=secondary][fill=clear] {
  --color: #f472b6;
  --border-color: rgba(236, 72, 153, 0.45);
}
.theme-neotokyo ion-badge {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

@keyframes lg-drift-a {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(20px, 30px) scale(1.05);
  }
  100% {
    transform: translate(40px, 15px) scale(1.12);
  }
}
@keyframes lg-drift-b {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-30px, -20px) scale(1.08);
  }
  100% {
    transform: translate(-15px, -40px) scale(1.15);
  }
}
@keyframes lg-drift-c {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-20px, 25px) scale(0.95);
  }
  100% {
    transform: translate(10px, 40px) scale(1.1);
  }
}
@keyframes aurora-drift-a {
  0% {
    transform: translate(0, 0) scale(1) rotate(-2deg);
  }
  50% {
    transform: translate(30px, 40px) scale(1.08) rotate(2deg);
  }
  100% {
    transform: translate(60px, 20px) scale(1.15) rotate(-1deg);
  }
}
@keyframes aurora-drift-b {
  0% {
    transform: translate(0, 0) scale(1) rotate(3deg);
  }
  50% {
    transform: translate(-40px, -30px) scale(1.1) rotate(-2deg);
  }
  100% {
    transform: translate(-20px, -50px) scale(1.18) rotate(4deg);
  }
}
@keyframes aurora-drift-c {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(calc(-50% + 25px)) scale(1.06);
  }
  100% {
    transform: translateX(calc(-50% - 20px)) scale(0.94);
  }
}
@keyframes ember-drift-a {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(calc(-50% + 20px)) scale(1.05);
  }
  100% {
    transform: translateX(calc(-50% - 15px)) scale(1.1);
  }
}
@keyframes ember-drift-b {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(30px, -25px) scale(1.08);
  }
  100% {
    transform: translate(50px, -10px) scale(1.14);
  }
}
@keyframes ember-drift-c {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-20px, 30px) scale(0.96);
  }
  100% {
    transform: translate(-10px, 50px) scale(1.08);
  }
}
@keyframes nt-drift-a {
  0% {
    transform: translate(0, 0) scale(1) rotate(-3deg);
  }
  50% {
    transform: translate(25px, 35px) scale(1.07) rotate(2deg);
  }
  100% {
    transform: translate(50px, 15px) scale(1.13) rotate(-2deg);
  }
}
@keyframes nt-drift-b {
  0% {
    transform: translate(0, 0) scale(1) rotate(4deg);
  }
  50% {
    transform: translate(-35px, -28px) scale(1.09) rotate(-3deg);
  }
  100% {
    transform: translate(-18px, -52px) scale(1.16) rotate(5deg);
  }
}
@keyframes nt-pulse-glow {
  0%, 100% {
    box-shadow: 0 0 14px rgba(236, 72, 153, 0.7), 0 0 32px rgba(236, 72, 153, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }
  50% {
    box-shadow: 0 0 22px rgba(236, 72, 153, 0.9), 0 0 50px rgba(236, 72, 153, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }
}
@media (min-width: 900px) {
  .ia-desktop-shell {
    max-width: 880px;
    margin: 0 auto;
  }
  ion-header ion-toolbar {
    --padding-start: calc((100% - 880px) / 2);
    --padding-end: calc((100% - 880px) / 2);
  }
}

/*# sourceMappingURL=styles.css.map*/