@charset "UTF-8";

/* apps/dextools-beta/src/styles.scss */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-RSSEDYLY.eot");
  src:
    url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-4GST5W3O.woff2") format("woff2"),
    url("./media/primeicons-P53SE5CV.woff") format("woff"),
    url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),
    url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}
@font-face {
  font-family: "Source Sans 3";
  src: url("./media/SourceSans3-Regular-VDPBYPK4.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("./media/SourceSans3-Medium-H533S4KP.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("./media/SourceSans3-SemiBold-S7YWIPHP.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("./media/SourceSans3-Bold-AD4MTMYV.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("./media/SourceSans3-Black-Y27HQK6Z.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.initial-loader {
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0;
}
.initial-loader__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 1.1428571429rem 0;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.initial-loader__dot-pulse {
  position: relative;
  left: -714.2142857143rem;
  width: 0.5714285714rem;
  height: 0.5714285714rem;
  border-radius: 3.5714285714rem;
  animation: dotpulse 1.5s infinite linear;
  animation-delay: 0.25s;
}
.initial-loader__dot-pulse::before,
.initial-loader__dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 0.5714285714rem;
  height: 0.5714285714rem;
  border-radius: 0.3571428571rem;
  animation: dotpulsebefore 1.5s infinite linear;
  animation-delay: 0s;
}
.initial-loader__dot-pulse::before {
  animation: dotpulsebefore 1.5s infinite linear;
  animation-delay: 0s;
}
.initial-loader__dot-pulse::after {
  animation: dotpulseafter 1.5s infinite linear;
  animation-delay: 0.5s;
}
.initial-loader.dark .initial-loader__dot-pulse {
  animation: dotpulsedark 1.5s infinite linear;
  animation-delay: 0.25s;
}
.initial-loader.dark .initial-loader__dot-pulse::before {
  animation: dotpulsebeforedark 1.5s infinite linear;
  animation-delay: 0s;
}
.initial-loader.dark .initial-loader__dot-pulse::after {
  animation: dotpulseafterdark 1.5s infinite linear;
  animation-delay: 0.5s;
}
@keyframes dotpulsebefore {
  0% {
    box-shadow: 713.1428571429rem 0 0 -0.3571428571rem rgba(0, 0, 0, 0.4196078431);
  }
  30% {
    box-shadow: 713.1428571429rem 0 0 0.1428571429rem rgba(0, 0, 0, 0.4196078431);
  }
  60%, 100% {
    box-shadow: 713.1428571429rem 0 0 -0.3571428571rem rgba(0, 0, 0, 0.4196078431);
  }
}
@keyframes dotpulse {
  0% {
    box-shadow: 714.2142857143rem 0 0 -0.3571428571rem #000;
  }
  30% {
    box-shadow: 714.2142857143rem 0 0 0.1428571429rem #000;
  }
  60%, 100% {
    box-shadow: 714.2142857143rem 0 0 -0.3571428571rem #000;
  }
}
@keyframes dotpulseafter {
  0% {
    box-shadow: 715.2857142857rem 0 0 -0.3571428571rem rgba(0, 0, 0, 0.4196078431);
  }
  30% {
    box-shadow: 715.2857142857rem 0 0 0.1428571429rem rgba(0, 0, 0, 0.4196078431);
  }
  60%, 100% {
    box-shadow: 715.2857142857rem 0 0 -0.3571428571rem rgba(0, 0, 0, 0.4196078431);
  }
}
@keyframes dotpulsebeforedark {
  0% {
    box-shadow: 713.1428571429rem 0 0 -0.3571428571rem rgba(255, 255, 255, 0.4196078431);
  }
  30% {
    box-shadow: 713.1428571429rem 0 0 0.1428571429rem rgba(255, 255, 255, 0.4196078431);
  }
  60%, 100% {
    box-shadow: 713.1428571429rem 0 0 -0.3571428571rem rgba(255, 255, 255, 0.4196078431);
  }
}
@keyframes dotpulsedark {
  0% {
    box-shadow: 714.2142857143rem 0 0 -0.3571428571rem rgba(255, 255, 255, 0.4196078431);
  }
  30% {
    box-shadow: 714.2142857143rem 0 0 0.1428571429rem #fff;
  }
  60%, 100% {
    box-shadow: 714.2142857143rem 0 0 -0.3571428571rem #fff;
  }
}
@keyframes dotpulseafterdark {
  0% {
    box-shadow: 715.2857142857rem 0 0 -0.3571428571rem rgba(255, 255, 255, 0.4196078431);
  }
  30% {
    box-shadow: 715.2857142857rem 0 0 0.1428571429rem rgba(255, 255, 255, 0.4196078431);
  }
  60%, 100% {
    box-shadow: 715.2857142857rem 0 0 -0.3571428571rem rgba(255, 255, 255, 0.4196078431);
  }
}
@media (prefers-reduced-motion: reduce) {
  .initial-loader__dot-pulse,
  .initial-loader__dot-pulse::before,
  .initial-loader__dot-pulse::after {
    animation: none;
  }
  .initial-loader__dot-pulse {
    box-shadow: 714.2142857143rem 0 0 0 #000;
  }
  .initial-loader__dot-pulse::before {
    box-shadow: 713.1428571429rem 0 0 0 rgba(0, 0, 0, 0.4196078431);
  }
  .initial-loader__dot-pulse::after {
    box-shadow: 715.2857142857rem 0 0 0 rgba(0, 0, 0, 0.4196078431);
  }
  .initial-loader.dark .initial-loader__dot-pulse {
    box-shadow: 714.2142857143rem 0 0 0 #fff;
  }
  .initial-loader.dark .initial-loader__dot-pulse::before {
    box-shadow: 713.1428571429rem 0 0 0 rgba(255, 255, 255, 0.4196078431);
  }
  .initial-loader.dark .initial-loader__dot-pulse::after {
    box-shadow: 715.2857142857rem 0 0 0 rgba(255, 255, 255, 0.4196078431);
  }
}
.p-select-option:hover:not(.p-select-option-selected) {
  background: var(--surface-hover);
}
.wallet-dropdown-panel .wallet {
  display: flex;
  align-items: center;
  gap: 0.5714285714rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wallet-dropdown-panel .wallet-info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wallet-dropdown-panel .wallet-info__badge .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.7857142857rem;
  width: 1.7857142857rem;
  border-radius: 0.4285714286rem;
  background-color: #d9cb00;
  color: #fff;
}
.wallet-dropdown-panel .wallet-info__address {
  color: var(--text-color-secondary);
}
.wallet-dropdown-panel .wallet-info__name {
  text-overflow: ellipsis;
  overflow: hidden;
}
.wallet-dropdown-panel .wallet-balance {
  display: flex;
  align-items: center;
  gap: 0.5714285714rem;
  margin-left: auto;
}
.wallet-dropdown-panel .wallet-balance__logo {
  width: 1.1428571429rem;
  height: 1.1428571429rem;
}
.wallet-dropdown-panel .wallet-balance__amount {
  color: var(--wallets-list-address-text-color);
  margin-right: 0.2857142857rem;
}
.wallet-dropdown-panel .wallet .fa-bookmark {
  color: var(--primary-color);
}
.dropdown__option,
.dropdown__selected {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-grow: 1;
}
.dropdown__option img,
.dropdown__selected img {
  height: 1.4285714286rem;
  width: 1.4285714286rem;
}
.dropdown__option span,
.dropdown__selected span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 80%;
}
@media (max-width: 767px) {
  .dropdown__option span,
  .dropdown__selected span {
    width: calc(100% - 50px);
  }
}
.dropdown__option app-token-logo,
.dropdown__selected app-token-logo {
  min-width: 1.4285714286rem;
}
.dropdown__option img {
  height: 1.4285714286rem;
  width: 1.4285714286rem;
}
.dropdown__option span {
  width: 100%;
}
.equivalence-icon {
  content: "";
  -webkit-mask: url("./media/pos-icon-4XQYM5TY.svg") no-repeat 50% 50%;
  mask: url("./media/pos-icon-4XQYM5TY.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--text-color-secondary);
}
.metamask-icon {
  background-image: url("./media/metamask-logo-A2JHT4QG.svg");
  background-size: contain;
}
.info-icon {
  content: "";
  -webkit-mask: url("./media/info-icon-ABKG4UO6.svg") no-repeat 50% 50%;
  mask: url("./media/info-icon-ABKG4UO6.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--text-color-secondary);
}
.info-icon.filled {
  -webkit-mask: url("./media/info-icon-filled-W74W3WFH.svg") no-repeat 50% 50%;
  mask: url("./media/info-icon-filled-W74W3WFH.svg") no-repeat 50% 50%;
  background-color: var(--primary-color);
}
.chart-icon {
  content: "";
  -webkit-mask: url("./media/chart-icon-R4QF4BVI.svg") no-repeat 50% 50%;
  mask: url("./media/chart-icon-R4QF4BVI.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--text-color-secondary);
}
.chart-icon.filled {
  -webkit-mask: url("./media/chart-icon-filled-OOIH6NIS.svg") no-repeat 50% 50%;
  mask: url("./media/chart-icon-filled-OOIH6NIS.svg") no-repeat 50% 50%;
  background-color: var(--primary-color);
}
.list-icon {
  content: "";
  -webkit-mask: url("./media/list-icon-YYLQVMP7.svg") no-repeat 50% 50%;
  mask: url("./media/list-icon-YYLQVMP7.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--text-color-secondary);
}
.list-icon.filled {
  -webkit-mask: url("./media/list-icon-filled-2LEUQYQU.svg") no-repeat 50% 50%;
  mask: url("./media/list-icon-filled-2LEUQYQU.svg") no-repeat 50% 50%;
  background-color: var(--primary-color);
}
.twitter-icon {
  content: "";
  -webkit-mask: url("./media/twitter-icon-Y7SR32HS.svg") no-repeat 50% 50%;
  mask: url("./media/twitter-icon-Y7SR32HS.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--text-color-secondary);
}
.twitter-icon.filled {
  -webkit-mask: url("./media/twitter-icon-filled-JIQMVOXY.svg") no-repeat 50% 50%;
  mask: url("./media/twitter-icon-filled-JIQMVOXY.svg") no-repeat 50% 50%;
  background-color: var(--primary-color);
}
.etherscan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/ether-scan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.bscscan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/bsc-scan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.polygonscan-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/polygon.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.ftmscan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/ftm-scan.svg);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.cronoscan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/cronos-scan.ico);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.snowscan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/snow-scan.svg);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.andromeda-metis-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/metis.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.optimism-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/optimism.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.arbiscan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/arbitrum-scan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.celo-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/celo.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.oklink-explorer-icon {
  background-image: url(./assets/img/chain-scanners/oklink.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.defi-kingdoms-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/avalanche.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.solscan-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/solana-scan.svg);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.arbitrum-nova-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/arbitrumnova.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.gnosis-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/gnosis-scan.svg);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.smartscout-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/sonar-scan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.ronin-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/ronin.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.ethereum-fair-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/ethf.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.aptos-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/aptos.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.flare-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/flare.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.kaia-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/kaiascan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.zksync-era-block-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/zksync.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.pulse-chain-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/pulse.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.linea-scan-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/linea.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.base-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/base.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.mantle-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/mantle.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.shibarium-scan-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/shibarium.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.scroll-scan-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/scrollscan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.manta-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/manta.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.blast-explorer-explorer-icon {
  background-image: url(https://www.dextools.io/resources/chains/med/blast.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.mintscan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/mintscan.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.ok-link-explorer-icon {
  background-image: url(./assets/img/chain-scanners/oklink.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.mode-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/mode-scan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.ton-viewer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/ton-viewer.svg);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.near-blocks-explorer-icon {
  background-image: url(./assets/img/chain-scanners/near-blocks.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.hash-scan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/hash-scan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.tronscan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/tronscan.svg);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.bitlayer-scan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/bitlayer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.apechain-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/apechain.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.iotaevm-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/iotaevm.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.worldchain-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/worldchain.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.chiliz-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/chiliz.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.icp-scan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/ichouse.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.xrpl-scan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/livenet-xrpl.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.sonic-scan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/sonic-scan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.ink-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/ink-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.xdc-scan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/xdc-scan.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.abstract-scan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/abstract-scan.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.berachain-beratrail-explorer-icon {
  background-image: url(./assets/img/chain-scanners/berachain-beratrail.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.unichain-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/unichain.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.units-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/units-explorer.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.soneium-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/soneium-explorer.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.hyperevm-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/hyperevm-explorer.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.sui-scan-explorer-icon {
  background-image: url(./assets/img/chain-scanners/sui-scan.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.vsc-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/vsc-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.story-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/story-explorer.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.shido-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/shido-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.etherlink-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/etherlink-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.nibiruevm-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/nibiruevm-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.sei-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/sei-explorer.svg);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.plasma-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/plasma-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.monad-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/monad-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.krown-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/krown-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.injective-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/injscan.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.anubis-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/anubis-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.terra-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/terra-explorer.webp);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.robinhood-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/robinhood-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.stable-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/stable-explorer.svg);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.arc-explorer-explorer-icon {
  background-image: url(./assets/img/chain-scanners/arc-explorer.png);
  background-size: contain;
  background-color: white;
  border-radius: 50%;
}
.section {
  background-color: var(--surface-card);
  border-radius: 0.4285714286rem;
  padding: 1.4285714286rem 1.2857142857rem 1.2857142857rem;
  box-shadow:
    0 0.0714285714rem 0.2142857143rem rgba(0, 0, 0, 0.12),
    0 0.0714285714rem 0.0714285714rem rgba(0, 0, 0, 0.14),
    0 0.1428571429rem 0.0714285714rem -0.0714285714rem rgba(0, 0, 0, 0.02);
}
.section--no-padding {
  padding: 0;
}
.trading-view {
  position: relative;
}
.trading-view__container {
  height: 100%;
}
.trading-view__container.fullscreen {
  position: fixed;
  margin-top: 0;
  top: 0;
  left: 0;
  z-index: 999992;
  height: 100%;
  width: 100%;
}
.trading-view iframe {
  height: 100% !important;
}
.trading-view:not(.resizable) {
  width: 100%;
  height: 100%;
}
.trading-view:not(.resizable) .trading-view__container {
  width: 100%;
  height: 100%;
}
.trading-view.resizable {
  height: 32.6428571429rem;
  min-height: 14.2857142857rem;
  max-height: 100vh;
  position: relative;
  border-radius: 0 0 1.1428571429rem 1.1428571429rem;
  border: 0;
  box-shadow: none;
}
.trading-view__drag-handle {
  width: 100%;
  cursor: row-resize;
  align-self: flex-end;
  display: block;
  color: var(--text-color);
  text-align: center;
  position: absolute;
  height: 0.2857142857rem;
  border-bottom-left-radius: 1.1428571429rem;
  border-bottom-right-radius: 1.1428571429rem;
  visibility: hidden;
  z-index: 0;
  opacity: 0;
  transition: visibility 2s, z-index 2s;
}
.trading-view__drag-icon {
  background: var(--surface-border);
  color: var(--text-color);
  height: 2rem;
  width: 2rem;
  border-radius: 1rem;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.trading-view__show-button {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transition:
    visibility 2s,
    z-index 2s,
    opacity 2.5s;
}
.trading-view__overlay {
  position: absolute;
  color: transparent;
  inset: 0;
  z-index: 1;
}
.trading-view__background-banner {
  position: absolute;
  inset: 0;
  z-index: 2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.08;
  pointer-events: none;
}
.trading-view__background-banner--fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100002;
}
h1 {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  h1 {
    font-size: 1.7142857143rem;
    line-height: 2.6428571429rem;
  }
}
h2 {
  font-size: 2rem;
  line-height: 2.4285714286rem;
  font-weight: 400;
}
h3 {
  font-size: 1.7142857143rem;
  line-height: 2.6428571429rem;
  font-weight: 400;
}
h4 {
  font-size: 1.5rem;
  line-height: 1.7142857143rem;
  font-weight: 400;
}
h4.bold {
  font-weight: 700;
}
h5 {
  font-size: 1.2142857143rem;
  line-height: 1.5rem;
  font-weight: 400;
}
h6 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.favorites-panel {
  width: 32.8571428571rem !important;
}
@media (max-width: 599px) {
  .favorites-panel {
    width: 100% !important;
  }
}
.tippy-box {
  background: var(--surface-ground);
  color: var(--text-color);
  border-radius: 0.4285714286rem;
  max-width: 14.2857142857rem;
  border: 0.0714285714rem solid var(--surface-border);
  padding: 0.2142857143rem 0.5rem;
}
.tippy-variation-tooltip .tippy-box {
  padding: 0.8571428571rem;
}
.address-tooltip .tippy-box {
  max-width: fit-content !important;
}
.dextscore-and-audit-tooltip .tippy-box {
  padding: 0.8571428571rem;
}
[data-tippy-root].token-logo-status {
  z-index: 100011 !important;
}
.token-logo-zoom .tippy-box,
.logo-zoom .tippy-box {
  padding: 0;
  background: var(--surface-ground);
  border: none;
  overflow: hidden;
  max-width: none !important;
  transform-origin: center;
  animation: logo-zoom-in 0.15s ease-out;
}
.token-logo-zoom .tippy-content,
.logo-zoom .tippy-content {
  padding: 0;
}
@keyframes logo-zoom-in {
  from {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.sevioads .coinzilla-banner-container {
  border-radius: 0.7142857143rem;
  padding: 0.3571428571rem 0.7142857143rem;
  width: 100%;
  background: var(--surface-overlay);
  display: flex;
  gap: 0.2857142857rem;
  align-items: center;
}
.sevioads .coinzilla-banner-container:hover {
  background: var(--surface-overlay-hover);
}
.sevioads .coinzilla-banner-container .info-container {
  display: flex;
  flex-direction: column;
  gap: 0.2857142857rem;
  width: 100%;
}
.sevioads .coinzilla-banner-container .info-container .info {
  display: flex;
  gap: 0.2857142857rem;
  justify-content: space-between;
  width: 100%;
}
.sevioads .coinzilla-banner-container .info-container .info > div {
  display: flex;
  align-items: center;
  gap: 0.5714285714rem;
  flex-wrap: wrap;
}
.sevioads .coinzilla-banner-container .info-container .info > div img {
  height: 2.1428571429rem;
  width: 2.1428571429rem;
  border-radius: 3.5714285714rem;
}
.sevioads .coinzilla-banner-container .info-container .info > div .title {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1rem;
}
.sevioads .coinzilla-banner-container .info-container .info > div .description {
  color: var(--text-color);
  font-size: 1rem;
}
.sevioads .coinzilla-banner-container .info-container .info > div .cta-button {
  color: var(--text-color);
  margin-left: 0.3571428571rem;
  font-weight: 600;
  font-size: 1rem;
}
.sevioads .coinzilla-banner-container .info-container .description-mobile-container {
  display: flex;
  align-items: center;
  gap: 0.2857142857rem;
  width: 100%;
  flex-wrap: wrap;
}
.sevioads .coinzilla-banner-container .info-container .description-mobile-container .description {
  color: var(--text-color);
  font-size: 1rem;
}
.sevioads .coinzilla-banner-container .info-container .description-mobile-container .cta-button {
  color: var(--text-color);
  font-size: 1rem;
  margin-left: 0.3571428571rem;
  font-weight: 600;
}
.sevioads .coinzilla-banner-container .header-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sevioads .coinzilla-banner-container .header-container img {
  height: 2.1428571429rem;
  width: 2.1428571429rem;
  border-radius: 3.5714285714rem;
}
.sevioads .coinzilla-banner-container .header-container .title {
  font-weight: 600;
  font-size: 1rem;
  color: var(--primary-color);
}
.sevioads .coinzilla-banner-container .body-container {
  display: flex;
}
.sevioads .coinzilla-banner-container .body-container .description {
  color: var(--text-color);
  font-size: 1rem;
  margin-right: 0.2857142857rem;
}
.sevioads .coinzilla-banner-container .body-container .cta-button {
  color: var(--text-color);
  font-size: 1rem;
  font-weight: 600;
  margin-left: 0.3571428571rem;
}
.side-banner .coinzilla-banner-container {
  align-items: flex-start !important;
  flex-direction: column;
}
.p-drawer-mask {
  z-index: 99999 !important;
}
.p-drawer {
  z-index: 100000 !important;
}
.p-drawer-footer:empty {
  padding: 0;
}
.p-drawer-header {
  align-items: flex-start;
}
.p-drawer-header .p-button.p-button-icon-only {
  padding: 0;
  width: 2.2857142857rem;
  height: 2.2857142857rem;
  min-width: 2.2857142857rem;
  min-height: 2.2857142857rem;
  margin-right: -0.1428571429rem;
  margin-top: -0.1428571429rem;
}
@media (max-width: 1023px) {
  .p-drawer {
    width: 70%;
  }
}
@media (max-width: 599px) {
  .p-drawer {
    width: 100%;
  }
}
.search-mobile-panel {
  padding: 0;
}
.search-mobile-panel .p-drawer-content {
  padding: 0 !important;
}
.search-mobile-panel .p-drawer-header {
  z-index: 2;
}
.p-drawer-right__sidebar,
.more-socials-panel__sidebar {
  width: 32.1428571429rem;
}
@media (max-width: 767px) {
  .p-drawer-right__sidebar,
  .more-socials-panel__sidebar {
    width: 100%;
  }
}
p-speeddial {
  pointer-events: none;
}
p-speeddial .p-speeddial .p-button {
  pointer-events: all;
  padding: 0.6071428571rem;
  width: 3rem;
  height: 3rem;
}
p-speeddial .p-speeddial .p-button:hover {
  background-color: var(--surface-hover);
}
p-speeddial .p-speeddial.p-speeddial-open {
  background-color: var(--surface-card);
}
p-speeddial .p-speeddial.p-speeddial-open .p-button {
  border: 0.0714285714rem solid var(--primary-color);
  color: var(--primary-color);
}
p-speeddial .p-speeddial:not(.p-speeddial-open) .p-button {
  border: 0;
  color: var(--text-color-secondary);
}
p-speeddial .p-speeddial .p-speeddial-list .p-speeddial-item .p-button {
  border: 0.0714285714rem solid var(--text-color);
  color: var(--text-color);
}
.tweet-popover {
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
.tweet-popover .tippy-box {
  padding: 0;
  border: none;
}
.tweet-popover__frame {
  max-height: 70vh;
  border-radius: 1.0714285714rem;
}
.tweet-popover__error {
  display: block;
  padding: 1.1428571429rem 1.4285714286rem;
  color: var(--text-color-secondary);
  font-size: 0.9285714286rem;
}
.tweet-modal .p-dialog-content {
  padding: 0;
  overflow-y: auto;
  border-radius: var(--card-border-radius);
}
.tweet-modal .tweet-popover__frame {
  width: 100%;
  max-height: 90vh;
}
@keyframes vt-circle-reveal {
  from {
    clip-path: circle(0% at 0 0);
  }
  to {
    clip-path: circle(150% at 0 0);
  }
}
app-smart-trading-view {
  view-transition-name: none;
}
@supports (view-transition-name: root) {
  ::view-transition-new(root) {
    animation: vt-circle-reveal 750ms cubic-bezier(0.4, 0, 0, 1) both;
  }
  ::view-transition-old(root) {
    animation: none;
    z-index: -1;
  }
}
.new-design-system {
  font-family: var(--font-family-body), sans-serif;
  -webkit-font-smoothing: antialiased;
  --base-white: #fff;
  --base-black: #000;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-50: #fffbeb;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-amber-950: #451a03;
  --color-base-black: #000;
  --color-base-transparent: #fff0;
  --color-base-white: #fff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-300: #93c5fd;
  --color-blue-400: #60a5fa;
  --color-blue-50: #eff6ff;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
  --color-blue-700: #1d4ed8;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;
  --color-blue-950: #172554;
  --color-cyan-100: #cffafe;
  --color-cyan-200: #a5f3fc;
  --color-cyan-300: #67e8f9;
  --color-cyan-400: #22d3ee;
  --color-cyan-50: #ecfeff;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0e7490;
  --color-cyan-800: #155e75;
  --color-cyan-900: #164e63;
  --color-cyan-950: #083344;
  --color-emerald-100: #d1fae5;
  --color-emerald-200: #a7f3d0;
  --color-emerald-300: #6ee7b7;
  --color-emerald-400: #34d399;
  --color-emerald-50: #ecfdf5;
  --color-emerald-500: #10b981;
  --color-emerald-600: #059669;
  --color-emerald-700: #047857;
  --color-emerald-800: #065f46;
  --color-emerald-900: #064e3b;
  --color-emerald-950: #022c22;
  --color-fuchsia-100: #fae8ff;
  --color-fuchsia-200: #f5d0fe;
  --color-fuchsia-300: #f0abfc;
  --color-fuchsia-400: #e879f9;
  --color-fuchsia-50: #fdf4ff;
  --color-fuchsia-500: #d946ef;
  --color-fuchsia-600: #c026d3;
  --color-fuchsia-700: #a21caf;
  --color-fuchsia-800: #86198f;
  --color-fuchsia-900: #701a75;
  --color-fuchsia-950: #4a044e;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-50: #f9fafb;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-50: #f0fdf4;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #052e16;
  --color-indigo-100: #e0e7ff;
  --color-indigo-200: #c7d2fe;
  --color-indigo-300: #a5b4fc;
  --color-indigo-400: #818cf8;
  --color-indigo-50: #eef2ff;
  --color-indigo-500: #6366f1;
  --color-indigo-600: #4f46e5;
  --color-indigo-700: #4338ca;
  --color-indigo-800: #3730a3;
  --color-indigo-900: #312e81;
  --color-indigo-950: #1e1b4b;
  --color-lime-100: #ecfccb;
  --color-lime-200: #d9f99d;
  --color-lime-300: #bef264;
  --color-lime-400: #a3e635;
  --color-lime-50: #f7fee7;
  --color-lime-500: #84cc16;
  --color-lime-600: #65a30d;
  --color-lime-700: #4d7c0f;
  --color-lime-800: #3f6212;
  --color-lime-900: #365314;
  --color-lime-950: #1a2e05;
  --color-mauve-100: #f3f1f3;
  --color-mauve-200: #e7e4e7;
  --color-mauve-300: #d7d0d7;
  --color-mauve-400: #a89ea9;
  --color-mauve-50: #fafafa;
  --color-mauve-500: #79697b;
  --color-mauve-600: #594c5b;
  --color-mauve-700: #463947;
  --color-mauve-800: #2a212c;
  --color-mauve-900: #1d161e;
  --color-mauve-950: #0c090c;
  --color-mist-100: #f1f3f3;
  --color-mist-200: #e3e7e8;
  --color-mist-300: #d0d6d8;
  --color-mist-400: #9ca8ab;
  --color-mist-50: #f9fbfb;
  --color-mist-500: #67787c;
  --color-mist-600: #4b585b;
  --color-mist-700: #394447;
  --color-mist-800: #22292b;
  --color-mist-900: #161b1d;
  --color-mist-950: #090b0c;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a3a3a3;
  --color-neutral-50: #fafafa;
  --color-neutral-500: #737373;
  --color-neutral-600: #525252;
  --color-neutral-700: #404040;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;
  --color-neutral-950: #0a0a0a;
  --color-olive-100: #f4f4f0;
  --color-olive-200: #e8e8e3;
  --color-olive-300: #d8d8d0;
  --color-olive-400: #abab9c;
  --color-olive-50: #fbfbf9;
  --color-olive-500: #7c7c67;
  --color-olive-600: #5b5b4b;
  --color-olive-700: #474739;
  --color-olive-800: #2b2b22;
  --color-olive-900: #1d1d16;
  --color-olive-950: #0c0c09;
  --color-orange-100: #ffedd5;
  --color-orange-200: #fed7aa;
  --color-orange-300: #fdba74;
  --color-orange-400: #fb923c;
  --color-orange-50: #fff7ed;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;
  --color-orange-950: #431407;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fbcfe8;
  --color-pink-300: #f9a8d4;
  --color-pink-400: #f472b6;
  --color-pink-50: #fdf2f8;
  --color-pink-500: #ec4899;
  --color-pink-600: #db2777;
  --color-pink-700: #be185d;
  --color-pink-800: #9d174d;
  --color-pink-900: #831843;
  --color-pink-950: #500724;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d5ff;
  --color-purple-300: #d8b4fe;
  --color-purple-400: #c084fc;
  --color-purple-50: #faf5ff;
  --color-purple-500: #a855f7;
  --color-purple-600: #9333ea;
  --color-purple-700: #7e22ce;
  --color-purple-800: #6b21a8;
  --color-purple-900: #581c87;
  --color-purple-950: #3b0764;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-50: #fef2f2;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-950: #450a0a;
  --color-rose-100: #ffe4e6;
  --color-rose-200: #fecdd3;
  --color-rose-300: #fda4af;
  --color-rose-400: #fb7185;
  --color-rose-50: #fff1f2;
  --color-rose-500: #f43f5e;
  --color-rose-600: #e11d48;
  --color-rose-700: #be123c;
  --color-rose-800: #9f1239;
  --color-rose-900: #881337;
  --color-rose-950: #4c0519;
  --color-sky-100: #e0f2fe;
  --color-sky-200: #bae6fd;
  --color-sky-300: #7dd3fc;
  --color-sky-400: #38bdf8;
  --color-sky-50: #f0f9ff;
  --color-sky-500: #0ea5e9;
  --color-sky-600: #0284c7;
  --color-sky-700: #0369a1;
  --color-sky-800: #075985;
  --color-sky-900: #0c4a6e;
  --color-sky-950: #082f49;
  --color-stone-100: #f5f5f4;
  --color-stone-200: #e7e5e4;
  --color-stone-300: #d6d3d1;
  --color-stone-400: #a8a29e;
  --color-stone-50: #fafaf9;
  --color-stone-500: #78716c;
  --color-stone-600: #57534e;
  --color-stone-700: #44403c;
  --color-stone-800: #292524;
  --color-stone-900: #1c1917;
  --color-stone-950: #0c0a09;
  --color-taupe-100: #f3f1f1;
  --color-taupe-200: #e8e4e3;
  --color-taupe-300: #d8d2d0;
  --color-taupe-400: #aba09c;
  --color-taupe-50: #fbfaf9;
  --color-taupe-500: #7c6d67;
  --color-taupe-600: #5b4f4b;
  --color-taupe-700: #473c39;
  --color-taupe-800: #2b2422;
  --color-taupe-900: #1d1816;
  --color-taupe-950: #0c0a09;
  --color-teal-100: #ccfbf1;
  --color-teal-200: #99f6e4;
  --color-teal-300: #5eead4;
  --color-teal-400: #2dd4bf;
  --color-teal-50: #f0fdfa;
  --color-teal-500: #14b8a6;
  --color-teal-600: #0d9488;
  --color-teal-700: #0f766e;
  --color-teal-800: #115e59;
  --color-teal-900: #134e4a;
  --color-teal-950: #042f2e;
  --color-violet-100: #ede9fe;
  --color-violet-200: #ddd6fe;
  --color-violet-300: #c4b5fd;
  --color-violet-400: #a78bfa;
  --color-violet-50: #f5f3ff;
  --color-violet-500: #8b5cf6;
  --color-violet-600: #7c3aed;
  --color-violet-700: #6d28d9;
  --color-violet-800: #5b21b6;
  --color-violet-900: #4c1d95;
  --color-violet-950: #2e1065;
  --color-yellow-100: #fef9c3;
  --color-yellow-200: #fef08a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-50: #fefce8;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #a16207;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --color-yellow-950: #422006;
  --color-zinc-100: #f4f4f5;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-400: #a1a1aa;
  --color-zinc-50: #fafafa;
  --color-zinc-500: #71717a;
  --color-zinc-600: #52525b;
  --color-zinc-700: #3f3f46;
  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-zinc-950: #09090b;
  --spacing-0: 0;
  --spacing-0-5: 0.1428571429rem;
  --spacing-1: 0.2857142857rem;
  --spacing-1-5: 0.4285714286rem;
  --spacing-2: 0.5714285714rem;
  --spacing-3: 0.8571428571rem;
  --spacing-4: 1.1428571429rem;
  --spacing-5: 1.4285714286rem;
  --spacing-6: 1.7142857143rem;
  --spacing-8: 2.2857142857rem;
  --spacing-10: 2.8571428571rem;
  --spacing-12: 3.4285714286rem;
  --spacing-16: 4.5714285714rem;
  --spacing-20: 5.7142857143rem;
  --spacing-24: 6.8571428571rem;
  --spacing-32: 9.1428571429rem;
  --spacing-40: 11.4285714286rem;
  --spacing-48: 13.7142857143rem;
  --spacing-56: 16rem;
  --spacing-64: 18.2857142857rem;
  --spacing-80: 22.8571428571rem;
  --spacing-96: 27.4285714286rem;
  --spacing-120: 34.2857142857rem;
  --spacing-140: 40rem;
  --spacing-160: 45.7142857143rem;
  --spacing-180: 51.4285714286rem;
  --spacing-192: 54.8571428571rem;
  --spacing-256: 73.1428571429rem;
  --spacing-320: 91.4285714286rem;
  --spacing-360: 102.8571428571rem;
  --spacing-400: 114.2857142857rem;
  --spacing-480: 137.1428571429rem;
  --radius-none: 0;
  --radius-xxs: 0.1428571429rem;
  --radius-xs: 0.2857142857rem;
  --radius-sm: 0.4285714286rem;
  --radius-md: 0.5714285714rem;
  --radius-lg: 0.7142857143rem;
  --radius-xl: 0.8571428571rem;
  --radius-2xl: 1.1428571429rem;
  --radius-3xl: 1.4285714286rem;
  --radius-4xl: 1.7142857143rem;
  --radius-full: 714.2142857143rem;
  --spacing-none: var(--spacing-0);
  --spacing-xxs: var(--spacing-0-5);
  --spacing-xs: var(--spacing-1);
  --spacing-sm: var(--spacing-1-5);
  --spacing-md: var(--spacing-2);
  --spacing-lg: var(--spacing-3);
  --spacing-xl: var(--spacing-4);
  --spacing-2xl: var(--spacing-5);
  --spacing-3xl: var(--spacing-6);
  --spacing-4xl: var(--spacing-8);
  --spacing-5xl: var(--spacing-10);
  --spacing-6xl: var(--spacing-12);
  --spacing-7xl: var(--spacing-16);
  --spacing-8xl: var(--spacing-20);
  --spacing-9xl: var(--spacing-24);
  --spacing-10xl: var(--spacing-32);
  --spacing-11xl: var(--spacing-40);
  --width-xxs: var(--spacing-80);
  --width-xs: var(--spacing-96);
  --width-sm: var(--spacing-120);
  --width-md: var(--spacing-140);
  --width-lg: var(--spacing-160);
  --paragraph-max-width: var(--spacing-180);
  --width-xl: var(--spacing-192);
  --width-2xl: var(--spacing-256);
  --width-3xl: var(--spacing-320);
  --width-4xl: var(--spacing-360);
  --width-5xl: var(--spacing-400);
  --width-6xl: var(--spacing-480);
  --container-padding-mobile: var(--spacing-4);
  --container-padding-desktop: var(--spacing-8);
  --container-mid-width-desktop: var(--spacing-320);
  --container-max-width-desktop: var(--spacing-360);
  --font-size-text-xs: 0.8571428571rem;
  --font-size-text-xs-single-line: 0.8571428571rem;
  --font-size-text-sm: 1rem;
  --font-size-text-md: 1.1428571429rem;
  --font-size-text-lg: 1.2857142857rem;
  --font-size-text-xl: 1.4285714286rem;
  --font-size-display-xs: 1.7142857143rem;
  --font-size-display-sm: 2.1428571429rem;
  --font-size-display-md: 2.5714285714rem;
  --font-size-display-lg: 3.4285714286rem;
  --font-size-display-xl: 4.2857142857rem;
  --font-size-display-2xl: 5.1428571429rem;
  --line-height-text-xs: 1.2857142857rem;
  --line-height-text-sm: 1.4285714286rem;
  --line-height-text-md: 1.7142857143rem;
  --line-height-text-lg: 2rem;
  --line-height-text-xl: 2.1428571429rem;
  --line-height-display-xs: 2.2857142857rem;
  --line-height-display-sm: 2.7142857143rem;
  --line-height-display-md: 3.1428571429rem;
  --line-height-display-lg: 4.2857142857rem;
  --line-height-display-xl: 5.1428571429rem;
  --line-height-display-2xl: 6.4285714286rem;
  --font-weight-bold: 700;
  --font-weight-bold-italic: 700 italic;
  --font-weight-medium: 500;
  --font-weight-medium-italic: 500 italic;
  --font-weight-regular: 400;
  --font-weight-regular-italic: 400 italic;
  --font-weight-semibold: 600;
  --font-weight-semibold-italic: 600 italic;
  --line-height-text-xxs: 1rem;
  --font-family-body: "Source Sans 3";
  --font-family-display: var(--font-family-body);
  --text-primary-900: var(--color-slate-900, #0f172a);
  --text-primary-on-brand: var(--color-slate-900, #0f172a);
  --text-secondary-700: var(--color-slate-700, #334155);
  --text-secondary-hover: var(--color-slate-800, #1e293b);
  --text-secondary-on-brand: var(--color-slate-700, #334155);
  --text-tertiary-600: var(--color-slate-600, #475569);
  --text-tertiary-hover: var(--color-slate-700, #334155);
  --text-tertiary-on-brand: var(--color-slate-500, #64748b);
  --text-quaternary-500: var(--color-slate-500, #64748b);
  --text-quaternary-on-brand: var(--color-slate-300, #cbd5e1);
  --text-white: var(--color-base-white, #fff);
  --text-placeholder: var(--color-neutral-500, #737373);
  --text-brand-primary-900: var(--color-brand-900, #164e63);
  --text-brand-secondary-700: var(--color-brand-700, #0e7490);
  --text-brand-secondary-hover: var(--color-brand-800, #155e75);
  --text-brand-tertiary-600: var(--color-brand-600, #0891b2);
  --text-brand-tertiary-alt: var(--color-brand-600, #0891b2);
  --text-error-primary-600: var(--color-red-600, #dc2626);
  --text-error-primary-hover: var(--color-red-700, #b91c1c);
  --text-warning-primary-600: var(--color-yellow-600, #ca8a04);
  --text-success-primary-600: var(--color-green-600, #16a34a);
  --text-success-primary-hover: var(--color-green-700, #15803d);
  --border-primary: var(--color-neutral-300, #d4d4d4);
  --border-secondary: var(--color-neutral-200, #e5e5e5);
  --border-secondary-alt: rgb(0 0 0 / 10%);
  --border-tertiary: var(--color-neutral-100, #f5f5f5);
  --border-brand: var(--color-brand-500, #06b6d4);
  --border-brand-alt: var(--color-brand-600, #0891b2);
  --border-error: var(--color-red-500, #ef4444);
  --border-error-subtle: var(--color-red-300, #fca5a5);
  --border-sucess: var(--color-green-500, #22c55e);
  --border-success-subtle: var(--color-green-300, #86efac);
  --fg-primary-900: var(--color-neutral-900, #171717);
  --fg-secondary-700: var(--color-neutral-700, #404040);
  --fg-secondary-hover: var(--color-neutral-800, #262626);
  --fg-tertiary-600: var(--color-neutral-600, #525252);
  --fg-tertiary-hover: var(--color-neutral-700, #404040);
  --fg-quaternary-400: var(--color-neutral-400, #a3a3a3);
  --fg-quaternary-hover: var(--color-neutral-500, #737373);
  --fg-white: var(--color-base-white, #fff);
  --fg-brand-primary-600: var(--color-brand-600, #0891b2);
  --fg-brand-primary-alt: var(--fg-brand-primary-600);
  --fg-brand-secondary-500: var(--color-brand-500, #06b6d4);
  --fg-brand-secondary-alt: var(--fg-brand-secondary-500);
  --fg-brand-secondary-hover: var(--color-brand-600, #0891b2);
  --fg-error-primary: var(--color-red-600, #dc2626);
  --fg-error-secondary: var(--color-red-500, #ef4444);
  --fg-warning-primary: var(--color-yellow-600, #ca8a04);
  --fg-warning-secondary: var(--color-yellow-500, #eab308);
  --fg-success-primary: var(--color-green-600, #16a34a);
  --fg-success-secondary: var(--color-green-500, #22c55e);
  --bg-primary: var(--color-base-white, #fff);
  --bg-primary-alt: var(--color-base-white, #fff);
  --bg-primary-hover: var(--color-neutral-50, #fafafa);
  --bg-primary-solid: var(--color-neutral-200, #e5e5e5);
  --bg-secondary: var(--color-neutral-50, #fafafa);
  --bg-secondary-alt: var(--color-neutral-50, #fafafa);
  --bg-secondary-hover: var(--color-neutral-100, #f5f5f5);
  --bg-secondary-solid: var(--color-neutral-600, #525252);
  --bg-tertiary: var(--color-neutral-100, #f5f5f5);
  --bg-quaternary: var(--color-neutral-200, #e5e5e5);
  --bg-overlay: var(--color-neutral-950, #0a0a0a);
  --bg-brand-primary: var(--color-brand-400, #22d3ee);
  --bg-brand-primary-alt: var(--color-brand-50, #ecfeff);
  --bg-brand-secondary: var(--color-brand-500, #06b6d4);
  --bg-brand-solid: var(--color-brand-600, #0891b2);
  --bg-brand-solid-hover: var(--color-brand-700, #0e7490);
  --bg-brand-section: var(--color-brand-800, #155e75);
  --bg-brand-section-subtle: var(--color-brand-700, #0e7490);
  --bg-error-primary: var(--color-red-50, #fef2f2);
  --bg-error-secondary: var(--color-red-100, #fee2e2);
  --bg-error-solid: var(--color-red-600, #dc2626);
  --bg-error-solid-hover: var(--color-red-700, #b91c1c);
  --bg-warning-primary: var(--color-yellow-50, #fefce8);
  --bg-warning-secondary: var(--color-yellow-100, #fef9c3);
  --bg-warning-solid: var(--color-yellow-600, #ca8a04);
  --bg-success-primary: var(--color-green-50, #f0fdf4);
  --bg-success-secondary: var(--color-green-100, #dcfce7);
  --bg-success-solid: var(--color-green-600, #16a34a);
  --bg-success-solid-hover: var(--color-green-700, #15803d);
  --bg-table-alternate-default: var(--utility-neutral-100);
  --bg-table-alternate-hover-selected: var(--utility-neutral-200);
  --focus-ring: var(--color-brand-500, #06b6d4);
  --focus-ring-error: var(--color-red-500, #ef4444);
  --focus-ring-success: var(--color-green-500, #22c55e);
  --shadow-xs: rgb(0 0 0 / 5%);
  --shadow-sm-01: rgb(0 0 0 / 10%);
  --shadow-sm-02: rgb(0 0 0 / 10%);
  --shadow-md-01: rgb(0 0 0 / 10%);
  --shadow-md-02: rgb(0 0 0 / 6%);
  --shadow-lg-01: rgb(0 0 0 / 8%);
  --shadow-lg-02: rgb(0 0 0 / 3%);
  --shadow-lg-03: rgb(0 0 0 / 4%);
  --shadow-xl-01: rgb(0 0 0 / 8%);
  --shadow-xl-02: rgb(0 0 0 / 3%);
  --shadow-xl-03: rgb(0 0 0 / 4%);
  --shadow-2xl-01: rgb(0 0 0 / 18%);
  --shadow-2xl-02: rgb(0 0 0 / 4%);
  --shadow-3xl-01: rgb(0 0 0 / 14%);
  --shadow-3xl-02: rgb(0 0 0 / 4%);
  --shadow-skeumorphic-inner: rgb(0 0 0 / 5%);
  --shadow-skeumorphic-inner-border: rgb(0 0 0 / 18%);
  --shadow-main-centre-md: rgb(10 10 10 / 14%);
  --shadow-main-centre-lg: rgb(10 10 10 / 18%);
  --shadow-overlay-lg: rgb(10 10 10 / 12%);
  --shadow-grid-md: rgb(10 10 10 / 8%);
  --alpha-white-10: rgb(255 255 255 / 10%);
  --alpha-white-20: rgb(255 255 255 / 20%);
  --alpha-white-30: rgb(255 255 255 / 30%);
  --alpha-white-40: rgb(255 255 255 / 40%);
  --alpha-white-50: rgb(255 255 255 / 50%);
  --alpha-white-60: rgb(255 255 255 / 60%);
  --alpha-white-70: rgb(255 255 255 / 70%);
  --alpha-white-80: rgb(255 255 255 / 80%);
  --alpha-white-90: rgb(255 255 255 / 90%);
  --alpha-white-100: #fff;
  --alpha-black-10: rgb(0 0 0 / 10%);
  --alpha-black-20: rgb(0 0 0 / 20%);
  --alpha-black-30: rgb(0 0 0 / 30%);
  --alpha-black-40: rgb(0 0 0 / 40%);
  --alpha-black-50: rgb(0 0 0 / 50%);
  --alpha-black-60: rgb(0 0 0 / 60%);
  --alpha-black-70: rgb(0 0 0 / 70%);
  --alpha-black-80: rgb(0 0 0 / 80%);
  --alpha-black-90: rgb(0 0 0 / 90%);
  --alpha-black-100: #000;
  --utility-neutral-50: var(--color-neutral-50, #fafafa);
  --utility-neutral-100: var(--color-neutral-100, #f5f5f5);
  --utility-neutral-200: var(--color-neutral-200, #e5e5e5);
  --utility-neutral-300: var(--color-neutral-300, #d4d4d4);
  --utility-neutral-400: var(--color-neutral-400, #a3a3a3);
  --utility-neutral-500: var(--color-neutral-500, #737373);
  --utility-neutral-600: var(--color-neutral-600, #525252);
  --utility-neutral-700: var(--color-neutral-700, #404040);
  --utility-neutral-800: var(--color-neutral-800, #262626);
  --utility-neutral-900: var(--color-neutral-900, #171717);
  --utility-brand-50: var(--color-brand-50, #ecfeff);
  --utility-brand-50-alt: var(--color-brand-50, #ecfeff);
  --utility-brand-100: var(--color-brand-100, #cffafe);
  --utility-brand-100-alt: var(--color-brand-100, #cffafe);
  --utility-brand-200: var(--color-brand-200, #a5f3fc);
  --utility-brand-200-alt: var(--color-brand-200, #a5f3fc);
  --utility-brand-300: var(--color-brand-300, #67e8f9);
  --utility-brand-300-alt: var(--color-brand-300, #67e8f9);
  --utility-brand-400: var(--color-brand-400, #22d3ee);
  --utility-brand-400-alt: var(--color-brand-400, #22d3ee);
  --utility-brand-500: var(--color-brand-500, #06b6d4);
  --utility-brand-500-alt: var(--color-brand-500, #06b6d4);
  --utility-brand-600: var(--color-brand-600, #0891b2);
  --utility-brand-600-alt: var(--color-brand-600, #0891b2);
  --utility-brand-700: var(--color-brand-700, #0e7490);
  --utility-brand-700-alt: var(--color-brand-700, #0e7490);
  --utility-brand-800: var(--color-brand-800, #155e75);
  --utility-brand-800-alt: var(--color-brand-800, #155e75);
  --utility-brand-900: var(--color-brand-900, #164e63);
  --utility-brand-900-alt: var(--color-brand-900, #164e63);
  --utility-red-50: var(--color-red-50, #fef2f2);
  --utility-red-100: var(--color-red-100, #fee2e2);
  --utility-red-200: var(--color-red-200, #fecaca);
  --utility-red-300: var(--color-red-300, #fca5a5);
  --utility-red-400: var(--color-red-400, #f87171);
  --utility-red-500: var(--color-red-500, #ef4444);
  --utility-red-600: var(--color-red-600, #dc2626);
  --utility-red-700: var(--color-red-700, #b91c1c);
  --utility-orange-50: var(--color-orange-50, #fff7ed);
  --utility-orange-100: var(--color-orange-100, #ffedd5);
  --utility-orange-200: var(--color-orange-200, #fed7aa);
  --utility-orange-300: var(--color-orange-300, #fdba74);
  --utility-orange-400: var(--color-orange-400, #fb923c);
  --utility-orange-500: var(--color-orange-500, #f97316);
  --utility-orange-600: var(--color-orange-600, #ea580c);
  --utility-orange-700: var(--color-orange-700, #c2410c);
  --utility-amber-50: var(--color-amber-50, #fffbeb);
  --utility-amber-100: var(--color-amber-100, #fef3c7);
  --utility-amber-200: var(--color-amber-200, #fde68a);
  --utility-amber-300: var(--color-amber-300, #fcd34d);
  --utility-amber-400: var(--color-amber-400, #fbbf24);
  --utility-amber-500: var(--color-amber-500, #f59e0b);
  --utility-amber-600: var(--color-amber-600, #d97706);
  --utility-amber-700: var(--color-amber-700, #b45309);
  --utility-yellow-50: var(--color-yellow-50, #fefce8);
  --utility-yellow-100: var(--color-yellow-100, #fef9c3);
  --utility-yellow-200: var(--color-yellow-200, #fef08a);
  --utility-yellow-300: var(--color-yellow-300, #fde047);
  --utility-yellow-400: var(--color-yellow-400, #facc15);
  --utility-yellow-500: var(--color-yellow-500, #eab308);
  --utility-yellow-600: var(--color-yellow-600, #ca8a04);
  --utility-yellow-700: var(--color-yellow-700, #a16207);
  --utility-green-50: var(--color-green-50, #f0fdf4);
  --utility-green-100: var(--color-green-100, #dcfce7);
  --utility-green-200: var(--color-green-200, #bbf7d0);
  --utility-green-300: var(--color-green-300, #86efac);
  --utility-green-400: var(--color-green-400, #4ade80);
  --utility-green-500: var(--color-green-500, #22c55e);
  --utility-green-600: var(--color-green-600, #16a34a);
  --utility-green-700: var(--color-green-700, #15803d);
  --utility-emerald-50: var(--color-emerald-50, #ecfdf5);
  --utility-emerald-100: var(--color-emerald-100, #d1fae5);
  --utility-emerald-200: var(--color-emerald-200, #a7f3d0);
  --utility-emerald-300: var(--color-emerald-300, #6ee7b7);
  --utility-emerald-400: var(--color-emerald-400, #34d399);
  --utility-emerald-500: var(--color-emerald-500, #10b981);
  --utility-emerald-600: var(--color-emerald-600, #059669);
  --utility-emerald-700: var(--color-emerald-700, #047857);
  --utility-sky-50: var(--color-sky-50, #f0f9ff);
  --utility-sky-100: var(--color-sky-100, #e0f2fe);
  --utility-sky-200: var(--color-sky-200, #bae6fd);
  --utility-sky-300: var(--color-sky-300, #7dd3fc);
  --utility-sky-400: var(--color-sky-400, #38bdf8);
  --utility-sky-500: var(--color-sky-500, #0ea5e9);
  --utility-sky-600: var(--color-sky-600, #0284c7);
  --utility-sky-700: var(--color-sky-700, #0369a1);
  --utility-blue-50: var(--color-blue-50, #eff6ff);
  --utility-blue-100: var(--color-blue-100, #dbeafe);
  --utility-blue-200: var(--color-blue-200, #bfdbfe);
  --utility-blue-300: var(--color-blue-300, #93c5fd);
  --utility-blue-400: var(--color-blue-400, #60a5fa);
  --utility-blue-500: var(--color-blue-500, #3b82f6);
  --utility-blue-600: var(--color-blue-600, #2563eb);
  --utility-blue-700: var(--color-blue-700, #1d4ed8);
  --utility-indigo-50: var(--color-indigo-50, #eef2ff);
  --utility-indigo-100: var(--color-indigo-100, #e0e7ff);
  --utility-indigo-200: var(--color-indigo-200, #c7d2fe);
  --utility-indigo-300: var(--color-indigo-300, #a5b4fc);
  --utility-indigo-400: var(--color-indigo-400, #818cf8);
  --utility-indigo-500: var(--color-indigo-500, #6366f1);
  --utility-indigo-600: var(--color-indigo-600, #4f46e5);
  --utility-indigo-700: var(--color-indigo-700, #4338ca);
  --utility-purple-50: var(--color-purple-50, #faf5ff);
  --utility-purple-100: var(--color-purple-100, #f3e8ff);
  --utility-purple-200: var(--color-purple-200, #e9d5ff);
  --utility-purple-300: var(--color-purple-300, #d8b4fe);
  --utility-purple-400: var(--color-purple-400, #c084fc);
  --utility-purple-500: var(--color-purple-500, #a855f7);
  --utility-purple-600: var(--color-purple-600, #9333ea);
  --utility-purple-700: var(--color-purple-700, #7e22ce);
  --utility-fuchsia-50: var(--color-fuchsia-50, #fdf4ff);
  --utility-fuchsia-100: var(--color-fuchsia-100, #fae8ff);
  --utility-fuchsia-200: var(--color-fuchsia-200, #f5d0fe);
  --utility-fuchsia-300: var(--color-fuchsia-300, #f0abfc);
  --utility-fuchsia-400: var(--color-fuchsia-400, #e879f9);
  --utility-fuchsia-500: var(--color-fuchsia-500, #d946ef);
  --utility-fuchsia-600: var(--color-fuchsia-600, #c026d3);
  --utility-fuchsia-700: var(--color-fuchsia-700, #a21caf);
  --utility-pink-50: var(--color-pink-50, #fdf2f8);
  --utility-pink-100: var(--color-pink-100, #fce7f3);
  --utility-pink-200: var(--color-pink-200, #fbcfe8);
  --utility-pink-300: var(--color-pink-300, #f9a8d4);
  --utility-pink-400: var(--color-pink-400, #f472b6);
  --utility-pink-500: var(--color-pink-500, #ec4899);
  --utility-pink-600: var(--color-pink-600, #db2777);
  --utility-pink-700: var(--color-pink-700, #be185d);
  --utility-slate-50: var(--color-slate-50, #f8fafc);
  --utility-slate-100: var(--color-slate-100, #f1f5f9);
  --utility-slate-200: var(--color-slate-200, #e2e8f0);
  --utility-slate-300: var(--color-slate-300, #cbd5e1);
  --utility-slate-400: var(--color-slate-400, #94a3b8);
  --utility-slate-500: var(--color-slate-500, #64748b);
  --utility-slate-600: var(--color-slate-600, #475569);
  --utility-slate-700: var(--color-slate-700, #334155);
  --app-store-badge-border: #a6a6a6;
  --avatar-styles-bg-neutral: #e0e0e0;
  --footer-button-fg: var(--color-brand-200, #a5f3fc);
  --footer-button-fg-hover: var(--color-base-white, #fff);
  --icon-fg-brand: var(--color-brand-600, #0891b2);
  --icon-fg-brand-on-brand: var(--color-brand-200, #a5f3fc);
  --featured-icon-light-fg-brand: var(--color-brand-600, #0891b2);
  --featured-icon-light-fg-gray: var(--color-neutral-500, #737373);
  --featured-icon-light-fg-error: var(--color-red-600, #dc2626);
  --featured-icon-light-fg-warning: var(--color-yellow-600, #ca8a04);
  --featured-icon-light-fg-success: var(--color-green-600, #16a34a);
  --screen-mockup-border: var(--color-neutral-900, #171717);
  --slider-handle-bg: var(--color-base-white, #fff);
  --slider-handle-border: var(--color-brand-600, #0891b2);
  --toggle-border: var(--color-neutral-300, #d4d4d4);
  --toggle-slim-border-pressed: var(--bg-brand-solid);
  --toggle-slim-border-pressed-hover: var(--bg-brand-solid-hover);
  --tooltip-supporting-text: var(--color-neutral-300, #d4d4d4);
  --text-editor-icon-fg: var(--color-neutral-400, #a3a3a3);
  --text-editor-icon-fg-active: var(--color-neutral-500, #737373);
  --utility-error-50: var(--utility-red-50);
  --utility-error-100: var(--utility-red-100);
  --utility-error-200: var(--utility-red-200);
  --utility-error-300: var(--utility-red-300);
  --utility-error-400: var(--utility-red-400);
  --utility-error-500: var(--utility-red-500);
  --utility-error-600: var(--utility-red-600);
  --utility-error-700: var(--utility-red-700);
  --utility-warning-50: var(--utility-yellow-50);
  --utility-warning-100: var(--utility-yellow-100);
  --utility-warning-200: var(--utility-yellow-200);
  --utility-warning-300: var(--utility-yellow-300);
  --utility-warning-400: var(--utility-yellow-400);
  --utility-warning-500: var(--utility-yellow-500);
  --utility-warning-600: var(--utility-yellow-600);
  --utility-warning-700: var(--utility-yellow-700);
  --utility-success-50: var(--utility-green-50);
  --utility-success-100: var(--utility-green-100);
  --utility-success-200: var(--utility-green-200);
  --utility-success-300: var(--utility-green-300);
  --utility-success-400: var(--utility-green-400);
  --utility-success-500: var(--utility-green-500);
  --utility-success-600: var(--utility-green-600);
  --utility-success-700: var(--utility-green-700);
  --focus-ring-shadow-xs:
    0 0 0 2px transparent,
    0 0 0 4px var(--focus-ring),
    0 1px 2px 0 var(--shadow-xs);
  --focus-ring-shadow-sm:
    0 0 0 2px transparent,
    0 0 0 4px var(--focus-ring),
    0 1px 2px -1px var(--shadow-sm-01),
    0 1px 3px 0 var(--shadow-sm-02);
  --focus-ring-error-shadow-xs:
    0 0 0 2px transparent,
    0 0 0 4px var(--focus-ring-error),
    0 1px 2px 0 var(--shadow-xs);
  --focus-ring-shadow-xs-skeuomorphic:
    0 0 0 2px transparent,
    0 0 0 4px var(--focus-ring),
    0 1px 2px 0 var(--shadow-xs),
    inset 0 -2px 0 0 var(--shadow-skeumorphic-inner),
    inset 0 0 0 1px var(--shadow-skeumorphic-inner-border);
  --focus-ring-error-shadow-xs-skeuomorphic:
    0 0 0 2px transparent,
    0 0 0 4px var(--focus-ring-error),
    0 1px 2px 0 var(--shadow-xs),
    inset 0 -2px 0 0 var(--shadow-skeumorphic-inner),
    inset 0 0 0 1px var(--shadow-skeumorphic-inner-border);
  --fg-brand-primary-900: var(--color-brand-400, #22d3ee);
  --store-badge-border: var(--app-store-badge-border);
  --text-brand-primary: var(--text-brand-primary-900);
  --text-brand-secondary: var(--text-brand-secondary-700);
}
.dark-theme .new-design-system,
.new-design-system.dark-theme {
  --text-primary-900: var(--color-neutral-50, #fafafa);
  --text-primary-on-brand: var(--color-slate-900, #0f172a);
  --text-secondary-700: var(--color-neutral-300, #d4d4d4);
  --text-secondary-hover: var(--color-neutral-200, #e5e5e5);
  --text-secondary-on-brand: var(--color-slate-600, #475569);
  --text-tertiary-600: var(--color-neutral-400, #a3a3a3);
  --text-tertiary-hover: var(--color-neutral-300, #d4d4d4);
  --text-tertiary-on-brand: var(--color-slate-500, #64748b);
  --text-quaternary-500: var(--color-neutral-400, #a3a3a3);
  --text-quaternary-on-brand: var(--color-slate-400, #94a3b8);
  --text-white: var(--color-base-white, #fff);
  --text-placeholder: var(--color-neutral-500, #737373);
  --text-brand-primary-900: var(--color-brand-400, #22d3ee);
  --text-brand-secondary-700: var(--color-brand-700, #0e7490);
  --text-brand-secondary-hover: var(--color-brand-600, #0891b2);
  --text-brand-tertiary-600: var(--color-brand-700, #0e7490);
  --text-brand-tertiary-alt: var(--color-brand-400, #22d3ee);
  --text-error-primary-600: var(--color-red-400, #f87171);
  --text-error-primary-hover: var(--color-red-300, #fca5a5);
  --text-warning-primary-600: var(--color-yellow-400, #facc15);
  --text-success-primary-600: var(--color-green-400, #4ade80);
  --text-success-primary-hover: var(--color-green-300, #86efac);
  --border-primary: var(--color-slate-800, #1e293b);
  --border-secondary: var(--color-slate-900, #0f172a);
  --border-secondary-alt: var(--color-slate-900, #0f172a);
  --border-tertiary: var(--color-slate-950, #020617);
  --border-brand: var(--color-brand-400, #22d3ee);
  --border-brand-alt: var(--color-brand-700, #0e7490);
  --border-error: var(--color-red-400, #f87171);
  --border-error-subtle: var(--color-red-500, #ef4444);
  --border-sucess: var(--color-green-400, #4ade80);
  --border-success-subtle: var(--color-green-500, #22c55e);
  --fg-primary-900: var(--color-base-white, #fff);
  --fg-secondary-700: var(--color-slate-300, #cbd5e1);
  --fg-secondary-hover: var(--color-slate-200, #e2e8f0);
  --fg-tertiary-600: var(--color-slate-400, #94a3b8);
  --fg-tertiary-hover: var(--color-slate-300, #cbd5e1);
  --fg-quaternary-400: var(--color-slate-500, #64748b);
  --fg-quaternary-hover: var(--color-slate-400, #94a3b8);
  --fg-white: var(--color-base-white, #fff);
  --fg-brand-primary-600: var(--color-brand-400, #22d3ee);
  --fg-brand-primary-alt: var(--color-brand-700, #0e7490);
  --fg-brand-secondary-500: var(--color-brand-500, #06b6d4);
  --fg-brand-secondary-alt: var(--color-brand-800, #155e75);
  --fg-brand-secondary-hover: var(--color-brand-700, #0e7490);
  --fg-error-primary: var(--color-red-500, #ef4444);
  --fg-error-secondary: var(--color-red-400, #f87171);
  --fg-warning-primary: var(--color-yellow-500, #eab308);
  --fg-warning-secondary: var(--color-yellow-400, #facc15);
  --fg-success-primary: var(--color-green-500, #22c55e);
  --fg-success-secondary: var(--color-green-400, #4ade80);
  --bg-primary: var(--color-slate-950, #020617);
  --bg-primary-alt: var(--color-slate-900, #0f172a);
  --bg-primary-hover: var(--color-slate-900, #0f172a);
  --bg-primary-solid: var(--color-slate-800, #1e293b);
  --bg-secondary: var(--color-slate-900, #0f172a);
  --bg-secondary-alt: var(--color-slate-950, #020617);
  --bg-secondary-hover: var(--color-slate-800, #1e293b);
  --bg-secondary-solid: var(--color-slate-600, #475569);
  --bg-tertiary: var(--color-slate-800, #1e293b);
  --bg-quaternary: var(--color-slate-700, #334155);
  --bg-overlay: var(--color-slate-800, #1e293b);
  --bg-brand-primary: var(--color-brand-400, #22d3ee);
  --bg-brand-primary-alt: var(--color-slate-900, #0f172a);
  --bg-brand-secondary: var(--color-brand-500, #06b6d4);
  --bg-brand-solid: var(--color-brand-500, #06b6d4);
  --bg-brand-solid-hover: var(--color-brand-400, #22d3ee);
  --bg-brand-section: var(--color-slate-900, #0f172a);
  --bg-brand-section-subtle: var(--color-slate-950, #020617);
  --bg-error-primary: var(--color-red-950, #450a0a);
  --bg-error-secondary: var(--color-red-600, #dc2626);
  --bg-error-solid: var(--color-red-600, #dc2626);
  --bg-error-solid-hover: var(--color-red-500, #ef4444);
  --bg-warning-primary: var(--color-yellow-950, #422006);
  --bg-warning-secondary: var(--color-yellow-600, #ca8a04);
  --bg-warning-solid: var(--color-yellow-600, #ca8a04);
  --bg-success-primary: var(--color-green-950, #052e16);
  --bg-success-secondary: var(--color-green-600, #16a34a);
  --bg-success-solid: var(--color-green-600, #16a34a);
  --bg-success-solid-hover: var(--color-green-500, #22c55e);
  --bg-table-alternate-default: #0c1426;
  --bg-table-alternate-hover-selected: #192538;
  --focus-ring: var(--color-brand-400, #22d3ee);
  --focus-ring-error: var(--color-red-500, #ef4444);
  --focus-ring-success: var(--color-green-500, #22c55e);
  --shadow-xs: rgb(148 163 184 / 4%);
  --shadow-sm-01: rgb(148 163 184 / 8%);
  --shadow-sm-02: rgb(148 163 184 / 8%);
  --shadow-md-01: rgb(148 163 184 / 8%);
  --shadow-md-02: rgb(148 163 184 / 4%);
  --shadow-lg-01: rgb(148 163 184 / 6%);
  --shadow-lg-02: rgb(148 163 184 / 2%);
  --shadow-lg-03: rgb(148 163 184 / 3%);
  --shadow-xl-01: rgb(148 163 184 / 6%);
  --shadow-xl-02: rgb(148 163 184 / 2%);
  --shadow-xl-03: rgb(148 163 184 / 3%);
  --shadow-2xl-01: rgb(148 163 184 / 12%);
  --shadow-2xl-02: rgb(148 163 184 / 3%);
  --shadow-3xl-01: rgb(148 163 184 / 10%);
  --shadow-3xl-02: rgb(148 163 184 / 3%);
  --shadow-skeumorphic-inner: rgb(0 0 0 / 5%);
  --shadow-skeumorphic-inner-border: rgb(0 0 0 / 18%);
  --shadow-main-centre-md: rgb(255 255 255 / 0%);
  --shadow-main-centre-lg: rgb(255 255 255 / 0%);
  --shadow-overlay-lg: rgb(255 255 255 / 0%);
  --shadow-grid-md: rgb(255 255 255 / 0%);
  --alpha-white-10: rgb(10 10 10 / 10%);
  --alpha-white-20: rgb(10 10 10 / 20%);
  --alpha-white-30: rgb(10 10 10 / 30%);
  --alpha-white-40: rgb(10 10 10 / 40%);
  --alpha-white-50: rgb(10 10 10 / 50%);
  --alpha-white-60: rgb(10 10 10 / 60%);
  --alpha-white-70: rgb(10 10 10 / 70%);
  --alpha-white-80: rgb(10 10 10 / 80%);
  --alpha-white-90: rgb(10 10 10 / 90%);
  --alpha-white-100: var(--color-neutral-950, #0a0a0a);
  --alpha-black-10: rgb(255 255 255 / 10%);
  --alpha-black-20: rgb(255 255 255 / 20%);
  --alpha-black-30: rgb(255 255 255 / 30%);
  --alpha-black-40: rgb(255 255 255 / 40%);
  --alpha-black-50: rgb(255 255 255 / 50%);
  --alpha-black-60: rgb(255 255 255 / 60%);
  --alpha-black-70: rgb(255 255 255 / 70%);
  --alpha-black-80: rgb(255 255 255 / 80%);
  --alpha-black-90: rgb(255 255 255 / 90%);
  --alpha-black-100: #fff;
  --utility-neutral-50: var(--color-neutral-900, #171717);
  --utility-neutral-100: var(--color-neutral-800, #262626);
  --utility-neutral-200: var(--color-neutral-700, #404040);
  --utility-neutral-300: var(--color-neutral-700, #404040);
  --utility-neutral-400: var(--color-neutral-600, #525252);
  --utility-neutral-500: var(--color-neutral-500, #737373);
  --utility-neutral-600: var(--color-neutral-400, #a3a3a3);
  --utility-neutral-700: var(--color-neutral-300, #d4d4d4);
  --utility-neutral-800: var(--color-neutral-200, #e5e5e5);
  --utility-neutral-900: var(--color-neutral-100, #f5f5f5);
  --utility-brand-50: var(--color-brand-950, #083344);
  --utility-brand-50-alt: var(--utility-neutral-50);
  --utility-brand-100: var(--color-brand-900, #164e63);
  --utility-brand-100-alt: var(--utility-neutral-100);
  --utility-brand-200: var(--color-brand-800, #155e75);
  --utility-brand-200-alt: var(--utility-neutral-200);
  --utility-brand-300: var(--color-brand-700, #0e7490);
  --utility-brand-300-alt: var(--utility-neutral-300);
  --utility-brand-400: var(--color-brand-600, #0891b2);
  --utility-brand-400-alt: var(--utility-neutral-400);
  --utility-brand-500: var(--color-brand-500, #06b6d4);
  --utility-brand-500-alt: var(--utility-neutral-500);
  --utility-brand-600: var(--color-brand-400, #22d3ee);
  --utility-brand-600-alt: var(--utility-neutral-600);
  --utility-brand-700: var(--color-brand-300, #67e8f9);
  --utility-brand-700-alt: var(--utility-neutral-700);
  --utility-brand-800: var(--color-brand-200, #a5f3fc);
  --utility-brand-800-alt: var(--utility-neutral-800);
  --utility-brand-900: var(--color-brand-100, #cffafe);
  --utility-brand-900-alt: var(--utility-neutral-900);
  --utility-red-50: var(--color-red-950, #450a0a);
  --utility-red-100: var(--color-red-900, #7f1d1d);
  --utility-red-200: var(--color-red-800, #991b1b);
  --utility-red-300: var(--color-red-700, #b91c1c);
  --utility-red-400: var(--color-red-600, #dc2626);
  --utility-red-500: var(--color-red-500, #ef4444);
  --utility-red-600: var(--color-red-400, #f87171);
  --utility-red-700: var(--color-red-300, #fca5a5);
  --utility-orange-50: var(--color-orange-950, #431407);
  --utility-orange-100: var(--color-orange-900, #7c2d12);
  --utility-orange-200: var(--color-orange-800, #9a3412);
  --utility-orange-300: var(--color-orange-700, #c2410c);
  --utility-orange-400: var(--color-orange-600, #ea580c);
  --utility-orange-500: var(--color-orange-500, #f97316);
  --utility-orange-600: var(--color-orange-400, #fb923c);
  --utility-orange-700: var(--color-orange-300, #fdba74);
  --utility-amber-50: var(--color-amber-950, #451a03);
  --utility-amber-100: var(--color-amber-900, #78350f);
  --utility-amber-200: var(--color-amber-800, #92400e);
  --utility-amber-300: var(--color-amber-700, #b45309);
  --utility-amber-400: var(--color-amber-600, #d97706);
  --utility-amber-500: var(--color-amber-500, #f59e0b);
  --utility-amber-600: var(--color-amber-400, #fbbf24);
  --utility-amber-700: var(--color-amber-300, #fcd34d);
  --utility-yellow-50: var(--color-yellow-950, #422006);
  --utility-yellow-100: var(--color-yellow-900, #713f12);
  --utility-yellow-200: var(--color-yellow-800, #854d0e);
  --utility-yellow-300: var(--color-yellow-700, #a16207);
  --utility-yellow-400: var(--color-yellow-600, #ca8a04);
  --utility-yellow-500: var(--color-yellow-500, #eab308);
  --utility-yellow-600: var(--color-yellow-400, #facc15);
  --utility-yellow-700: var(--color-yellow-300, #fde047);
  --utility-green-50: var(--color-green-950, #052e16);
  --utility-green-100: var(--color-green-900, #14532d);
  --utility-green-200: var(--color-green-800, #166534);
  --utility-green-300: var(--color-green-700, #15803d);
  --utility-green-400: var(--color-green-600, #16a34a);
  --utility-green-500: var(--color-green-500, #22c55e);
  --utility-green-600: var(--color-green-400, #4ade80);
  --utility-green-700: var(--color-green-300, #86efac);
  --utility-emerald-50: var(--color-emerald-950, #022c22);
  --utility-emerald-100: var(--color-emerald-900, #064e3b);
  --utility-emerald-200: var(--color-emerald-800, #065f46);
  --utility-emerald-300: var(--color-emerald-700, #047857);
  --utility-emerald-400: var(--color-emerald-600, #059669);
  --utility-emerald-500: var(--color-emerald-500, #10b981);
  --utility-emerald-600: var(--color-emerald-400, #34d399);
  --utility-emerald-700: var(--color-emerald-300, #6ee7b7);
  --utility-sky-50: var(--color-sky-950, #082f49);
  --utility-sky-100: var(--color-sky-900, #0c4a6e);
  --utility-sky-200: var(--color-sky-800, #075985);
  --utility-sky-300: var(--color-sky-700, #0369a1);
  --utility-sky-400: var(--color-sky-600, #0284c7);
  --utility-sky-500: var(--color-sky-500, #0ea5e9);
  --utility-sky-600: var(--color-sky-400, #38bdf8);
  --utility-sky-700: var(--color-sky-300, #7dd3fc);
  --utility-blue-50: var(--color-blue-950, #172554);
  --utility-blue-100: var(--color-blue-900, #1e3a8a);
  --utility-blue-200: var(--color-blue-800, #1e40af);
  --utility-blue-300: var(--color-blue-700, #1d4ed8);
  --utility-blue-400: var(--color-blue-600, #2563eb);
  --utility-blue-500: var(--color-blue-500, #3b82f6);
  --utility-blue-600: var(--color-blue-400, #60a5fa);
  --utility-blue-700: var(--color-blue-300, #93c5fd);
  --utility-indigo-50: var(--color-indigo-950, #1e1b4b);
  --utility-indigo-100: var(--color-indigo-900, #312e81);
  --utility-indigo-200: var(--color-indigo-800, #3730a3);
  --utility-indigo-300: var(--color-indigo-700, #4338ca);
  --utility-indigo-400: var(--color-indigo-600, #4f46e5);
  --utility-indigo-500: var(--color-indigo-500, #6366f1);
  --utility-indigo-600: var(--color-indigo-400, #818cf8);
  --utility-indigo-700: var(--color-indigo-300, #a5b4fc);
  --utility-purple-50: var(--color-purple-950, #3b0764);
  --utility-purple-100: var(--color-purple-900, #581c87);
  --utility-purple-200: var(--color-purple-800, #6b21a8);
  --utility-purple-300: var(--color-purple-700, #7e22ce);
  --utility-purple-400: var(--color-purple-600, #9333ea);
  --utility-purple-500: var(--color-purple-500, #a855f7);
  --utility-purple-600: var(--color-purple-400, #c084fc);
  --utility-purple-700: var(--color-purple-300, #d8b4fe);
  --utility-fuchsia-50: var(--color-fuchsia-950, #4a044e);
  --utility-fuchsia-100: var(--color-fuchsia-900, #701a75);
  --utility-fuchsia-200: var(--color-fuchsia-800, #86198f);
  --utility-fuchsia-300: var(--color-fuchsia-700, #a21caf);
  --utility-fuchsia-400: var(--color-fuchsia-600, #c026d3);
  --utility-fuchsia-500: var(--color-fuchsia-500, #d946ef);
  --utility-fuchsia-600: var(--color-fuchsia-400, #e879f9);
  --utility-fuchsia-700: var(--color-fuchsia-300, #f0abfc);
  --utility-pink-50: var(--color-pink-950, #500724);
  --utility-pink-100: var(--color-pink-900, #831843);
  --utility-pink-200: var(--color-pink-800, #9d174d);
  --utility-pink-300: var(--color-pink-700, #be185d);
  --utility-pink-400: var(--color-pink-600, #db2777);
  --utility-pink-500: var(--color-pink-500, #ec4899);
  --utility-pink-600: var(--color-pink-400, #f472b6);
  --utility-pink-700: var(--color-pink-300, #f9a8d4);
  --utility-slate-50: var(--color-slate-950, #020617);
  --utility-slate-100: var(--color-slate-900, #0f172a);
  --utility-slate-200: var(--color-slate-800, #1e293b);
  --utility-slate-300: var(--color-slate-700, #334155);
  --utility-slate-400: var(--color-slate-600, #475569);
  --utility-slate-500: var(--color-slate-500, #64748b);
  --utility-slate-600: var(--color-slate-400, #94a3b8);
  --utility-slate-700: var(--color-slate-300, #cbd5e1);
  --app-store-badge-border: var(--color-base-white, #fff);
  --avatar-styles-bg-neutral: #e0e0e0;
  --footer-button-fg: var(--color-neutral-300, #d4d4d4);
  --footer-button-fg-hover: var(--color-neutral-100, #f5f5f5);
  --icon-fg-brand: var(--color-brand-400, #22d3ee);
  --icon-fg-brand-on-brand: var(--color-slate-900, #0f172a);
  --featured-icon-light-fg-brand: var(--color-brand-200, #a5f3fc);
  --featured-icon-light-fg-gray: var(--color-neutral-200, #e5e5e5);
  --featured-icon-light-fg-error: var(--color-red-200, #fecaca);
  --featured-icon-light-fg-warning: var(--color-yellow-200, #fef08a);
  --featured-icon-light-fg-success: var(--color-green-200, #bbf7d0);
  --screen-mockup-border: var(--color-neutral-700, #404040);
  --slider-handle-bg: var(--fg-brand-primary-600);
  --slider-handle-border: var(--bg-primary);
  --toggle-border: rgb(255 255 255 / 0%);
  --toggle-slim-border-pressed: rgb(255 255 255 / 0%);
  --toggle-slim-border-pressed-hover: rgb(255 255 255 / 0%);
  --tooltip-supporting-text: var(--color-neutral-300, #d4d4d4);
  --text-editor-icon-fg: var(--color-neutral-400, #a3a3a3);
  --text-editor-icon-fg-active: var(--color-base-white, #fff);
}
.new-design-system .p-badge {
  --badge-border-radius: var(--radius-full);
  --badge-font-weight: var(--font-weight-medium);
  font-family: var(--font-family-body);
}
.new-design-system .p-badge.dxt-badge-sm {
  --badge-font-size: var(--font-size-text-xs);
  --badge-height: 1.7142857143rem;
  --badge-min-width: 1.7142857143rem;
  --badge-padding: 0 var(--spacing-md);
  line-height: var(--line-height-text-xs);
}
.new-design-system .p-badge-info {
  --badge-info-background: var(--utility-brand-50);
  --badge-info-color: var(--utility-brand-700);
  border: 1px solid var(--utility-brand-200);
}
.new-design-system .dxt-button.dxt-button-tertiary {
  display: flex;
  padding: var(--spacing-md);
  gap: var(--spacing-xs, 4px);
  background: transparent;
  justify-content: center;
  align-items: center;
  color: var(--text-primary-900);
  border-radius: var(--radius-md);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-text-sm);
  cursor: pointer;
}
.new-design-system .dxt-button.dxt-button-tertiary:hover {
  background-color: var(--bg-primary);
}
.new-design-system .dxt-button.dxt-button-tertiary:focus-visible,
.new-design-system .dxt-button.dxt-button-tertiary:active {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--focus-ring);
}
.new-design-system .dxt-button.dxt-button-tertiary svg {
  height: 1.4285714286rem;
  width: 1.4285714286rem;
}
.new-design-system .p-button {
  --button-primary-color: var(--text-primary-on-brand);
  --button-primary-hover-color: var(--text-primary-on-brand);
  --button-primary-background: var(--bg-brand-primary);
  --button-primary-border-color: var(--bg-brand-primary);
  --button-primary-hover-background: var(--bg-brand-secondary);
  --button-primary-hover-border-color: var(--bg-brand-secondary);
  --disabled-opacity: 0.5;
  --button-label-font-weight: var(--font-weight-bold);
  text-transform: none;
  font-weight: var(--button-label-font-weight);
  font-family: var(--font-family-display);
}
.new-design-system .p-button * {
  font-weight: var(--button-label-font-weight);
}
.new-design-system .p-button fa-icon {
  display: flex;
}
.new-design-system .p-button.p-button-primary {
  --button-primary-color: var(--text-primary-on-brand);
  --button-primary-hover-color: var(--text-primary-on-brand);
  --button-primary-background: var(--bg-brand-primary);
  --button-primary-border-color: var(--bg-brand-primary);
  --button-primary-hover-background: var(--bg-brand-secondary);
  --button-primary-hover-border-color: var(--bg-brand-secondary);
}
.new-design-system .p-button.p-button-secondary {
  --button-secondary-background: var(--bg-primary-solid);
  --button-secondary-border-color: transparent;
  --button-secondary-color: var(--text-primary-900);
  --button-secondary-hover-background: var(--bg-primary);
  --button-secondary-hover-color: var(--text-secondary-700);
  --button-secondary-hover-border-color: var(--border-primary);
}
.new-design-system .p-button.p-button-secondary.p-button-loading {
  --button-secondary-background: var(--bg-primary);
  --button-secondary-border-color: var(--border-primary);
  --button-secondary-color: var(--text-tertiary-600);
}
.new-design-system .p-button.p-button-success {
  --button-success-color: var(--text-white);
  --button-success-background: var(--bg-success-solid);
  --button-success-border-color: var(--bg-success-solid);
}
.new-design-system .p-button.p-button-success:hover {
  --button-success-hover-background: var(--bg-success-solid-hover);
  --button-success-hover-border-color: var(--bg-success-solid-hover);
  --button-success-hover-color: var(--text-white);
}
.new-design-system .p-button.p-button-success.p-button-outlined {
  --button-outlined-success-border-color: var(--border-success-subtle);
  --button-outlined-success-color: var(--text-success-primary-600);
  --button-outlined-success-hover-background: var(--bg-success-primary);
  --button-success-color: var(--text-success-primary-600);
}
.new-design-system .p-button.p-button-success.p-button-outlined:hover {
  background-color: var(--button-outlined-success-hover-background);
  color: var(--text-success-primary-hover);
}
.new-design-system .p-button.p-button-danger {
  --button-danger-color: var(--text-white);
  --button-danger-background: var(--bg-error-solid);
  --button-danger-border-color: var(--bg-error-solid);
}
.new-design-system .p-button.p-button-danger:hover {
  --button-danger-hover-background: var(--bg-error-solid-hover);
  --button-danger-hover-border-color: var(--bg-error-solid-hover);
  --button-danger-hover-color: var(--text-white);
}
.new-design-system .p-button.p-button-danger.p-button-outlined {
  --button-outlined-danger-border-color: var(--border-error-subtle);
  --button-outlined-danger-color: var(--text-error-primary-600);
  --button-outlined-danger-hover-background: var(--bg-error-primary);
  --button-success-color: var(--text-error-primary-600);
}
.new-design-system .p-button.p-button-danger.p-button-outlined:hover {
  background-color: var(--button-outlined-danger-hover-background);
  color: var(--text-error-primary-hover);
}
.new-design-system .p-button.p-button-text.p-button-primary {
  --button-text-primary-color: var(--text-brand-primary-900);
  --button-text-primary-hover-background: var(--bg-brand-primary-alt);
  --button-text-primary-active-background: var(--bg-brand-primary-alt);
}
.new-design-system .p-button.p-button-text.p-button-warn {
  --button-text-warn-color: var(--text-warning-primary-600);
  --button-text-warn-hover-background: var(--bg-warning-primary);
  --button-text-warn-active-background: var(--bg-warning-primary);
}
.new-design-system .p-button.p-button-text.p-button-danger {
  --button-text-danger-color: var(--text-error-primary-600);
  --button-text-danger-hover-background: var(--bg-error-primary);
  --button-text-danger-active-background: var(--bg-error-primary);
}
.new-design-system .p-button.p-button-contrast {
  --button-outlined-contrast-border-color: var(--store-badge-border);
  --button-outlined-contrast-color: var(--base-white);
  background: var(--base-black);
}
.new-design-system .p-button .p-button-label {
  text-transform: none;
  white-space: nowrap;
}
.new-design-system .p-button.dxt-button-sm {
  --button-padding-y: var(--spacing-md);
  --button-padding-x: var(--spacing-lg);
}
.new-design-system .p-button.dxt-button-sm .p-button-label {
  font-size: var(--font-size-text-sm);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-button.dxt-button-md {
  --button-padding-y: 0.7142857143rem;
  --button-padding-x: 1rem;
}
.new-design-system .p-button.dxt-button-md .p-button-label {
  font-size: var(--font-size-text-sm);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-button.dxt-button-lg {
  --button-padding-y: 0.7142857143rem;
  --button-padding-x: var(--spacing-xl);
  font-size: var(--font-size-text-md);
  line-height: var(--line-height-text-md);
}
.new-design-system .p-button.dxt-button-lg .p-button-label {
  font-size: var(--font-size-text-md);
  line-height: var(--line-height-text-md);
}
.new-design-system .p-button.dxt-button-xl {
  --button-padding-y: var(--spacing-lg);
  --button-padding-x: 1.2857142857rem;
}
.new-design-system .p-button.dxt-button-xl .p-button-label {
  font-size: var(--font-size-text-md);
  line-height: var(--line-height-text-md);
}
.new-design-system .p-button.dxt-button-action {
  --button-primary-color: var(--text-tertiary-600);
  --button-primary-hover-color: var(--text-tertiary-600);
  --button-primary-background: var(--bg-primary);
  --button-primary-border-color: var(--bg-primary);
  --button-primary-hover-background: var(--bg-primary);
  --button-primary-hover-border-color: var(--bg-primary);
  --button-padding-y: 0.3571428571rem;
  --button-padding-x: 0.3571428571rem;
  height: 2.2857142857rem;
  width: 2.2857142857rem;
}
.new-design-system .p-button.dxt-button-action fa-icon {
  display: flex;
}
.new-design-system .p-blockui .block-content {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.new-design-system .p-blockui.p-overlay-mask {
  background: var(--bg-primary) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--bg-primary) 70%) !important;
  }
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 2 !important;
}
.new-design-system .p-dialog {
  --dialog-border-color: transparent;
  --dialog-border-radius: var(--radius-lg);
  --overlay-modal-background: var(--bg-primary-alt);
  --dialog-content-padding: var(--spacing-3xl);
  width: 30rem;
}
.new-design-system .p-dialog.dxt-dialog-bigger {
  width: 35.7142857143rem;
}
@media (max-width: 767px) {
  .new-design-system .p-dialog {
    width: 90% !important;
  }
}
.new-design-system .p-checkbox {
  --checkbox-border-radius: var(--radius-xs);
}
.new-design-system .p-checkbox input {
  border-color: var(--border-primary);
}
.new-design-system .p-card {
  --card-background: var(--bg-secondary);
  --card-body-padding: var(--spacing-2xl);
  --card-border-radius: var(--radius-md);
  overflow: hidden;
}
.new-design-system .p-card-header {
  background: var(--bg-secondary-hover);
  padding: var(--spacing-xl) var(--spacing-2xl);
}
.new-design-system .p-tag {
  --tag-border-radius: var(--radius-md);
  --tag-icon-size: 1.2857142857rem;
  --tag-gap: var(--spacing-sm);
  --tag-primary-background: var(--utility-slate-50);
  --tag-primary-color: var(--utility-slate-700);
  --tag-icon-color: var(--utility-slate-500);
  border: solid 1px var(--utility-slate-200);
  font-family: var(--font-family-body);
}
.new-design-system .p-tag-rounded {
  --tag-rounded-border-radius: var(--radius-full);
}
.new-design-system .p-tag-label {
  --tag-font-weight: var(--font-weight-medium);
  font-weight: var(--tag-font-weight) !important;
}
.new-design-system .p-tag-label:empty {
  display: none;
}
.new-design-system .p-tag fa-icon {
  display: flex;
}
.new-design-system .p-tag-danger {
  --tag-danger-background: var(--utility-red-50);
  --tag-danger-color: var(--utility-red-700);
  border: solid 1px var(--utility-red-200);
}
.new-design-system .p-tag-danger fa-icon {
  color: var(--utility-red-500);
}
.new-design-system .p-tag-warn {
  --tag-warn-background: var(--utility-yellow-50);
  --tag-warn-color: var(--utility-yellow-700);
  border: solid 1px var(--utility-yellow-200);
}
.new-design-system .p-tag-warn fa-icon {
  color: var(--utility-yellow-700);
}
.new-design-system .p-tag-success {
  --tag-success-background: var(--utility-green-50);
  --tag-success-color: var(--utility-green-700);
  border: solid 1px var(--utility-green-200);
}
.new-design-system .p-tag-success fa-icon {
  color: var(--utility-green-500);
}
.new-design-system .p-tag-secondary {
  --tag-secondary-background: var(--utility-neutral-50);
  --tag-secondary-color: var(--utility-neutral-700);
  --tag-icon-color: var(--utility-neutral-500);
  border: solid 1px var(--utility-neutral-200);
}
.new-design-system .p-tag-info {
  --tag-info-background: var(--utility-brand-50);
  --tag-info-color: var(--utility-brand-700);
  --tag-icon-color: var(--utility-brand-500);
  border: solid 1px var(--utility-brand-200);
}
.new-design-system .p-tag-contrast {
  --tag-contrast-background: var(--fg-brand-primary-600);
  --tag-contrast-color: var(--text-primary-on-brand);
  border: solid 1px var(--fg-brand-primary-600);
}
.new-design-system .p-tag-contrast fa-icon {
  color: var(--text-primary-on-brand);
}
.new-design-system .p-tag.dxt-tag-xl {
  --tag-padding: var(--spacing-md) var(--spacing-lg);
  --tag-font-size: var(--font-size-text-lg);
  --tag-font-weight: var(--font-weight-semibold);
}
.new-design-system .p-tag.dxt-tag-lg {
  --tag-padding: var(--spacing-xs) var(--spacing-lg);
  --tag-font-size: var(--font-size-text-sm);
  --tag-font-weight: var(--font-weight-medium);
  --tag-gap: var(--spacing-xs);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-tag.dxt-tag-md {
  --tag-padding: var(--spacing-xxs) 0.7142857143rem;
  --tag-font-size: var(--font-size-text-sm);
  --tag-font-weight: var(--font-weight-medium);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-tag.dxt-tag-md fa-icon {
  font-size: var(--font-size-text-xs);
}
.new-design-system .p-tag.dxt-tag-sm {
  --tag-padding: var(--spacing-xxs) var(--spacing-md);
  line-height: var(--line-height-text-xs);
}
.new-design-system .p-tag.dxt-tag-rounded {
  --tag-border-radius: var(--radius-full);
}
.new-design-system .p-inputotp-input {
  --inputtext-border-color: var(--bg-primary);
  --inputtext-background: var(--bg-primary);
  --inputtext-border-radius: var(--radius-md);
  --inputtext-padding-x: 1rem;
  --inputtext-padding-y: 1rem;
  width: 3.1428571429rem;
  height: 3.1428571429rem;
}
.new-design-system .p-inputotp-input::placeholder {
  color: var(--text-placeholder);
}
.new-design-system .p-chip {
  --chip-background: var(--utility-neutral-50);
  --chip-color: var(--utility-neutral-700);
  --chip-border-color: var(--utility-neutral-200);
  --chip-padding-y: var(--spacing-xs);
  --chip-padding-x: var(--spacing-lg);
  border: solid 1px var(--chip-border-color);
}
.new-design-system .p-chip.p-chip-secondary {
  --chip-background: var(--utility-neutral-50);
  --chip-color: var(--utility-neutral-700);
  --chip-border-color: var(--utility-neutral-200);
}
.new-design-system .p-chip.p-chip-primary {
  --chip-background: var(--utility-brand-50);
  --chip-color: var(--utility-brand-700);
  --chip-border-color: var(--utility-brand-200);
}
.new-design-system .p-chip.p-chip-danger {
  --chip-background: var(--utility-error-50);
  --chip-color: var(--utility-error-700);
  --chip-border-color: var(--utility-error-200);
}
.new-design-system .p-chip.p-chip-warn {
  --chip-background: var(--utility-warning-50);
  --chip-color: var(--utility-warning-700);
  --chip-border-color: var(--utility-warning-200);
}
.new-design-system .p-chip.p-chip-success {
  --chip-background: var(--utility-success-50);
  --chip-color: var(--utility-success-700);
  --chip-border-color: var(--utility-success-200);
}
.new-design-system .p-inputtext {
  --inputtext-background: var(--bg-primary);
  --inputtext-border-color: var(--fg-quaternary-400);
  --inputtext-hover-border-color: var(--bg-primary);
  --inputtext-border-radius: var(--radius-md);
  --inputtext-padding-y: var(--spacing-md);
  --inputtext-padding-x: var(--spacing-lg);
  --inputtext-color: var(--text-primary-900);
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--font-family-body);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-inputtext::placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-placeholder);
  font-family: var(--font-family-body);
  font-size: var(--font-size-text-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-text-md);
}
.new-design-system .p-inputtext.dxt-inputtext-lg {
  --inputtext-padding-y: 0.5714285714rem;
  --inputtext-padding-x: var(--spacing-xl);
  font-size: var(--font-size-text-md);
  line-height: var(--line-height-text-md);
}
.new-design-system .p-inputicon {
  --iconfield-icon-color: var(--fg-quaternary-400);
  --icon-size: 1.4285714286rem;
}
.new-design-system .p-inputicon svg {
  font-size: 1.4285714286rem;
  color: var(--fg-quaternary-400);
}
.new-design-system .p-iconfield .p-inputtext:not(:first-child) {
  padding-left: 2.8571428571rem;
}
.new-design-system .p-inputgroup {
  --inputgroup-border-color: var(--border-primary);
  --inputgroup-hover-border-color: var(--border-brand);
  --inputgroup-icon-size: var(--font-size-text-md);
  --inputgroup-icon-color: var(--alpha-black-100);
  align-items: center;
  background: var(--bg-primary);
  border: 1px solid var(--inputgroup-border-color);
  border-radius: var(--radius-md);
}
.new-design-system .p-inputgroup:has(> .p-inputtext) {
  --inputgroup-border-color: var(--bg-primary);
  --inputgroup-hover-border-color: var(--bg-primary);
  --inputgroup-icon-size: 1.4285714286rem;
  --inputgroup-icon-color: var(--fg-quaternary-400);
}
.new-design-system .p-inputgroup:hover {
  border-color: var(--inputgroup-hover-border-color);
}
.new-design-system .p-inputgroup:focus-within {
  border-color: var(--border-brand);
}
.new-design-system .p-inputgroup .p-inputtext,
.new-design-system .p-inputgroup .p-select {
  background: transparent;
  border-color: transparent;
  border-width: 0;
}
.new-design-system .p-inputgroup .p-inputtext:hover,
.new-design-system .p-inputgroup .p-inputtext:focus,
.new-design-system .p-inputgroup .p-inputtext:focus-visible,
.new-design-system .p-inputgroup .p-inputtext.p-focus,
.new-design-system .p-inputgroup .p-select:hover,
.new-design-system .p-inputgroup .p-select:focus,
.new-design-system .p-inputgroup .p-select:focus-visible,
.new-design-system .p-inputgroup .p-select.p-focus {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  outline: 0 none;
}
.new-design-system .p-inputgroup .p-inputgroupaddon + .p-inputtext {
  padding-inline-start: 0;
}
.new-design-system .p-inputgroup .p-inputgroupaddon + .p-select .p-select-label {
  padding-inline-start: 0;
}
.new-design-system .p-inputgroupaddon {
  --inputgroup-addon-background: transparent;
  --inputgroup-addon-border-color: transparent;
  --inputgroup-addon-color: var(--fg-quaternary-400);
  --inputgroup-addon-min-width: auto;
  --inputgroup-addon-padding: 0 var(--spacing-lg);
}
.new-design-system .p-inputgroupaddon .pi,
.new-design-system .p-inputgroupaddon svg {
  display: block;
  font-size: var(--inputgroup-icon-size, var(--font-size-text-md));
  color: var(--inputgroup-icon-color, var(--alpha-black-100));
}
.new-design-system .p-inputgroupaddon:last-child {
  --inputgroup-addon-padding: 0 var(--spacing-md);
  --inputgroup-icon-size: 1.1428571429rem;
}
.new-design-system {
  --select-background: var(--bg-primary);
  --select-color: var(--text-secondary-700);
  --select-border-color: var(--border-primary);
  --select-hover-border-color: var(--border-brand);
  --select-focus-border-color: var(--border-brand);
  --select-border-radius: var(--radius-md);
  --select-dropdown-color: var(--fg-quaternary-400);
  --select-padding-y: var(--spacing-md);
  --select-padding-x: var(--spacing-lg);
  --select-dropdown-width: 2.4285714286rem;
  --select-overlay-background: var(--bg-primary);
  --select-overlay-border-color: transparent;
  --select-overlay-border-radius: var(--radius-md);
  --select-list-padding: var(--spacing-xs) 0;
  --select-option-padding: 0.7142857143rem 0 var(--spacing-md) 0.7142857143rem;
  --select-option-border-radius: var(--radius-sm);
  --select-option-color: var(--text-primary-900);
  --select-option-group-font-weight: 500;
  --select-option-focus-background: var(--bg-primary-hover);
  --select-option-focus-color: var(--text-secondary-700);
  --select-option-selected-background: var(--bg-primary-hover);
  --select-option-selected-color: var(--text-primary-900);
  --select-option-selected-focus-background: var(--bg-primary-hover);
  --select-option-selected-focus-color: var(--text-secondary-700);
  --select-checkmark-color: var(--bg-brand-primary);
}
.new-design-system .p-select {
  border-width: 0.0714285714rem;
  align-items: center;
  cursor: pointer;
  height: 3.1428571429rem;
}
.new-design-system .p-select-option {
  height: 3.1428571429rem;
}
.new-design-system .p-select-label {
  font-family: var(--font-family-body);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-text-sm) !important;
}
.new-design-system .p-select-overlay,
.new-design-system.p-select-overlay {
  border-width: 0.0714285714rem;
  box-shadow:
    0 12px 16px -4px var(--shadow-lg-01),
    0 4px 6px -2px var(--shadow-lg-02),
    0 2px 2px -1px var(--shadow-lg-03);
}
.new-design-system .select-with-icon {
  --select-icon-size: var(--font-size-text-xs);
  display: flex;
  align-items: center;
  position: relative;
}
.new-design-system .select-with-icon > p-select {
  flex: 1 1 auto;
  min-width: 0;
}
.new-design-system .select-with-icon > .pi {
  position: absolute;
  inset-inline-start: var(--select-padding-x);
  top: 50%;
  translate: 0 -50%;
  font-size: var(--select-icon-size);
  color: var(--fg-primary-900);
  z-index: 1;
  pointer-events: none;
}
.new-design-system .select-with-icon .p-select-label {
  padding-inline-start: calc(var(--select-padding-x) + var(--spacing-md) + var(--select-icon-size));
}
.new-design-system .p-select-option-check-icon,
.new-design-system .p-select-option-blank-icon {
  order: 1;
  margin-inline: auto calc(-1 * 0.1428571429rem);
}
.new-design-system .p-selectbutton {
  --selectbutton-border-radius: var(--radius-lg);
  --togglebutton-background: transparent;
  --togglebutton-border-color: transparent;
  --togglebutton-color: var(--fg-quaternary-400);
  --togglebutton-hover-background: transparent;
  --togglebutton-hover-color: var(--fg-quaternary-hover);
  --togglebutton-checked-background: var(--bg-primary-alt);
  --togglebutton-checked-border-color: var(--bg-primary-alt);
  --togglebutton-checked-color: var(--fg-quaternary-hover);
  --togglebutton-border-radius: var(--radius-sm);
  --togglebutton-padding: var(--spacing-md);
  --togglebutton-font-weight: var(--font-weight-semibold);
  --togglebutton-content-padding: var(--spacing-md);
  --togglebutton-content-border-radius: var(--radius-sm);
  --togglebutton-content-checked-background: transparent;
  --togglebutton-content-checked-shadow: none;
  --togglebutton-icon-color: var(--fg-quaternary-400);
  --togglebutton-icon-hover-color: var(--fg-quaternary-hover);
  --togglebutton-icon-checked-color: var(--fg-quaternary-hover);
  background: var(--bg-secondary-alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--selectbutton-border-radius);
  padding: var(--spacing-xs);
  gap: var(--spacing-xs);
}
.new-design-system .p-selectbutton .p-togglebutton {
  border-width: 0;
  border-radius: var(--togglebutton-border-radius);
  font-family: var(--font-family-body);
  font-size: var(--font-size-text-sm);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-selectbutton.dxt-selectbutton-sm {
  --togglebutton-padding: var(--spacing-xs) var(--spacing-md);
  --togglebutton-content-padding: var(--spacing-xs) var(--spacing-md);
  padding: var(--spacing-xxs);
  gap: var(--spacing-xxs);
}
.new-design-system .p-selectbutton.dxt-selectbutton-sm .p-togglebutton {
  font-size: var(--font-size-text-xs);
  line-height: var(--line-height-text-xs);
}
.new-design-system {
  --multiselect-background: var(--bg-primary);
  --multiselect-color: var(--text-secondary-700);
  --multiselect-placeholder-color: var(--text-placeholder);
  --multiselect-border-color: var(--border-primary);
  --multiselect-hover-border-color: var(--border-brand);
  --multiselect-focus-border-color: var(--border-brand);
  --multiselect-border-radius: var(--radius-md);
  --multiselect-padding-y: var(--spacing-md);
  --multiselect-padding-x: var(--spacing-lg);
  --multiselect-dropdown-color: var(--fg-quaternary-400);
  --multiselect-dropdown-width: 2.4285714286rem;
  --multiselect-clear-icon-color: var(--fg-quaternary-400);
  --multiselect-chip-border-radius: var(--radius-full);
  --multiselect-overlay-background: var(--bg-primary);
  --multiselect-overlay-color: var(--text-primary-900);
  --multiselect-overlay-border-color: transparent;
  --multiselect-overlay-border-radius: var(--radius-md);
  --multiselect-list-padding: var(--spacing-xs);
  --multiselect-list-gap: var(--spacing-xxs);
  --multiselect-list-header-padding: var(--spacing-xs);
  --multiselect-option-padding: 0.7142857143rem var(--spacing-md);
  --multiselect-option-border-radius: var(--radius-sm);
  --multiselect-option-gap: var(--spacing-md);
  --multiselect-option-color: var(--text-primary-900);
  --multiselect-option-focus-background: var(--bg-primary-hover);
  --multiselect-option-focus-color: var(--text-primary-900);
  --multiselect-option-selected-background: transparent;
  --multiselect-option-selected-color: var(--text-primary-900);
  --multiselect-option-selected-focus-background: var(--bg-primary-hover);
  --multiselect-option-selected-focus-color: var(--text-primary-900);
  --multiselect-option-group-color: var(--text-tertiary-600);
  --multiselect-option-group-font-weight: var(--font-weight-semibold);
  --multiselect-empty-message-padding: 0.7142857143rem var(--spacing-md);
}
.new-design-system .p-multiselect {
  border-width: 0.0714285714rem;
  align-items: center;
  cursor: pointer;
  height: 3.1428571429rem;
}
.new-design-system .p-multiselect.p-disabled {
  --multiselect-disabled-background: var(--multiselect-background);
  --multiselect-disabled-color: var(--multiselect-color);
  opacity: 0.5;
}
.new-design-system .p-multiselect-label {
  font-family: var(--font-family-body);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-text-sm) !important;
}
.new-design-system .p-multiselect-label.p-multiselect-label-empty {
  color: var(--multiselect-placeholder-color);
}
.new-design-system .p-multiselect-overlay,
.new-design-system.p-multiselect-overlay {
  border-width: 0.0714285714rem;
  box-shadow:
    0 12px 16px -4px var(--shadow-lg-01),
    0 4px 6px -2px var(--shadow-lg-02),
    0 2px 2px -1px var(--shadow-lg-03);
}
.new-design-system .p-multiselect-header {
  border-bottom: 0.0714285714rem solid var(--border-secondary);
}
.new-design-system .p-multiselect-filter {
  --inputtext-background: transparent;
  --inputtext-border-color: transparent;
  --inputtext-hover-border-color: transparent;
  --inputtext-focus-border-color: transparent;
  --inputtext-padding-y: var(--spacing-xs);
  width: 100%;
  font-size: var(--font-size-text-sm);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-multiselect-filter:focus,
.new-design-system .p-multiselect-filter:focus-visible {
  box-shadow: none;
  outline: none;
}
.new-design-system .p-multiselect-filter::placeholder {
  font-size: var(--font-size-text-sm);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-multiselect-filter-container .p-inputicon {
  inset-inline: var(--spacing-lg) auto;
}
.new-design-system .p-multiselect-filter-container .p-multiselect-filter {
  padding-inline: calc(var(--spacing-lg) + 1.4285714286rem + var(--spacing-md)) var(--spacing-lg);
}
.new-design-system .p-multiselect-option {
  font-family: var(--font-family-body);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-text-sm);
}
.new-design-system.p-menu {
  --menu-background: var(--bg-secondary);
  --menu-color: var(--text-secondary-700);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  border: none;
}
.new-design-system.p-menu .p-menu-list {
  --menu-list-padding: 0;
}
.new-design-system.p-menu .p-menu-list .p-menu-item-content {
  display: flex;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-lg);
  gap: var(--spacing-md);
}
.new-design-system.p-menu .p-menu-list .p-menu-item-content fa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  aspect-ratio: 1/1;
  color: var(--fg-quaternary-400);
}
.new-design-system.p-menu .p-menu-list .p-menu-item-content:hover {
  background: var(--bg-primary);
}
.new-design-system.p-menu .p-menu-list .p-menu-item-content:hover fa-icon {
  color: var(--fg-brand-primary-600);
}
.new-design-system.p-menu .p-menu-list .p-menu-item-content:hover span {
  color: var(--fg-primary-900);
}
.new-design-system.p-tieredmenu {
  --tieredmenu-background: var(--bg-secondary);
  --tieredmenu-color: var(--text-secondary-700);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  border: none;
}
.new-design-system.p-tieredmenu .p-tieredmenu-root-list,
.new-design-system.p-tieredmenu .p-tieredmenu-submenu {
  --tieredmenu-list-padding: 0;
  border: none;
}
.new-design-system.p-tieredmenu .p-tieredmenu-item-content {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-lg);
  gap: var(--spacing-md);
}
.new-design-system.p-tieredmenu .p-tieredmenu-item-content fa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  aspect-ratio: 1/1;
  color: var(--fg-quaternary-400);
}
.new-design-system.p-tieredmenu .p-tieredmenu-item-content .header-navigation__extra-submenu-chevron {
  margin-left: auto;
}
.new-design-system.p-tieredmenu .p-tieredmenu-item-content:hover {
  background: var(--bg-primary);
}
.new-design-system.p-tieredmenu .p-tieredmenu-item-content:hover fa-icon {
  color: var(--fg-brand-primary-600);
}
.new-design-system.p-tieredmenu .p-tieredmenu-item-content:hover span {
  color: var(--fg-primary-900);
}
.new-design-system .p-panel {
  --panel-background: var(--bg-secondary);
  --panel-border-color: transparent;
  --panel-border-radius: var(--radius-md);
  --panel-color: var(--text-primary-900);
}
.new-design-system .p-panel-expanded > .p-panel-header,
.new-design-system .p-panel:not(.p-panel-toggleable) > .p-panel-header {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.new-design-system .p-panel:not(.p-panel-toggleable) > .p-panel-header {
  --panel-header-padding: var(--spacing-md) var(--spacing-xl);
  --panel-header-background: var(--bg-secondary);
}
.new-design-system .p-panel-content {
  --panel-content-padding: var(--spacing-xl);
  position: relative;
}
.new-design-system .p-panel .p-panel-header {
  --panel-header-background: var(--bg-secondary-hover);
  --panel-header-border-color: transparent;
  --panel-header-border-radius: var(--radius-md);
  --panel-header-color: var(--text-primary-900);
}
.new-design-system .p-panel .p-panel-header .first.label,
.new-design-system .p-panel .p-panel-header .first .label {
  font-weight: var(--font-weight-semibold) !important;
  line-height: var(--line-height-text-lg);
  font-size: var(--font-size-text-lg) !important;
}
.new-design-system .p-panel .p-panel-header-actions .p-button-secondary {
  padding: 0;
  color: var(--fg-brand-primary-600);
}
.new-design-system .p-panel .p-panel-header .p-tag {
  margin-left: auto;
}
.new-design-system .p-panel .p-panel-header fa-icon:last-child {
  color: var(--fg-tertiary-600);
}
.new-design-system .p-panel .header-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.new-design-system .p-metergroup {
  --metergroup-gap: var(--spacing-lg);
  --metergroup-border-radius: var(--radius-sm);
  --metergroup-meters-size: 0.4285714286rem;
  --metergroup-meters-background: var(--bg-primary);
}
.new-design-system .p-datatable-table-container {
  --datatable-header-background: var(--bg-primary-solid);
  --datatable-header-cell-background: var(--bg-primary-solid);
  --datatable-header-cell-border-color: var(--bg-primary-solid);
  --datatable-header-cell-padding: var(--spacing-lg) var(--spacing-2xl);
  --datatable-header-cell-color: var(--text-tertiary-600);
  --datatable-header-cell-gap: var(--spacing-xs);
  --datatable-header-cell-selected-background: var(--bg-primary-solid);
  --datatable-header-cell-selected-color: var(--fg-brand-primary-900);
  --datatable-column-title-font-weight: var(--font-weight-semibold);
  --datatable-row-striped-background: var(--bg-table-alternate-default);
  --datatable-row-background: var(--bg-secondary);
  --datatable-row-hover-background: var(--bg-secondary-hover);
  --datatable-body-cell-border-color: var(--bg-table-alternate-default);
  --datatable-body-cell-padding: var(--spacing-lg) var(--spacing-2xl);
  --datatable-row-color: var(--text-primary-900);
  border-radius: var(--radius-sm);
  font-family: var(--font-family-body) !important;
  font-size: var(--font-size-text-sm) !important;
}
.new-design-system .p-datatable-table-container .p-datatable-thead > tr > th {
  padding: var(--datatable-header-cell-padding) !important;
  text-transform: none !important;
}
.new-design-system .p-datatable-table-container .p-datatable-thead > tr > th p-sorticon {
  margin-left: var(--spacing-xs);
}
.new-design-system .p-datatable-table-container .p-datatable-thead > tr > th span {
  font-weight: var(--datatable-column-title-font-weight) !important;
}
.new-design-system .p-datatable-table-container .p-datatable-thead > tr > th.p-datatable-frozen-column {
  background: var(--datatable-header-cell-background);
}
.new-design-system .p-datatable-table-container .p-datatable-tbody > tr > td {
  padding: var(--datatable-body-cell-padding) !important;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-text-sm);
}
.new-design-system .p-datatable-table-container .p-datatable-tbody > tr > td > * {
  height: auto !important;
}
.new-design-system .p-datatable-table-container .p-datatable-tbody > tr > td.p-datatable-frozen-column {
  background: inherit;
}
.new-design-system .p-datatable-table-container .dxt-cell-stack {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
}
.new-design-system .p-datatable-table-container .dxt-cell-stack > * + * {
  margin-top: -0.1428571429rem;
}
:where(.new-design-system a:not(.p-button)) {
  color: var(--text-brand-primary);
}
:where(.new-design-system a:not(.p-button):hover) {
  color: var(--text-brand-secondary);
}
.new-design-system .p-progressbar {
  --progressbar-height: 0.4285714286rem;
  --progressbar-border-radius: var(--radius-sm);
  --progressbar-background: var(--bg-primary-solid);
  --progressbar-value-background: var(--bg-brand-primary);
  flex: 1;
}
.new-design-system .p-progressbar.dxt-progressbar-green {
  --progressbar-value-background: var(--fg-success-secondary);
  --progressbar-background: var(--bg-secondary-solid);
}
.new-design-system .p-tabs {
  --tabs-tabpanel-background: transparent;
}
.new-design-system .p-tablist {
  --tabs-tab-padding: var(--spacing-lg) var(--spacing-xl);
  --tabs-tab-font-weight: var(--font-weight-regular);
  --tabs-tablist-border-color: var(--border-secondary);
  --tabs-tablist-border-width: 1px;
  --tabs-tab-border-color: transparent;
  --tabs-tablist-background: var(--bg-primary);
  --tabs-tab-active-background: var(--bg-primary);
  --tabs-tab-active-color: var(--text-brand-primary);
  --tabs-tab-active-border-color: var(--text-brand-primary);
  --tabs-active-bar-height: 2px;
  --tabs-tab-color: var(--text-quaternary-500);
}
.new-design-system .p-tablist-tab-list {
  border: solid 1px var(--border-secondary);
  width: 100%;
}
.new-design-system .p-tablist-tab-list .p-tab {
  text-transform: none;
  font-family: var(--font-family-body);
  font-size: var(--font-size-text-md);
  line-height: var(--line-height-text-md);
  font-weight: var(--tabs-tab-font-weight) !important;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
}
.new-design-system .p-tablist-tab-list .p-tab-active {
  font-weight: var(--font-weight-semibold) !important;
}
.new-design-system .p-tablist-tab-list .p-tab .tabs-headers-text {
  text-transform: none;
}
.new-design-system .p-accordion {
  --accordion-panel-border-width: 0;
  --accordion-header-background: var(--bg-primary);
  --accordion-header-hover-background: var(--bg-primary);
  --accordion-header-active-background: var(--bg-primary);
  --accordion-header-active-hover-background: var(--bg-primary);
  --accordion-header-color: var(--text-primary-900);
  --accordion-header-hover-color: var(--text-primary-900);
  --accordion-header-active-color: var(--text-primary-900);
  --accordion-header-active-hover-color: var(--text-primary-900);
  --accordion-header-border-width: 0;
  --accordion-header-padding: var(--spacing-lg) var(--spacing-xl);
  --accordion-header-font-weight: var(--font-weight-medium);
  --accordion-header-toggle-icon-color: var(--fg-brand-primary-600);
  --accordion-header-toggle-icon-hover-color: var(--fg-brand-primary-600);
  --accordion-header-toggle-icon-active-color: var(--fg-brand-primary-600);
  --accordion-header-toggle-icon-active-hover-color: var(--fg-brand-primary-600);
  --accordion-header-border-radius: var(--radius-md);
  --accordion-header-first-top-border-radius: var(--radius-md);
  --accordion-header-last-bottom-border-radius: var(--radius-md);
  --accordion-header-last-active-bottom-border-radius: 0;
  --accordion-content-background: transparent;
  --accordion-content-border-width: 0;
  --accordion-content-color: var(--text-primary-900);
  --accordion-content-padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.new-design-system .p-accordion .p-accordionpanel-active > .p-accordionheader {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.new-design-system .p-accordion .p-accordionheader {
  justify-content: flex-start;
  gap: var(--spacing-md);
  font-family: var(--font-family-body);
  font-size: var(--font-size-text-md);
  line-height: var(--line-height-text-md);
}
.new-design-system .p-accordion .p-accordionheader-toggle-icon,
.new-design-system .p-accordion .p-accordionheader > svg[data-p-icon] {
  order: -1;
  color: var(--accordion-header-toggle-icon-color);
}
.new-design-system .p-accordion .p-accordioncontent-content {
  font-family: var(--font-family-display);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-regular);
  line-height: 100%;
}
.new-design-system .p-divider {
  --divider-border-color: var(--border-primary);
  --divider-horizontal-margin: var(--spacing-lg) 0;
}
.pair-explorer-card .content.content:has(> .new-design-system) {
  background-color: transparent;
}
@layer primeng.reset {
  html,
  body,
  div,
  span,
  button,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  body {
    line-height: 1.2;
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote::before,
  blockquote::after,
  q::before,
  q::after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  a {
    text-decoration: none;
  }
  a:hover {
    text-decoration: none;
  }
  a:focus:not(.header-navigation__nav-item) {
    box-shadow: none !important;
  }
  body.dark-theme a:not(.p-button, .new-design-system *) {
    color: var(--primary-color);
  }
  body.dark-theme a:not(.p-button, .new-design-system *):hover {
    color: var(--text-color) !important;
  }
  body.dark-theme a:not(.p-button, .new-design-system *).in-list {
    color: var(--text-color);
  }
  body.dark-theme a:not(.p-button, .new-design-system *).in-list:hover {
    color: var(--primary-color) !important;
  }
  a:not(.p-button, .new-design-system *) {
    color: var(--primary-color);
  }
  a:not(.p-button, .new-design-system *):hover {
    color: var(--primary-color) !important;
  }
  a:not(.p-button, .new-design-system *).in-list {
    color: var(--gray-600);
  }
}
@layer primeng.custom {
  .p-button,
  .p-button-label {
    text-transform: uppercase;
  }
  .p-menuitem-link {
    font-weight: normal !important;
  }
  th.p-datatable-sortable-column {
    font-weight: normal !important;
  }
  p-sorticon {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-link {
    font-weight: 400;
  }
  .p-colorpicker-panel .p-colorpicker-color {
    background: transparent url("./media/custom-color-3LUHUBGQ.png") no-repeat left top !important;
  }
  .p-colorpicker-panel .p-colorpicker-hue {
    background: transparent url("./media/custom-hue-RMMBQOAC.png") no-repeat left top !important;
  }
  .p-splitter-panel {
    flex-flow: column nowrap;
  }
  .p-chip img.p-chip-image,
  .p-chip .p-chip-image {
    background-color: var(--gray-50) !important;
    border-radius: 50% !important;
  }
  @media (max-width: 767px) {
    .p-drawer {
      width: 100%;
      min-width: 100%;
    }
  }
}
@layer global {
  html,
  body {
    height: 100%;
    overflow: hidden;
  }
  html {
    font-size: 14px;
    --bot-base-font-size: 14;
    background-color: var(--app-page-background, var(--surface-ground));
    font-feature-settings: var(--font-features-settings);
  }
  html.pe-new-design {
    --app-page-background: var(--bg-primary);
  }
  body {
    margin: 0;
    cursor: default;
    background-color: var(--app-page-background, var(--surface-ground));
    -webkit-font-smoothing: antialiased;
  }
  .badge-directive {
    z-index: 999;
    position: absolute;
    font-weight: 400;
    line-height: 1.5rem;
    font-size: 1rem;
    border-radius: 0.4285714286rem;
    display: flex;
    align-items: center;
    gap: 0.3571428571rem;
  }
  *::-webkit-scrollbar {
    width: 0.6428571429rem;
    height: 0.6428571429rem;
  }
  *::-webkit-scrollbar-track {
    background: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background-color: var(--surface-border);
    border-radius: 0.4285714286rem;
    border: 0.0714285714rem solid transparent;
    background-clip: content-box;
  }
  *::-webkit-scrollbar-button,
  *::-webkit-scrollbar-corner {
    display: none;
  }
  *::-webkit-scrollbar-thumb:hover,
  *::-webkit-scrollbar-thumb:active {
    background-color: var(--primary-color);
  }
  .scroll-overflow-hidden {
    overflow: hidden;
  }
  .on-show-defer-component {
    animation: on-show-component ease-in;
    animation-duration: 0.2s;
    animation-fill-mode: backwards;
  }
  @keyframes on-show-component {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  @keyframes change-digit-animation {
    0% {
      opacity: 0;
      transform: translate3d(0, -30%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  .animate-change {
    display: inline-block;
    animation: change-digit-animation 0.3s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto !important;
    }
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-delay: 0ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      transition-delay: 0ms !important;
      scroll-behavior: auto !important;
    }
  }
}
:root {
  --dextools-meter-success-color: #097b2b;
  --dextools-meter-success-background: rgb(9 123 43 / 20%);
  --dextools-meter-error-color: #f43209;
  --dextools-meter-error-background: rgb(244 50 9 / 20%);
}
body.dark-theme {
  --dextools-meter-success-color: #6ee7b7;
  --dextools-meter-success-background: rgb(16 185 129 / 20%);
  --dextools-meter-error-color: #fca5a5;
  --dextools-meter-error-background: rgb(239 68 68 / 20%);
}
.p-input-scaled {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  box-shadow: none !important;
  font-size: 1.1428571429rem !important;
  transform: scaleY(0.88);
  transform-origin: top left;
  touch-action: manipulation;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-option,
.p-multiselect-panel .p-multiselect-items .p-multiselect-option span {
  color: var(--text-color) !important;
}
.p-multiselect-overlay {
  --_multiselect-option-color: var(--text-color);
  --_multiselect-option-focus-color: var(--text-color);
  --_multiselect-overlay-color: var(--text-color);
}
.p-multiselect-option,
.p-multiselect-option:not(.p-multiselect-option-selected, .p-disabled).p-focus {
  color: var(--text-color) !important;
}
.p-menu .p-menuitem-icon,
.p-menu .p-menu-item-icon {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color-secondary);
}
.p-dialog-mask {
  z-index: 100009 !important;
}
.p-toast {
  z-index: 100010 !important;
}
.p-menu .p-menuitem-icon.metamask-icon,
.p-menu .p-menu-item-icon.metamask-icon {
  background-image: url(/assets/img/logos/metamask-logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
  color: transparent;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-UWNG75VG.css.map */