:root {
  --sya-global-current-breakpoint: xs;
}
@media (min-width: 600px) and (max-width: 767.98px) {
  :root {
    --sya-global-current-breakpoint: s;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  :root {
    --sya-global-current-breakpoint: m;
  }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  :root {
    --sya-global-current-breakpoint: l;
  }
}
@media (min-width: 1440px) {
  :root {
    --sya-global-current-breakpoint: xl;
  }
}
body {
  color: var(--fc--body-text);
  background-color: var(--fc--body-background);
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--fc--header);
}
a {
  color: var(--fc--anchor);
}
a:focus,
a:hover {
  color: var(--fc--anchor-hover);
}
.color-white {
  color: var(--sya-color-white);
}
.color-muted {
  color: var(--fc--muted);
}
:root.light-mode {
  --sya-color-black: var(--sya-color-white-internal);
  --sya-color-white: var(--fpc--neutral-950);
  --sya-color-loading-base: #f2f2f2;
  --sya-color-loading-highlight: #fff;
  --sya-color-neutral-800: var(--fpc--neutral-200);
  --sya-color-neutral-850: var(--fpc--neutral-150);
  --sya-color-neutral-900: var(--fpc--neutral-100);
  --sya-color-success: #118373;
  --sya-color-error: #d33c60;
  --fc--button-secondary: var(--fc--body-text);
  --fc--button-secondary-focus: var(--fc--body-text);
  --fc--link-quiet: var(--fpc--neutral-750);
  --fc--link-quiet-hover: var(--sya-color-neutral-800-internal);
  --sya-link-default-color: var(--fpc--neutral-750);
  --sya-link-default-hover-color: var(--sya-color-neutral-800-internal);
  --sya-form-field-border: 1.5px solid var(--fpc--neutral-200);
  --sya-form-field-hover-border: 1.5px solid var(--fpc--neutral-400);
  --sya-form-field-focus-border: 1.5px solid var(--fpc--neutral-400);
  --sya-form-field-readonly-border: 1.5px solid var(--fpc--neutral-200);
  --sya-modal-content-tabs-nav-entry-active-background-color: var(
    --fpc--neutral-200
  );
  --sya-lottie-animation-filter: invert(1);
  --sya-toast-container-background-color: var(--fpc--neutral-200);
  --sya-modal-container-overlay-background-color: rgba(0, 0, 0, 0.5);
  --sya-page-structured-overview-background-color: var(
    --sya-color-black-internal
  );
  --sya-color-icon-asset-default-outer: #e6e9f2;
  --sya-color-icon-asset-default-inner: #d1d5e3;
  --sya-tooltip-content-background-color: var(--fpc--neutral-100);
  --sya-tooltip-content-filter: drop-shadow(0px 4px 40px #0000001a)
    drop-shadow(0px 0px 4px #0000000d);
}
:root {
  --fpc--neutral-100: #fff;
  --fpc--neutral-150: #fcfcfc;
  --fpc--neutral-200: #f2f2f5;
  --fpc--neutral-300: #e1e1e8;
  --fpc--neutral-350: #d3d3e3;
  --fpc--neutral-400: #b6b6c5;
  --fpc--neutral-500: #8d8d9b;
  --fpc--neutral-600: #727288;
  --fpc--neutral-700: #445;
  --fpc--neutral-750: #242731;
  --sya-color-neutral-800-internal: #1e2129;
  --sya-color-neutral-800: var(--sya-color-neutral-800-internal);
  --sya-color-neutral-850: #171921;
  --sya-color-neutral-850-internal: #171921;
  --sya-color-neutral-900-internal: #16161d;
  --sya-color-neutral-900: var(--sya-color-neutral-900-internal);
  --fpc--neutral-950: #09080a;
  --fpc--primary-100: #d5cdf9;
  --fpc--primary-200: #bcadfb;
  --sya-color-primary: #5e38f4;
  --fpc--primary-600: #4a20f3;
  --fpc--primary-900: #300bc7;
  --sya-color-white-internal: var(--fpc--neutral-200);
  --sya-color-white: var(--sya-color-white-internal);
  --sya-color-black-internal: var(--fpc--neutral-950);
  --sya-color-black: var(--sya-color-black-internal);
  --sya-color-error: #e35578;
  --sya-color-warning: #fe961c;
  --fpc--warning-200: #fce5c0;
  --sya-color-success: #049e88;
  --fpc--success-200: #c7ead9;
  --sya-color-loading-base: #2f2f33;
  --sya-color-loading-highlight: #60606c;
  --sya-color-token-bg: #e4e6ed;
  --sya-color-icon-asset-default-outer: #1e2129;
  --sya-color-icon-asset-default-inner: #445;
  --sya-color-icon-token-default-outer: var(
    --sya-color-icon-asset-default-outer
  );
  --sya-color-icon-token-default-inner: var(
    --sya-color-icon-asset-default-inner
  );
  --sya-color-icon-nft-collection-default-outer: var(
    --sya-color-icon-asset-default-outer
  );
  --sya-color-icon-nft-collection-default-inner: var(
    --sya-color-icon-asset-default-inner
  );
  --sya-color-icon-nft-default-outer: var(--sya-color-icon-asset-default-outer);
  --sya-color-icon-nft-default-inner: var(--sya-color-icon-asset-default-inner);
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
textarea {
  resize: vertical;
}
input,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
:root {
  --sya-form-field-width: 100%;
  --sya-form-field-min-width: 4ch;
  --fc--form-field: var(--sya-color-white);
  --fc--form-field-background: var(--fpc--neutral-750);
  --sya-form-field-outline: none;
  --sya-form-field-border: 1.5px solid var(--fpc--neutral-750);
  --sya-form-field-border-radius: var(--sya-global-border-radius-s);
  --sya-form-field-padding: var(--sya-spacer-62) var(--sya-spacer-100);
  --sya-form-field-text-align: left;
  --sya-form-field-font-size: var(--sya-font-size-l);
  --sya-form-field-line-height: var(--sya-line-height-l);
  --sya-form-field-font-weight: var(--sya-font-weight-regular);
  --sya-form-field-placeholder-font-weight: var(--sya-font-weight-regular);
  --fc--form-field-placeholder: var(--fc--muted);
  --fc--form-field-hover: var(--fc--form-field);
  --fc--form-field-hover-background: var(--fpc--neutral-750);
  --sya-form-field-hover-border: 1.5px solid var(--fpc--neutral-600);
  --fc--form-field-focus: var(--fc--form-field);
  --fc--form-field-focus-background: var(--fpc--neutral-750);
  --sya-form-field-focus-border: 1.5px solid var(--fpc--neutral-600);
  --fc--form-field-readonly: var(--fpc--neutral-600);
  --fc--form-field-readonly-background: var(--fpc--neutral-750);
  --sya-form-field-readonly-border: 1.5px solid var(--fpc--neutral-750);
  --sya-form-field-error-border: 1.5px solid var(--sya-color-error);
  --sya-form-field-success-border: 1.5px solid var(--sya-color-success);
}
html {
  background-color: var(--fc--body-background);
}
#root {
  width: 100%;
  height: 100vh;
  -webkit-overflow-scrolling: touch;
}
:root {
  --sya-global-transition-fast: 0.3s;
  --sya-global-transition-medium: 0.8s;
  --sya-global-transition-slow: 1.5s;
  --sya-global-outline-width: 4px;
  --sya-global-outline-style: solid;
  --fc--global-outline: var(--fpc--primary-200);
  --sya-global-border-radius-s: 8px;
  --sya-global-border-radius-m: 12px;
  --sya-global-border-radius-l: 16px;
  --sya-global-border-radius-xl: 20px;
}
body,
div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
  margin: 0;
  padding: 0;
}
*,
:after,
:before {
  box-sizing: border-box;
}
:root {
  --sya-spacer-base: 1rem;
  --sya-spacer-0: 0;
  --sya-spacer-25: calc(var(--sya-spacer-base) * 1 / 4);
  --sya-spacer-37: calc(var(--sya-spacer-base) * 3 / 8);
  --sya-spacer-50: calc(var(--sya-spacer-base) * 1 / 2);
  --sya-spacer-62: calc(var(--sya-spacer-100) * 5 / 8);
  --sya-spacer-75: calc(var(--sya-spacer-base) * 3 / 4);
  --sya-spacer-100: var(--sya-spacer-base);
  --sya-spacer-125: calc(var(--sya-spacer-base) * 5 / 4);
  --sya-spacer-150: calc(var(--sya-spacer-base) * 3 / 2);
  --sya-spacer-200: calc(var(--sya-spacer-base) * 2);
  --sya-spacer-250: calc(var(--sya-spacer-base) * 5 / 2);
  --sya-spacer-300: calc(var(--sya-spacer-base) * 3);
  --sya-spacer-400: calc(var(--sya-spacer-base) * 4);
  --sya-spacer-500: calc(var(--sya-spacer-base) * 5);
  --sya-spacer-625: calc(var(--sya-spacer-base) * 25 / 4);
}
body,
html {
  font-size: var(--sya-body-font-size);
}
body,
p {
  font-family: var(--sya-body-font-family);
  font-weight: var(--sya-body-font-weight);
  font-style: var(--sya-body-font-style);
  line-height: var(--sya-body-line-height);
  text-rendering: var(--sya-body-text-rendering);
}
p {
  margin-bottom: 0;
  font-size: inherit;
}
em,
i {
  font-style: var(--sya-font-style-italic);
}
b,
em,
i,
strong {
  line-height: inherit;
}
b,
h1,
strong {
  font-weight: var(--sya-font-weight-bold);
}
h1 {
  --sya-skeleton-loader-height: var(--sya-font-size-h1);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h1) - var(--sya-font-size-h1)) / 2
    )
    0;
  font-size: var(--sya-font-size-h1);
  line-height: var(--sya-line-height-h1);
}
h2 {
  --sya-skeleton-loader-height: var(--sya-font-size-h2);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h2) - var(--sya-font-size-h2)) / 2
    )
    0;
  font-size: var(--sya-font-size-h2);
  line-height: var(--sya-line-height-h2);
}
h2,
h3 {
  font-weight: var(--sya-font-weight-bold);
}
h3 {
  --sya-skeleton-loader-height: var(--sya-font-size-h3);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h3) - var(--sya-font-size-h3)) / 2
    )
    0;
  font-size: var(--sya-font-size-h3);
  line-height: var(--sya-line-height-h3);
}
h4 {
  --sya-skeleton-loader-height: var(--sya-font-size-h4);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h4) - var(--sya-font-size-h4)) / 2
    )
    0;
  font-size: var(--sya-font-size-h4);
  line-height: var(--sya-line-height-h4);
}
h4,
h5 {
  font-weight: var(--sya-font-weight-bold);
}
h5 {
  --sya-skeleton-loader-height: var(--sya-font-size-h5);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h5) - var(--sya-font-size-h5)) / 2
    )
    0;
  font-size: var(--sya-font-size-h5);
  line-height: var(--sya-line-height-h5);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  font-style: var(--sya-body-font-style);
  margin: 0;
  text-rendering: var(--sya-body-text-rendering);
}
a {
  line-height: inherit;
  -webkit-text-decoration: var(--sya-anchor-text-decoration);
  text-decoration: var(--sya-anchor-text-decoration);
  cursor: pointer;
}
a:focus,
a:hover {
  -webkit-text-decoration: var(--sya-anchor-hover-text-decoration);
  text-decoration: var(--sya-anchor-hover-text-decoration);
}
.font-weight-regular {
  font-weight: var(--sya-font-weight-regular);
}
.font-weight-bold {
  font-weight: var(--sya-font-weight-bold);
}
.text-nowrap {
  white-space: nowrap;
}
.center-text {
  text-align: center;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ethereum-symbol {
  font-family: sans-serif;
}
.capitalize {
  text-transform: capitalize;
}
:root {
  --sya-font-size-h1: 64px;
  --sya-font-size-h2: 48px;
  --sya-font-size-h3: 32px;
  --sya-font-size-h4: 24px;
  --sya-font-size-h5: 20px;
  --sya-line-height-h1: 80px;
  --sya-line-height-h2: 64px;
  --sya-line-height-h3: 48px;
  --sya-line-height-h4: 36px;
  --sya-line-height-h5: 32px;
  --sya-font-size-xl: 18px;
  --sya-font-size-l: 16px;
  --sya-font-size-m: 14px;
  --sya-font-size-s: 12px;
  --sya-line-height-xl: 26px;
  --sya-line-height-l: 24px;
  --sya-line-height-m: 20px;
  --sya-line-height-s: 16px;
  --sya-font-weight-regular: 500;
  --sya-font-weight-bold: 600;
  --sya-font-style-normal: normal;
  --sya-font-style-italic: italic;
  --sya-body-font-family: "AlbertSans", Arial, Helvetica, freesans, sans-serif;
  --sya-body-font-size: var(--sya-font-size-l);
  --sya-body-line-height: var(--sya-line-height-l);
  --sya-body-font-weight: var(--sya-font-weight-bold);
  --sya-body-font-style: var(--sya-font-style-normal);
  --sya-body-text-rendering: optimizeLegibility;
  --sya-anchor-text-decoration: none;
  --sya-anchor-hover-text-decoration: none;
  --sya-emoji-font-size-l: 32px;
  --sya-emoji-line-height-l: 48px;
  --sya-accordion-item-padding: var(--sya-spacer-50) 0;
  --fc--accordion-item: var(--sya-color-white);
  --fc--accordion-item-icon: var(--sya-color-white);
  --sya-accordion-item-font-size: var(--sya-font-size-l);
  --sya-accordion-icon-size: 16px;
}
@font-face {
  font-family: AlbertSans;
  src: local("AlbertSans Medium"), local("AlbertSans Medium"),
    url(/fonts/AlbertSans-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AlbertSans;
  src: local("AlbertSans SemiBold"), local("AlbertSans SemiBold"),
    url(/fonts/AlbertSans-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.accordion-item {
  z-index: 5;
  overflow: hidden;
  transition: gap var(--sya-global-transition-fast);
}
.accordion-item__button {
  --sya-button-text-padding: var(--sya-accordion-item-padding);
  --sya-button-l-icon-size: var(--sya-accordion-icon-size);
  --sya-button-l-font-size: var(--sya-accordion-item-font-size);
  --sya-button-text-align: left;
  --fc--button-text: var(--fc--accordion-item);
  --fc--button-text-icon: var(--fc--accordion-item-icon);
  --sya-button-text-text-decoration: none;
}
:root {
  --sya-action-menu-width: 450px;
  --sya-action-menu-padding: var(--sya-spacer-50) 0;
  --fc--action-menu-item: var(--fc--button-text);
  --fc--action-menu-item-hover: var(--fc--button-text-hover);
  --sya-action-menu-item-icon-size: 20px;
  --fc--action-menu-item-icon: var(--sya-color-white);
  --fc--action-menu-item-hover-icon: var(--sya-color-white);
  --fc--action-menu-item-label: var(--sya-color-white);
}
.action-menu-container {
  --sya-popover-content-width: var(--sya-action-menu-width);
  --sya-popover-padding: var(--sya-action-menu-padding);
}
.action-menu-header {
  border-bottom: 1px solid var(--fc--divider);
  padding: var(--sya-spacer-25) 0;
  margin-bottom: var(--sya-spacer-100);
}
.action-menu-footer {
  border-top: 1px solid var(--fc--divider);
  padding: var(--sya-spacer-100) 0 var(--sya-spacer-25) 0;
}
.action-menu-item {
  --sya-button-m-icon-size: var(--sya-action-menu-item-icon-size);
  --fc--button-text: var(--fc--action-menu-item);
  --fc--button-icon: var(--fc--action-menu-item-icon);
  --fc--button-text-hover-icon: var(--fc--action-menu-item-hover-icon);
  --fc--button-text-hover: var(--fc--action-menu-item-hover);
  --sya-button-text-padding: var(--sya-spacer-50) var(--sya-spacer-125);
  --sya-button-text-align: left;
  white-space: nowrap;
}
.action-menu-item__description {
  color: var(--fc--muted);
  font-weight: var(--sya-font-weight-regular);
  font-size: var(--sya-font-size-m);
}
:root {
  --sya-asset-logo-size: 20px;
  --sya-asset-logo-image-border-width: 0px;
  --sya-asset-logo-image-border-color: transparent;
  --sya-asset-logo-image-border-radius: 50%;
  --sya-asset-logo-image-object-fit: unset;
  --sya-asset-logo-image-aspect-ratio: auto;
  --sya-asset-logo-image-background-color: transparent;
  --sya-asset-logo-placeholder-padding: 0;
}
.asset-logo {
  --sya-icon-size: var(--sya-asset-logo-size);
  --sya-hexagon-shape-size: var(--sya-asset-logo-size);
  --sya-hexagon-shape-border-width: var(--sya-asset-logo-image-border-width);
  --fc--hexagon-shape-border: var(--sya-asset-logo-image-border-color);
  --sya-skeleton-loader-width: var(--sya-asset-logo-size);
  --sya-skeleton-loader-height: var(--sya-asset-logo-size);
  --sya-skeleton-loader-aspect-ratio: var(--sya-asset-logo-image-aspect-ratio);
  --sya-skeleton-loader-border-radius: var(
    --sya-asset-logo-image-border-radius
  );
  display: flex;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  mask-image: -webkit-radial-gradient(#fff, #000);
}
.asset-logo--button {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.asset-logo__image {
  width: var(--sya-asset-logo-size);
  height: var(--sya-asset-logo-size);
  border-style: solid;
  border-width: var(--sya-asset-logo-image-border-width);
  border-color: var(--sya-asset-logo-image-border-color);
  border-radius: var(--sya-asset-logo-image-border-radius);
  object-fit: var(--sya-asset-logo-image-object-fit);
  aspect-ratio: var(--sya-asset-logo-image-aspect-ratio);
  background-color: var(--sya-asset-logo-image-background-color);
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  mask-image: -webkit-radial-gradient(#fff, #000);
}
.asset-logo__image--hex {
  border-radius: 0;
  border: none;
}
.asset-logo__placeholder {
  border-style: solid;
  border-radius: var(--sya-asset-logo-image-border-radius);
  border-width: var(--sya-asset-logo-image-border-width);
  border-color: var(--sya-asset-logo-image-border-color);
  padding: var(--sya-asset-logo-placeholder-padding);
}
.asset-socials {
  --fc--button-text-icon: var(--fc--asset-socials);
}
:root {
  --fc--banner-background: var(--sya-color-neutral-800);
}
.banner {
  padding: var(--sya-spacer-100);
  background-color: var(--fc--banner-background);
  border-radius: var(--sya-global-border-radius-l);
  text-align: left;
}
.banner__dismiss {
  align-self: flex-start;
}
:root {
  --sya-button-grid-template-areas: "icon content";
  --sya-button-grid-template-column: auto 1fr;
  --sya-button-font-family: var(--sya-body-font-family);
  --sya-button-font-weight: var(--sya-font-weight-bold);
  --sya-button-text-align: center;
  --sya-button-margin: 0;
  --sya-button-align-items: center;
  --sya-button-border-radius: var(--sya-global-border-radius-s);
  --sya-button-primary-border: none;
  --fc--button-primary: var(--fpc--neutral-200);
  --fc--button-primary-icon: var(--fc--button-primary);
  --fc--button-primary-background: var(--sya-color-primary);
  --sya-button-primary-text-decoration: none;
  --fc--button-primary-hover: var(--fpc--neutral-200);
  --fc--button-primary-hover-icon: var(--fc--button-primary-hover);
  --fc--button-primary-hover-background: var(--fpc--primary-600);
  --sya-button-primary-hover-text-decoration: none;
  --fc--button-primary-focus: var(--fpc--neutral-200);
  --fc--button-primary-focus-background: var(--fpc--primary-600);
  --fc--button-primary-disabled: var(--fpc--neutral-600);
  --fc--button-primary-disabled-background: var(--fpc--neutral-750);
  --sya-button-secondary-border: none;
  --fc--button-secondary: var(--fpc--neutral-200);
  --fc--button-secondary-icon: var(--fc--button-secondary);
  --fc--button-secondary-background: var(--fpc--neutral-700);
  --sya-button-secondary-text-decoration: none;
  --fc--button-secondary-hover: var(--fpc--neutral-200);
  --fc--button-secondary-hover-icon: var(--fc--button-secondary-hover);
  --fc--button-secondary-hover-background: var(--fpc--neutral-750);
  --sya-button-secondary-hover-text-decoration: none;
  --fc--button-secondary-focus: var(--fpc--neutral-200);
  --fc--button-secondary-focus-background: var(--fpc--neutral-750);
  --fc--button-secondary-disabled: var(--fpc--neutral-600);
  --fc--button-secondary-disabled-background: var(--fpc--neutral-750);
  --sya-button-tertiary-border: 1px solid var(--fc--button-tertiary-border);
  --fc--button-tertiary: var(--sya-color-white-internal);
  --fc--button-tertiary-icon: var(--fc--button-tertiary);
  --fc--button-tertiary-background: none;
  --sya-button-tertiary-text-decoration: none;
  --fc--button-tertiary-hover: var(--sya-color-white);
  --fc--button-tertiary-hover-icon: var(--fc--button-tertiary-hover);
  --fc--button-tertiary-hover-background: var(--sya-color-neutral-850);
  --sya-button-tertiary-hover-text-decoration: none;
  --fc--button-tertiary-focus: var(--fpc--neutral-200);
  --fc--button-tertiary-focus-background: var(--fpc--neutral-750);
  --fc--button-tertiary-disabled: var(--fpc--neutral-600);
  --fc--button-tertiary-disabled-border: var(--fpc--neutral-750);
  --fc--button-tertiary-disabled-background: var(--fpc--neutral-750);
  --fc--button-text: var(--fpc--neutral-200);
  --fc--button-text-icon: var(--fc--button-text);
  --sya-button-text-background-color: transparent;
  --sya-button-text-text-decoration: underline;
  --sya-button-text-padding: 0;
  --fc--button-text-hover: var(--fpc--neutral-300);
  --fc--button-text-hover-icon: var(--fc--button-text-hover);
  --sya-button-text-hover-background-color: transparent;
  --sya-button-text-hover-text-decoration: underline;
  --fc--button-text-focus: var(--fpc--neutral-300);
  --sya-button-text-focus-background-color: transparent;
  --fc--button-text-disabled: var(--fpc--neutral-600);
  --sya-button-text-disabled-background-color: transparent;
  --sya-button-xl-font-size: var(--sya-font-size-l);
  --sya-button-xl-line-height: var(--sya-line-height-xl);
  --sya-button-xl-icon-size: 24px;
  --sya-button-xl-padding: var(--sya-spacer-100) var(--sya-spacer-150);
  --sya-button-xl-only-icon-padding: var(--sya-spacer-75);
  --sya-button-xl-only-icon-icon-size: 32px;
  --sya-button-xl-with-icon-grid-gap: var(--sya-spacer-100);
  --sya-button-xl-break-xs-only-icon-icon-size: 24px;
  --sya-button-l-font-size: var(--sya-font-size-xl);
  --sya-button-l-line-height: var(--sya-line-height-xl);
  --sya-button-l-icon-size: 16px;
  --sya-button-l-padding: 11px var(--sya-spacer-100);
  --sya-button-l-only-icon-padding: var(--sya-spacer-75);
  --sya-button-l-only-icon-icon-size: 24px;
  --sya-button-l-with-icon-grid-gap: var(--sya-spacer-50);
  --sya-button-l-break-xs-only-icon-icon-size: 24px;
  --sya-button-m-font-size: var(--sya-font-size-l);
  --sya-button-m-line-height: var(--sya-line-height-l);
  --sya-button-m-icon-size: 16px;
  --sya-button-m-padding: var(--sya-spacer-50) var(--sya-spacer-100);
  --sya-button-m-only-icon-padding: var(--sya-spacer-50);
  --sya-button-m-only-icon-icon-size: 24px;
  --sya-button-m-with-icon-grid-gap: var(--sya-spacer-50);
  --sya-button-m-break-xs-only-icon-icon-size: 24px;
  --sya-button-s-font-size: var(--sya-font-size-s);
  --sya-button-s-line-height: var(--sya-line-height-s);
  --sya-button-s-icon-size: 12px;
  --sya-button-s-padding: var(--sya-spacer-25) var(--sya-spacer-50);
  --sya-button-s-only-icon-padding: var(--sya-spacer-25);
  --sya-button-s-only-icon-icon-size: 16px;
  --sya-button-s-with-icon-grid-gap: var(--sya-spacer-50);
  --sya-button-s-break-xs-only-icon-icon-size: 16px;
}
.button {
  position: relative;
  display: grid;
  grid-template-areas: var(--sya-button-grid-template-areas);
  grid-template-columns: var(--sya-button-grid-template-column);
  grid-gap: 0;
  gap: 0;
  align-items: var(--sya-button-align-items);
  font-family: var(--sya-button-font-family);
  font-weight: var(--sya-button-font-weight);
  margin: var(--sya-button-margin);
  border-radius: var(--sya-button-border-radius);
  text-align: var(--sya-button-text-align);
}
.button:focus:not(.button--keyboard-focus) {
  outline: none;
}
.button:not([disabled]) {
  cursor: pointer;
}
.button__icon {
  grid-area: icon;
}
.button__content {
  grid-area: content;
}
.button--inline {
  display: inline-grid;
}
.button--icon-right {
  --sya-button-grid-template-areas: "content icon";
  --sya-button-grid-template-column: 1fr auto;
}
.button--only-icon {
  --sya-button-grid-template-areas: "icon";
  --sya-button-grid-template-column: 1fr;
}
.button--variant-primary {
  --sya-icon-color: var(--fc--button-primary-icon);
  --sya-link-text-decoration: var(--sya-button-primary-text-decoration);
  --fc--link: var(--fc--button-primary);
  color: var(--fc--button-primary);
  background-color: var(--fc--button-primary-background);
  -webkit-text-decoration: var(--sya-button-primary-text-decoration);
  text-decoration: var(--sya-button-primary-text-decoration);
  border: var(--sya-button-primary-border);
  border-color: var(--fc--button-primary-border);
}
.button--variant-primary:hover {
  --sya-icon-color: var(--fc--button-primary-hover-icon);
  --sya-link-hover-text-decoration: var(
    --sya-button-primary-hover-text-decoration
  );
  --fc--link-hover: var(--fc--button-primary-hover);
  color: var(--fc--button-primary-hover);
  background-color: var(--fc--button-primary-hover-background);
}
.button--variant-primary:focus {
  color: var(--fc--link);
}
.button--variant-primary[disabled],
.button--variant-primary[disabled]:focus,
.button--variant-primary[disabled]:hover {
  --sya-icon-color: var(--fc--button-primary-disabled);
  --fc--link: var(--fc--button-primary-disabled);
  background-color: var(--fc--button-primary-disabled-background);
  border-color: var(--fc--button-primary-disabled-border);
  color: var(--fc--button-primary-disabled);
  cursor: not-allowed;
}
.button--variant-primary.button--keyboard-focus {
  --sya-icon-color: var(--fc--button-primary-focus);
  --fc--link: var(--fc--button-primary-focus);
  color: var(--fc--button-primary-focus);
  background-color: var(--fc--button-primary-focus-background);
}
.button--variant-secondary {
  --sya-icon-color: var(--fc--button-secondary-icon);
  --sya-link-text-decoration: var(--sya-button-secondary-text-decoration);
  --fc--link: var(--fc--button-secondary);
  color: var(--fc--button-secondary);
  background-color: var(--fc--button-secondary-background);
  -webkit-text-decoration: var(--sya-button-secondary-text-decoration);
  text-decoration: var(--sya-button-secondary-text-decoration);
  border: var(--sya-button-secondary-border);
  border-color: var(--fc--button-secondary-border);
}
.button--variant-secondary:hover {
  --sya-icon-color: var(--fc--button-secondary-hover-icon);
  --sya-link-hover-text-decoration: var(
    --sya-button-secondary-hover-text-decoration
  );
  --fc--link-hover: var(--fc--button-secondary-hover);
  color: var(--fc--button-secondary-hover);
  background-color: var(--fc--button-secondary-hover-background);
}
.button--variant-secondary:focus {
  color: var(--fc--link);
}
.button--variant-secondary[disabled],
.button--variant-secondary[disabled]:focus,
.button--variant-secondary[disabled]:hover {
  --sya-icon-color: var(--fc--button-secondary-disabled);
  --fc--link: var(--fc--button-secondary-disabled);
  background-color: var(--fc--button-secondary-disabled-background);
  border-color: var(--fc--button-secondary-disabled-border);
  color: var(--fc--button-secondary-disabled);
  cursor: not-allowed;
}
.button--variant-secondary.button--keyboard-focus {
  --sya-icon-color: var(--fc--button-secondary-focus);
  --fc--link: var(--fc--button-secondary-focus);
  color: var(--fc--button-secondary-focus);
  background-color: var(--fc--button-secondary-focus-background);
}
.button--variant-tertiary {
  --sya-icon-color: var(--fc--button-tertiary-icon);
  --sya-link-text-decoration: var(--sya-button-tertiary-text-decoration);
  --fc--link: var(--fc--button-tertiary);
  color: var(--fc--button-tertiary);
  background-color: var(--fc--button-tertiary-background);
  -webkit-text-decoration: var(--sya-button-tertiary-text-decoration);
  text-decoration: var(--sya-button-tertiary-text-decoration);
  border: var(--sya-button-tertiary-border);
  border-color: var(--fc--button-tertiary-border);
}
.button--variant-tertiary:hover {
  --sya-icon-color: var(--fc--button-tertiary-hover-icon);
  --sya-link-hover-text-decoration: var(
    --sya-button-tertiary-hover-text-decoration
  );
  --fc--link-hover: var(--fc--button-tertiary-hover);
  color: var(--fc--button-tertiary-hover);
  background-color: var(--fc--button-tertiary-hover-background);
}
.button--variant-tertiary:focus {
  color: var(--fc--link);
}
.button--variant-tertiary[disabled],
.button--variant-tertiary[disabled]:focus,
.button--variant-tertiary[disabled]:hover {
  --sya-icon-color: var(--fc--button-tertiary-disabled);
  --fc--link: var(--fc--button-tertiary-disabled);
  background-color: var(--fc--button-tertiary-disabled-background);
  border-color: var(--fc--button-tertiary-disabled-border);
  color: var(--fc--button-tertiary-disabled);
  cursor: not-allowed;
}
.button--variant-tertiary.button--keyboard-focus {
  --sya-icon-color: var(--fc--button-tertiary-focus);
  --fc--link: var(--fc--button-tertiary-focus);
  color: var(--fc--button-tertiary-focus);
  background-color: var(--fc--button-tertiary-focus-background);
}
.button--variant-text {
  --sya-icon-color: var(--fc--button-text-icon);
  --sya-link-text-decoration: var(--sya-button-text-text-decoration);
  --fc--link: var(--fc--button-text);
  color: var(--fc--button-text);
  background-color: var(--fc--button-text-background);
  -webkit-text-decoration: var(--sya-button-text-text-decoration);
  text-decoration: var(--sya-button-text-text-decoration);
  border: var(--sya-button-text-border);
  border-color: var(--fc--button-text-border);
}
.button--variant-text:hover {
  --sya-icon-color: var(--fc--button-text-hover-icon);
  --sya-link-hover-text-decoration: var(
    --sya-button-text-hover-text-decoration
  );
  --fc--link-hover: var(--fc--button-text-hover);
  color: var(--fc--button-text-hover);
  background-color: var(--fc--button-text-hover-background);
}
.button--variant-text:focus {
  color: var(--fc--link);
}
.button--variant-text[disabled],
.button--variant-text[disabled]:focus,
.button--variant-text[disabled]:hover {
  --sya-icon-color: var(--fc--button-text-disabled);
  --fc--link: var(--fc--button-text-disabled);
  background-color: var(--fc--button-text-disabled-background);
  border-color: var(--fc--button-text-disabled-border);
  color: var(--fc--button-text-disabled);
  cursor: not-allowed;
}
.button--variant-text.button--keyboard-focus {
  --sya-icon-color: var(--fc--button-text-focus);
  --fc--link: var(--fc--button-text-focus);
  color: var(--fc--button-text-focus);
  background-color: var(--fc--button-text-focus-background);
}
.button--variant-text.button--with-icon,
.button--variant-text.button--with-icon:hover {
  text-decoration: none;
}
.button--size-xl {
  --sya-icon-size: var(--sya-button-xl-icon-size);
  font-size: var(--sya-button-xl-font-size);
  line-height: var(--sya-button-xl-line-height);
  padding: var(--sya-button-xl-padding);
}
.button--size-xl.button--only-icon {
  --sya-icon-size: var(--sya-button-xl-only-icon-icon-size);
  padding: var(--sya-button-xl-only-icon-padding);
}
@media (max-width: 599.98px) {
  .button--size-xl.button--only-icon {
    --sya-icon-size: var(--sya-button-xl-break-xs-only-icon-icon-size);
  }
}
.button--size-xl.button--with-icon:not(.button--only-icon) {
  gap: var(--sya-button-xl-with-icon-grid-gap);
}
.button--size-xl.button--variant-text {
  padding: var(--sya-button-text-padding);
}
.button--size-l {
  --sya-icon-size: var(--sya-button-l-icon-size);
  font-size: var(--sya-button-l-font-size);
  line-height: var(--sya-button-l-line-height);
  padding: var(--sya-button-l-padding);
}
.button--size-l.button--only-icon {
  --sya-icon-size: var(--sya-button-l-only-icon-icon-size);
  padding: var(--sya-button-l-only-icon-padding);
}
@media (max-width: 599.98px) {
  .button--size-l.button--only-icon {
    --sya-icon-size: var(--sya-button-l-break-xs-only-icon-icon-size);
  }
}
.button--size-l.button--with-icon:not(.button--only-icon) {
  gap: var(--sya-button-l-with-icon-grid-gap);
}
.button--size-l.button--variant-text {
  padding: var(--sya-button-text-padding);
}
.button--size-m {
  --sya-icon-size: var(--sya-button-m-icon-size);
  font-size: var(--sya-button-m-font-size);
  line-height: var(--sya-button-m-line-height);
  padding: var(--sya-button-m-padding);
}
.button--size-m.button--only-icon {
  --sya-icon-size: var(--sya-button-m-only-icon-icon-size);
  padding: var(--sya-button-m-only-icon-padding);
}
@media (max-width: 599.98px) {
  .button--size-m.button--only-icon {
    --sya-icon-size: var(--sya-button-m-break-xs-only-icon-icon-size);
  }
}
.button--size-m.button--with-icon:not(.button--only-icon) {
  gap: var(--sya-button-m-with-icon-grid-gap);
}
.button--size-m.button--variant-text {
  padding: var(--sya-button-text-padding);
}
.button--size-s {
  --sya-icon-size: var(--sya-button-s-icon-size);
  font-size: var(--sya-button-s-font-size);
  line-height: var(--sya-button-s-line-height);
  padding: var(--sya-button-s-padding);
}
.button--size-s.button--only-icon {
  --sya-icon-size: var(--sya-button-s-only-icon-icon-size);
  padding: var(--sya-button-s-only-icon-padding);
}
@media (max-width: 599.98px) {
  .button--size-s.button--only-icon {
    --sya-icon-size: var(--sya-button-s-break-xs-only-icon-icon-size);
  }
}
.button--size-s.button--with-icon:not(.button--only-icon) {
  gap: var(--sya-button-s-with-icon-grid-gap);
}
.button--size-s.button--variant-text {
  padding: var(--sya-button-text-padding);
}
.button-group > .button {
  flex-grow: 1;
  flex-basis: 0;
}
:root {
  --fc--card-container-background: var(--fc--body-background);
  --sya-card-container-background-image-gradient: linear-gradient(
    90deg,
    var(--fc--body-background) 60%,
    transparent 90%
  );
  --sya-card-container-background-image-url: none;
  --sya-card-container-background-repeat: no-repeat;
  --sya-card-container-background-position: right;
  --sya-card-container-background-size: auto 100%;
  --fc--card-container: var(--fc--muted);
}
.card-container {
  position: relative;
  height: 135px;
  background-color: var(--fc--card-container-background);
  background-image: var(--sya-card-container-background-image-gradient),
    var(--sya-card-container-background-image-url);
  background-repeat: var(--sya-card-container-background-repeat);
  background-position: var(--sya-card-container-background-position);
  background-size: var(--sya-card-container-background-size);
  border-radius: var(--sya-global-border-radius-l);
  border: 1.5px solid var(--fc--divider);
  padding: var(--sya-spacer-100);
  overflow: hidden;
  color: var(--fc--card-container);
}
.card-container--clickable {
  cursor: pointer;
}
.card-container__bg-video {
  width: auto;
  z-index: 1;
}
.card-container__bg-video,
.card-container__bg-video-overlay {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: var(--sya-global-border-radius-l);
}
.card-container__bg-video-overlay {
  width: 100%;
  background-image: var(--sya-card-container-background-image-gradient);
  z-index: 2;
  transform: translateZ(0);
}
.card-content {
  font-weight: var(--sya-font-weight-regular);
  font-size: var(--sya-font-size-m);
  max-width: 200px;
}
.card-content,
.card-title {
  text-align: left;
  z-index: 3;
}
.carousel-container {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}
.carousel-container__content {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior: contain;
  position: relative;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  width: 100%;
  z-index: 1;
}
.carousel-container__content::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
  height: 0;
  width: 0;
}
.carousel-container__content::-webkit-scrollbar-thumb,
.carousel-container__content::-webkit-scrollbar-track {
  background: none;
}
.carousel-container--multi .carousel-container__content {
  overflow-x: hidden;
}
.carousel-controls-multi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.carousel-controls-multi--hidden {
  display: none;
}
.carousel-controls-multi__control {
  z-index: 5;
  position: absolute;
  height: 100%;
  width: 40px;
  transition: opacity var(--sya-global-transition-fast);
}
.carousel-controls-multi__control--hidden {
  opacity: 0;
  z-index: -1;
}
.carousel-controls-multi__control--left {
  left: 0;
  background: linear-gradient(
    90deg,
    var(--fc--body-background) 40%,
    transparent 100%
  );
}
.carousel-controls-multi__control--right {
  right: 0;
  background: linear-gradient(
    90deg,
    transparent 0,
    var(--fc--body-background) 60%
  );
}
@media (max-width: 767.98px) {
  .carousel-controls-multi__control {
    width: 30px;
  }
}
.carousel-controls {
  border-radius: var(--sya-global-border-radius-s);
  bottom: var(--sya-spacer-50);
  align-self: center;
}
.carousel-controls__button {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: var(--sya-spacer-50) 0;
}
.carousel-controls__indicator {
  width: 12px;
  height: 4px;
  background: var(--fc--muted);
  border-radius: var(--sya-global-border-radius-s);
  transition: width var(--sya-global-transition-fast);
}
.carousel-controls__indicator--active {
  background: var(--sya-color-white);
  width: 24px;
}
:root {
  --sya-carousel-element-items-xl: 1;
  --sya-carousel-element-items-l: 1;
  --sya-carousel-element-items-m: 1;
  --sya-carousel-element-items-s: 1;
  --sya-carousel-element-items-xs: 1;
  --sya-carousel-element-items-delta: 0.5;
}
.carousel-element {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 100%;
  scroll-snap-align: center;
}
.carousel-element--multi {
  scroll-snap-align: none;
}
@media (max-width: 767.98px) {
  :root {
    --sya-carousel-element-items-delta: 0.15;
  }
}
.carousel-element--multi {
  min-width: calc(
    100% /
      (
        var(--sya-carousel-element-items-xs) +
          var(--sya-carousel-element-items-delta)
      ) - var(--sya-carousel-container-gap)
  );
}
@media (min-width: 600px) and (max-width: 767.98px) {
  .carousel-element--multi {
    min-width: calc(
      100% /
        (
          var(--sya-carousel-element-items-s) +
            var(--sya-carousel-element-items-delta)
        ) - var(--sya-carousel-container-gap)
    );
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .carousel-element--multi {
    min-width: calc(
      100% /
        (
          var(--sya-carousel-element-items-m) +
            var(--sya-carousel-element-items-delta)
        ) - var(--sya-carousel-container-gap)
    );
  }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .carousel-element--multi {
    min-width: calc(
      100% /
        (
          var(--sya-carousel-element-items-l) +
            var(--sya-carousel-element-items-delta)
        ) - var(--sya-carousel-container-gap)
    );
  }
}
@media (min-width: 1440px) {
  .carousel-element--multi {
    min-width: calc(
      100% /
        (
          var(--sya-carousel-element-items-xl) +
            var(--sya-carousel-element-items-delta)
        ) - var(--sya-carousel-container-gap)
    );
  }
}
:root {
  --sya-checkbox-size: 16px;
}
.checkbox,
.checkbox__input {
  cursor: pointer;
}
.checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: var(--sya-checkbox-size);
  height: var(--sya-checkbox-size);
  border: 1px solid var(--fc--muted);
  border-radius: 2px;
  margin: 0;
}
.checkbox__input:checked {
  background-color: var(--sya-color-white);
  border: 1px solid var(--sya-color-white);
}
:root {
  --fc--chip-default-border: var(--sya-color-neutral-800);
  --fc--chip-default-background: var(--sya-color-neutral-800);
  --fc--chip-primary-border: var(--sya-color-primary);
  --sya-chip-priamry-background-color: transparent;
  --fc--chip-secondary-border: var(--fc--divider);
  --sya-chip-secondary-background-color: transparent;
  --fc--chip-selected-border: var(--fc--divider);
  --fc--chip-selected-background: var(--fc--divider);
}
.chip {
  display: flex;
  align-items: center;
  gap: var(--sya-spacer-50);
  border-width: 1.5px;
  border-style: solid;
  border-radius: 24px;
  color: var(--sya-color-white);
  font-family: var(--sya-body-font-family);
  font-size: var(--sya-font-size-m);
  line-height: var(--sya-line-height-m);
}
.chip--button,
.chip__delete-btn {
  cursor: pointer;
}
.chip__delete-btn,
.chip__icon {
  --sya-icon-size: 16px;
}
.chip--variant-default {
  border-color: var(--fc--chip-default-border);
  background-color: var(--fc--chip-default-background);
}
.chip--variant-primary {
  border-color: var(--sya-chip-primary-border-color);
  background-color: var(--sya-chip-primary-background-color);
}
.chip--variant-secondary {
  border-color: var(--fc--chip-secondary-border);
  background-color: var(--sya-chip-secondary-background-color);
}
.chip--variant-selected {
  border-color: var(--fc--chip-selected-border);
  background-color: var(--fc--chip-selected-background);
}
.chip--variant-gradient-border {
  border-color: transparent;
  background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)),
    linear-gradient(
      90deg,
      #3c3bfb,
      rgba(125, 83, 236, 0.787) 25%,
      rgba(216, 97, 231, 0.81) 50%,
      rgba(223, 43, 109, 0.68) 75%,
      rgba(251, 59, 59, 0.63)
    );
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px var(--sya-color-black) inset;
}
.chip--size-default {
  padding: var(--sya-spacer-50) var(--sya-spacer-100);
  font-weight: var(--sya-font-weight-regular);
}
.chip--size-small {
  padding: var(--sya-spacer-25) var(--sya-spacer-75);
  font-weight: var(--sya-font-weight-bold);
}
.chip--icon-position-right {
  flex-direction: row;
}
.chip--icon-position-left {
  flex-direction: row-reverse;
}
:root {
  --sya-collapsible-collapsed-height: 0;
  --sya-collapsible-text-min-height: 72px;
}
.collapsible-text {
  --sya-collapsible-collapsed-opacity: 1;
  --sya-collapsible-collapsed-height: var(--sya-collapsible-text-min-height);
  position: relative;
  padding-bottom: var(--sya-spacer-250);
}
.collapsible-text__trigger {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
:root {
  --sya-container-xl-inset: var(--sya-spacer-400);
  --sya-container-xl-max-width: 1440px;
  --sya-container-l-inset: var(--sya-spacer-200);
  --sya-container-l-max-width: 1024px;
  --sya-container-m-inset: var(--sya-spacer-200);
  --sya-container-m-max-width: 768px;
  --sya-container-s-inset: var(--sya-spacer-125);
  --sya-container-s-max-width: 100%;
  --sya-container-inset: var(--sya-container-xl-inset);
  --sya-container-max-width: var(--sya-container-xl-max-width);
}
.container {
  width: 100%;
  max-width: var(--sya-container-max-width);
  padding-right: var(--sya-container-inset);
  padding-left: var(--sya-container-inset);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1439.98px) {
  :root {
    --sya-container-inset: var(--sya-container-xl-inset);
    --sya-container-max-width: var(--sya-container-xl-max-width);
  }
}
@media (max-width: 1199.98px) {
  :root {
    --sya-container-inset: var(--sya-container-l-inset);
    --sya-container-max-width: var(--sya-container-l-max-width);
  }
}
@media (max-width: 767.98px) {
  :root {
    --sya-container-inset: var(--sya-container-m-inset);
    --sya-container-max-width: var(--sya-container-m-max-width);
  }
}
@media (max-width: 599.98px) {
  :root {
    --sya-container-inset: var(--sya-container-s-inset);
    --sya-container-max-width: var(--sya-container-s-max-width);
  }
}
.container--small {
  padding-left: var(--sya-spacer-100);
  padding-right: var(--sya-spacer-100);
  max-width: 480px;
}
.container .container {
  padding-left: 0;
  padding-right: 0;
}
:root {
  --fc--copy-value: var(--sya-color-white);
}
.copy-value {
  --fc--button-text: var(--fc--copy-value);
  --sya-button-m-icon-size: 14px;
}
:root {
  --sya-data-table-cell-actions-icon-size: 24px;
  --sya-data-table-cell-xs-actions-icon-size: 16px;
  --sya-data-table-cell-padding-top: var(--sya-spacer-100);
  --sya-data-table-cell-padding-right: var(--sya-spacer-50);
  --sya-data-table-cell-padding-bottom: var(--sya-spacer-100);
  --sya-data-table-cell-padding-left: var(--sya-spacer-50);
}
.data-table-cell {
  padding: var(--sya-data-table-cell-padding-top)
    var(--sya-data-table-cell-padding-right)
    var(--sya-data-table-cell-padding-bottom)
    var(--sya-data-table-cell-padding-left);
  max-width: 0;
}
.data-table-cell--hidden {
  display: none;
}
.data-table-cell__text {
  display: block;
}
.data-table-cell[data-column="rowIndex"] {
  width: 10px;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  word-break: unset;
}
.data-table-cell[data-column="expanded"] > * {
  text-align: left;
}
.data-table-cell[data-column="actions"] {
  --sya-button-m-only-icon-icon-size: var(
    --sya-data-table-cell-actions-icon-size
  );
  --sya-button-m-break-xs-only-icon-icon-size: var(
    --sya-data-table-cell-xs-actions-icon-size
  );
  --sya-action-menu-width: max-content;
  max-width: calc(
    var(--sya-data-table-cell-actions-icon-size) +
      var(--sya-data-table-cell-padding-right) * 2
  );
  width: calc(
    var(--sya-data-table-cell-actions-icon-size) +
      var(--sya-data-table-cell-padding-right) * 2
  );
}
@media (max-width: 599.98px) {
  .data-table-cell[data-column="rowIndex"] {
    display: none;
  }
  .data-table-cell[data-column="actions"] {
    --sya-button-m-break-xs-only-icon-icon-size: var(
      --sya-data-table-cell-xs-actions-icon-size
    );
    max-width: calc(
      var(--sya-data-table-cell-xs-actions-icon-size) +
        var(--sya-data-table-cell-padding-right) * 2
    );
  }
}
.data-table-cell--hidden-xs {
  display: none;
}
@media (max-width: 599.98px) {
  .data-table-cell--hidden-s {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .data-table-cell--hidden-m {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .data-table-cell--hidden-l {
    display: none;
  }
}
@media (max-width: 1439.98px) {
  .data-table-cell--hidden-xl {
    display: none;
  }
}
.data-table-head {
  --sya-info-tooltip-icon-color: var(--fc--muted);
  padding: var(--sya-spacer-50);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.data-table-head--hidden {
  display: none;
}
.data-table-head__layout--sortable {
  cursor: pointer;
}
.data-table-head[data-column="rowIndex"] {
  min-width: 20px;
}
@media (max-width: 599.98px) {
  .data-table-head[data-column="rowIndex"] {
    display: none;
  }
}
.data-table-head--hidden-xs {
  display: none;
}
@media (max-width: 599.98px) {
  .data-table-head--hidden-s {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .data-table-head--hidden-m {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .data-table-head--hidden-l {
    display: none;
  }
}
@media (max-width: 1439.98px) {
  .data-table-head--hidden-xl {
    display: none;
  }
}
.data-table-row {
  border-bottom: 1px solid var(--fc--divider);
}
.data-table-row:hover {
  background-color: var(--sya-color-neutral-850);
}
.data-table-row--clickable {
  cursor: pointer;
}
.data-table-row--collapsed,
.data-table-row--expanded {
  border: none;
}
.data-table-row--collapsed .data-table-cell {
  padding-top: 0;
  padding-bottom: 0;
}
.data-table-row--expanded .data-table-cell {
  padding-bottom: 0;
}
.data-table-row__expanded-content {
  height: 0;
  overflow: hidden;
  transition: height var(--sya-global-transition-fast);
}
.data-table-row__expanded-content--expanded {
  height: auto;
}
:root {
  --sya-data-table-min-height: auto;
}
.data-table {
  width: 100%;
  max-width: 100%;
  min-height: var(--sya-data-table-min-height);
}
.data-table__table {
  border-collapse: collapse;
  table-layout: fixed;
}
:root {
  --sya-colorpicker-size: 20px;
  --sya-colorpicker-radius: 8px;
  --fc--colorpicker-label: var(--sya-color-white);
}
.colorpicker__wrapper {
  cursor: pointer;
  border: 1px solid var(--fc--colorpicker-label);
  width: var(--sya-colorpicker-size);
  height: var(--sya-colorpicker-size);
  border-radius: var(--sya-colorpicker-radius);
  display: block;
}
.colorpicker__input {
  cursor: pointer;
  opacity: 0;
  width: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  display: block;
}
.colorpicker__label {
  cursor: pointer;
  color: var(--fc--colorpicker-label);
}
.date-range-selection__date {
  font-weight: var(--sya-font-weight-bold);
  background-color: transparent;
  padding: var(--sya-spacer-50) var(--sya-spacer-75);
  border-radius: var(--sya-global-border-radius-s);
  border: none;
}
.date-range-selection__date--selected {
  color: var(--sya-color-white);
  background-color: var(--sya-color-neutral-800);
}
.date-range-selection__date--enabled {
  cursor: pointer;
  color: var(--fpc--neutral-500);
}
.date-range-selection__date--disabled {
  color: var(--fc--button-secondary-background);
  background-color: transparent;
}
.date-range-selection__tooltip {
  z-index: 1;
}
:root {
  --sya-description-grid-gap: var(--sya-spacer-50);
}
.description-grid {
  display: grid;
  grid-row-gap: var(--sya-description-grid-gap);
  row-gap: var(--sya-description-grid-gap);
  font-weight: var(--sya-font-weight-regular);
}
.description-grid--direction-column {
  grid-auto-flow: column;
  --sya-description-grid-item-grid-template-columns: 1fr;
  --sya-description-grid-item-grid-template-rows: 1fr 1fr;
  --sya-description-grid-item-value-text-align: left;
}
.description-grid--direction-row {
  grid-auto-flow: row;
  --sya-description-grid-item-grid-template-columns: 1fr auto;
  --sya-description-grid-item-grid-template-rows: 1fr;
  --sya-description-grid-item-value-text-align: right;
}
@media (max-width: 767.98px) {
  .description-grid--direction-row-s {
    grid-auto-flow: row;
    --sya-description-grid-item-grid-template-columns: 1fr auto;
    --sya-description-grid-item-grid-template-rows: 1fr;
    --sya-description-grid-item-value-text-align: right;
  }
}
:root {
  --sya-description-grid-item-grid-template-columns: 1fr auto;
  --sya-description-grid-item-grid-template-rows: 1fr;
  --sya-description-grid-item-border-bottom: none;
  --sya-description-grid-item-padding: 0;
  --fc--description-grid-item-label: var(--fc--muted);
  --sya-description-grid-item-label-font-size: var(--sya-font-size-m);
  --sya-description-grid-item-label-font-weight: var(--sya-font-weight-regular);
  --fc--description-grid-item-value: var(--sya-color-white);
  --sya-description-grid-item-value-font-size: var(--sya-font-size-m);
  --sya-description-grid-item-value-font-weight: var(--sya-font-weight-regular);
  --sya-description-grid-item-value-text-align: right;
}
.description-grid-item {
  display: grid;
  grid-template-columns: var(--sya-description-grid-item-grid-template-columns);
  grid-template-rows: var(--sya-description-grid-item-grid-template-rows);
  grid-column-gap: var(--sya-spacer-50);
  column-gap: var(--sya-spacer-50);
  border-bottom: var(--sya-description-grid-item-border-bottom);
  padding: var(--sya-description-grid-item-padding);
  font-size: var(--sya-font-size-m);
}
.description-grid-item__label {
  color: var(--fc--description-grid-item-label);
  font-size: var(--sya-description-grid-item-label-font-size);
  font-weight: var(--sya-description-grid-item-label-font-weight);
}
.description-grid-item__value {
  --fc--link: var(--fc--description-grid-item-label);
  --fc--link-hover: var(--fc--description-grid-item-label);
  color: var(--fc--description-grid-item-value);
  font-size: var(--sya-description-grid-item-value-font-size);
  font-weight: var(--sya-description-grid-item-value-font-weight);
  text-align: var(--sya-description-grid-item-value-text-align);
}
.emoji {
  position: relative;
}
.emoji--size-l {
  font-size: var(--sya-font-size-h2);
  line-height: var(--sya-line-height-h2);
  padding: var(--sya-spacer-200);
}
.emoji__bg {
  position: absolute;
  height: 80%;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    65% 65% at 50% 50%,
    rgba(94, 56, 244, 0.35) 0,
    rgba(158, 134, 253, 0.35) 50%,
    hsla(0, 0%, 100%, 0) 100%
  );
  filter: blur(15px);
  z-index: -1;
}
:root {
  --sya-feedback-padding: var(--sya-spacer-200);
}
.feedback {
  padding: var(--sya-feedback-padding);
  text-align: center;
}
.feedback__emoji {
  font-size: var(--sya-emoji-font-size-l);
  line-height: var(--sya-emoji-line-height-l);
}
.filter-modal__modal {
  --sya-modal-header-grid-template-columns: 2fr 7fr 2fr;
}
.filter-modal__trigger--active {
  --fc--button-text-icon: var(--sya-color-primary);
  --fc--button-text-hover-icon: var(--sya-color-primary);
}
.filter-modal__apply-btn {
  width: 100%;
}
.flooz-connect-status {
  --sya-icon-color: var(--fc--muted);
  --sya-icon-size: 15px;
  max-width: 160px;
}
.flooz-connect-status--connected {
  --sya-icon-color: var(--sya-color-success);
}
.flooz-connect-status__icon {
  flex-shrink: 0;
}
.flooz-connect {
  --sya-action-menu-width: auto;
  --sya-action-menu-padding: var(--sya-spacer-25) 0;
}
.flooz-connect__button {
  --sya-button-text-text-decoration: none;
  --sya-button-text-icon-color: var(--fc--muted);
  --sya-button-text-hover-icon-color: var(--fc--muted);
}
.flooz-connect__button-content {
  min-width: 0;
}
.flooz-connect__disconnect {
  --fc--action-menu-item-icon: var(--fc--muted);
  --fc--action-menu-item-hover-icon: var(--fc--muted);
  --fc--action-menu-item: var(--fc--muted);
  --fc--action-menu-item-hover: var(--fc--muted);
  border-top: 1px solid var(--fc--divider);
  border-radius: 0;
}
.heading--size-h1 {
  --sya-skeleton-loader-height: var(--sya-font-size-h1);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h1) - var(--sya-font-size-h1)) / 2
    )
    0;
  font-size: var(--sya-font-size-h1);
  line-height: var(--sya-line-height-h1);
  font-weight: var(--sya-font-weight-bold);
}
@media (max-width: 1439.98px) {
  .heading--size-l-h1 {
    --sya-skeleton-loader-height: var(--sya-font-size-h1);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h1) - var(--sya-font-size-h1)) / 2
      )
      0;
    font-size: var(--sya-font-size-h1);
    line-height: var(--sya-line-height-h1);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 1199.98px) {
  .heading--size-m-h1 {
    --sya-skeleton-loader-height: var(--sya-font-size-h1);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h1) - var(--sya-font-size-h1)) / 2
      )
      0;
    font-size: var(--sya-font-size-h1);
    line-height: var(--sya-line-height-h1);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 767.98px) {
  .heading--size-s-h1 {
    --sya-skeleton-loader-height: var(--sya-font-size-h1);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h1) - var(--sya-font-size-h1)) / 2
      )
      0;
    font-size: var(--sya-font-size-h1);
    line-height: var(--sya-line-height-h1);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 599.98px) {
  .heading--size-xs-h1 {
    --sya-skeleton-loader-height: var(--sya-font-size-h1);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h1) - var(--sya-font-size-h1)) / 2
      )
      0;
    font-size: var(--sya-font-size-h1);
    line-height: var(--sya-line-height-h1);
    font-weight: var(--sya-font-weight-bold);
  }
}
.heading--size-h2 {
  --sya-skeleton-loader-height: var(--sya-font-size-h2);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h2) - var(--sya-font-size-h2)) / 2
    )
    0;
  font-size: var(--sya-font-size-h2);
  line-height: var(--sya-line-height-h2);
  font-weight: var(--sya-font-weight-bold);
}
@media (max-width: 1439.98px) {
  .heading--size-l-h2 {
    --sya-skeleton-loader-height: var(--sya-font-size-h2);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h2) - var(--sya-font-size-h2)) / 2
      )
      0;
    font-size: var(--sya-font-size-h2);
    line-height: var(--sya-line-height-h2);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 1199.98px) {
  .heading--size-m-h2 {
    --sya-skeleton-loader-height: var(--sya-font-size-h2);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h2) - var(--sya-font-size-h2)) / 2
      )
      0;
    font-size: var(--sya-font-size-h2);
    line-height: var(--sya-line-height-h2);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 767.98px) {
  .heading--size-s-h2 {
    --sya-skeleton-loader-height: var(--sya-font-size-h2);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h2) - var(--sya-font-size-h2)) / 2
      )
      0;
    font-size: var(--sya-font-size-h2);
    line-height: var(--sya-line-height-h2);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 599.98px) {
  .heading--size-xs-h2 {
    --sya-skeleton-loader-height: var(--sya-font-size-h2);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h2) - var(--sya-font-size-h2)) / 2
      )
      0;
    font-size: var(--sya-font-size-h2);
    line-height: var(--sya-line-height-h2);
    font-weight: var(--sya-font-weight-bold);
  }
}
.heading--size-h3 {
  --sya-skeleton-loader-height: var(--sya-font-size-h3);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h3) - var(--sya-font-size-h3)) / 2
    )
    0;
  font-size: var(--sya-font-size-h3);
  line-height: var(--sya-line-height-h3);
  font-weight: var(--sya-font-weight-bold);
}
@media (max-width: 1439.98px) {
  .heading--size-l-h3 {
    --sya-skeleton-loader-height: var(--sya-font-size-h3);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h3) - var(--sya-font-size-h3)) / 2
      )
      0;
    font-size: var(--sya-font-size-h3);
    line-height: var(--sya-line-height-h3);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 1199.98px) {
  .heading--size-m-h3 {
    --sya-skeleton-loader-height: var(--sya-font-size-h3);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h3) - var(--sya-font-size-h3)) / 2
      )
      0;
    font-size: var(--sya-font-size-h3);
    line-height: var(--sya-line-height-h3);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 767.98px) {
  .heading--size-s-h3 {
    --sya-skeleton-loader-height: var(--sya-font-size-h3);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h3) - var(--sya-font-size-h3)) / 2
      )
      0;
    font-size: var(--sya-font-size-h3);
    line-height: var(--sya-line-height-h3);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 599.98px) {
  .heading--size-xs-h3 {
    --sya-skeleton-loader-height: var(--sya-font-size-h3);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h3) - var(--sya-font-size-h3)) / 2
      )
      0;
    font-size: var(--sya-font-size-h3);
    line-height: var(--sya-line-height-h3);
    font-weight: var(--sya-font-weight-bold);
  }
}
.heading--size-h4 {
  --sya-skeleton-loader-height: var(--sya-font-size-h4);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h4) - var(--sya-font-size-h4)) / 2
    )
    0;
  font-size: var(--sya-font-size-h4);
  line-height: var(--sya-line-height-h4);
  font-weight: var(--sya-font-weight-bold);
}
@media (max-width: 1439.98px) {
  .heading--size-l-h4 {
    --sya-skeleton-loader-height: var(--sya-font-size-h4);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h4) - var(--sya-font-size-h4)) / 2
      )
      0;
    font-size: var(--sya-font-size-h4);
    line-height: var(--sya-line-height-h4);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 1199.98px) {
  .heading--size-m-h4 {
    --sya-skeleton-loader-height: var(--sya-font-size-h4);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h4) - var(--sya-font-size-h4)) / 2
      )
      0;
    font-size: var(--sya-font-size-h4);
    line-height: var(--sya-line-height-h4);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 767.98px) {
  .heading--size-s-h4 {
    --sya-skeleton-loader-height: var(--sya-font-size-h4);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h4) - var(--sya-font-size-h4)) / 2
      )
      0;
    font-size: var(--sya-font-size-h4);
    line-height: var(--sya-line-height-h4);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 599.98px) {
  .heading--size-xs-h4 {
    --sya-skeleton-loader-height: var(--sya-font-size-h4);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h4) - var(--sya-font-size-h4)) / 2
      )
      0;
    font-size: var(--sya-font-size-h4);
    line-height: var(--sya-line-height-h4);
    font-weight: var(--sya-font-weight-bold);
  }
}
.heading--size-h5 {
  --sya-skeleton-loader-height: var(--sya-font-size-h5);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h5) - var(--sya-font-size-h5)) / 2
    )
    0;
  font-size: var(--sya-font-size-h5);
  line-height: var(--sya-line-height-h5);
  font-weight: var(--sya-font-weight-bold);
}
@media (max-width: 1439.98px) {
  .heading--size-l-h5 {
    --sya-skeleton-loader-height: var(--sya-font-size-h5);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h5) - var(--sya-font-size-h5)) / 2
      )
      0;
    font-size: var(--sya-font-size-h5);
    line-height: var(--sya-line-height-h5);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 1199.98px) {
  .heading--size-m-h5 {
    --sya-skeleton-loader-height: var(--sya-font-size-h5);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h5) - var(--sya-font-size-h5)) / 2
      )
      0;
    font-size: var(--sya-font-size-h5);
    line-height: var(--sya-line-height-h5);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 767.98px) {
  .heading--size-s-h5 {
    --sya-skeleton-loader-height: var(--sya-font-size-h5);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h5) - var(--sya-font-size-h5)) / 2
      )
      0;
    font-size: var(--sya-font-size-h5);
    line-height: var(--sya-line-height-h5);
    font-weight: var(--sya-font-weight-bold);
  }
}
@media (max-width: 599.98px) {
  .heading--size-xs-h5 {
    --sya-skeleton-loader-height: var(--sya-font-size-h5);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-h5) - var(--sya-font-size-h5)) / 2
      )
      0;
    font-size: var(--sya-font-size-h5);
    line-height: var(--sya-line-height-h5);
    font-weight: var(--sya-font-weight-bold);
  }
}
.heading--color-white {
  color: var(--fc--white);
}
.heading--color-muted {
  color: var(--fc--muted);
}
.heading--color-positive {
  color: var(--fc--positive);
}
.heading--color-negative {
  color: var(--fc--negative);
}
.heading--color-header {
  color: var(--fc--header);
}
.heading--clickable {
  cursor: pointer;
}
:root {
  --sya-hexagon-shape-size: 60px;
  --sya-hexagon-shape-border-width: 0;
  --fc--hexagon-shape-border: var(--sya-color-black);
}
.hexagon-shape {
  width: var(--sya-hexagon-shape-size);
  height: var(--sya-hexagon-shape-size);
}
.hexagon-shape__border {
  stroke: var(--fc--hexagon-shape-border);
  stroke-width: var(--sya-hexagon-shape-border-width);
}
:root {
  --sya-icon-size: 16px;
  --sya-icon-color: inherit;
}
.icon {
  width: var(--sya-icon-size);
  height: var(--sya-icon-size);
  color: var(--sya-icon-color);
}
.info-popup {
  color: var(--sya-color-primary);
  padding: var(--sya-spacer-50);
  cursor: pointer;
}
.info-popup__icon {
  --sya-lottie-animation-size: 120px;
  align-self: center;
  color: var(--sya-color-white);
}
:root {
  --fc--info-tooltip-content-secondary-info-background: var(--fpc--neutral-750);
}
.info-tooltip-content {
  text-align: left;
  white-space: pre-wrap;
}
.info-tooltip-content__secondary-info {
  padding: var(--sya-spacer-50);
  background-color: var(--fc--info-tooltip-content-secondary-info-background);
  border-radius: var(--sya-global-border-radius-m);
}
:root {
  --sya-info-tooltip-icon-color: inherit;
}
.info-tooltip {
  --sya-icon-color: var(--sya-info-tooltip-icon-color);
}
.info-tooltip__content-wrapper {
  z-index: 10;
  max-width: 350px;
}
:root {
  --sya-input-field-padding: var(--sya-form-field-padding);
  --sya-input-field-text-align: var(--sya-form-field-text-align);
}
.input-field {
  display: grid;
  position: relative;
}
.input-field__input {
  width: var(--sya-input-field-width, var(--sya-form-field-width));
  min-width: var(--sya-form-field-width);
  color: var(--fc--form-field);
  background-color: var(
    --sya-input-field-background-color,
    var(--fc--form-field-background)
  );
  outline: var(--sya-form-field-outline);
  border: var(--sya-input-field-border, var(--sya-form-field-border));
  border-radius: var(--sya-form-field-border-radius);
  padding: var(--sya-input-field-padding, var(--sya-form-field-padding));
  text-align: var(
    --sya-input-field-text-align,
    var(--sya-form-field-text-align)
  );
  font-size: var(--sya-form-field-font-size);
  line-height: var(--sya-form-field-line-height);
  font-weight: var(--sya-form-field-font-weight);
}
.input-field__input::placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.input-field__input::-webkit-input-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.input-field__input::-moz-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.input-field__input::-ms-input-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.input-field__input:hover {
  color: var(--fc--form-field-hover);
  background-color: var(
    --sya-input-field-hover-background-color,
    var(--fc--form-field-hover-background)
  );
  border: var(
    --sya-input-field-hover-border,
    var(--sya-form-field-hover-border)
  );
}
.input-field__input:focus,
.input-field__input:focus-within {
  color: var(--fc--form-field-focus);
  background-color: var(
    --sya-input-field-focus-background-color,
    var(--fc--form-field-focus-background)
  );
  border: var(
    --sya-input-field-focus-border,
    var(--sya-form-field-focus-border)
  );
}
.input-field__input--readonly,
.input-field__input--readonly:focus,
.input-field__input--readonly:focus-within,
.input-field__input--readonly:hover {
  color: var(--fc--form-field-readonly);
  background-color: var(
    --sya-input-field-readonly-background-color,
    var(--fc--form-field-readonly-background)
  );
  border: var(
    --sya-input-field-readonly-border,
    var(--sya-form-field-readonly-border)
  );
  cursor: default;
}
.input-field__input--severity-error,
.input-field__input--severity-error:focus,
.input-field__input--severity-error:focus-within,
.input-field__input--severity-error:hover {
  border: var(--sya-form-field-error-border);
}
.input-field__input--severity-success,
.input-field__input--severity-success:focus,
.input-field__input--severity-success:focus-within,
.input-field__input--severity-success:hover {
  border: var(--sya-form-field-success-border);
}
.input-field__input--quiet {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: var(--sya-font-size-h4);
  line-height: var(--sya-line-height-h4);
}
.input-field__input--quiet:-moz-read-only {
  background-color: transparent;
  border: none;
}
.input-field__input--quiet:disabled,
.input-field__input--quiet:focus,
.input-field__input--quiet:focus-within,
.input-field__input--quiet:hover,
.input-field__input--quiet:read-only {
  background-color: transparent;
  border: none;
}
.input-field__input--quiet ~ .input-field__loader.skeleton-loader {
  --sya-skeleton-loader-height: var(--sya-font-size-h4);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-h4) - var(--sya-font-size-h4)) / 2
    )
    0;
}
.input-field__max-length {
  text-align: right;
  font-size: var(--sya-font-size-m);
}
.input-field__loader.skeleton-loader {
  --sya-skeleton-loader-width: var(
    --sya-input-field-width,
    var(--sya-form-field-width)
  );
  --sya-skeleton-loader-height: var(--sya-form-field-font-size);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-form-field-line-height) - var(--sya-form-field-font-size)) / 2
    )
    0;
  position: absolute;
}
@media (max-width: 599.98px) {
  .input-field__input--extra-bottom-margin {
    margin-bottom: 350px;
  }
}
:root {
  --sya-input-group-padding: var(--sya-spacer-50) var(--sya-spacer-75);
  --fc--input-group-background: var(--sya-color-neutral-800);
  --fc--input-group-hover-background: var(--fc--input-group-background);
  --fc--input-group-focus-background: var(--fc--input-group-background);
  --fc--input-group-readonly-background: var(--fc--input-group-background);
}
.input-group {
  width: var(--sya-input-group-width, var(--sya-form-field-width));
  min-width: var(--sya-form-field-width);
  color: var(--fc--form-field);
  background-color: var(
    --sya-input-group-background-color,
    var(--fc--form-field-background)
  );
  outline: var(--sya-form-field-outline);
  border: var(--sya-input-group-border, var(--sya-form-field-border));
  border-radius: var(--sya-form-field-border-radius);
  padding: var(--sya-input-group-padding, var(--sya-form-field-padding));
  text-align: var(
    --sya-input-group-text-align,
    var(--sya-form-field-text-align)
  );
  font-size: var(--sya-form-field-font-size);
  line-height: var(--sya-form-field-line-height);
  font-weight: var(--sya-form-field-font-weight);
  --sya-input-field-padding: 0;
  --sya-input-field-background-color: var(--fc--input-group-background);
  --sya-input-field-hover-background-color: var(--fc--input-group-background);
  --sya-input-field-focus-background-color: var(--fc--input-group-background);
  --sya-input-field-readonly-background-color: var(
    --fc--input-group-background
  );
  --sya-input-field-border: 1.5px solid var(--fc--input-group-background);
  --sya-input-field-hover-border: 1.5px solid var(--fc--input-group-background);
  --sya-input-field-focus-border: 1.5px solid var(--fc--input-group-background);
  --sya-input-field-readonly-border: 1.5px solid
    var(--fc--input-group-background);
}
.input-group::placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.input-group::-webkit-input-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.input-group::-moz-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.input-group::-ms-input-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.input-group:hover {
  color: var(--fc--form-field-hover);
  background-color: var(
    --sya-input-group-hover-background-color,
    var(--fc--form-field-hover-background)
  );
  border: var(
    --sya-input-group-hover-border,
    var(--sya-form-field-hover-border)
  );
}
.input-group:focus,
.input-group:focus-within {
  color: var(--fc--form-field-focus);
  background-color: var(
    --sya-input-group-focus-background-color,
    var(--fc--form-field-focus-background)
  );
  border: var(
    --sya-input-group-focus-border,
    var(--sya-form-field-focus-border)
  );
}
.input-group--readonly,
.input-group--readonly:focus,
.input-group--readonly:focus-within,
.input-group--readonly:hover {
  color: var(--fc--form-field-readonly);
  background-color: var(
    --sya-input-group-readonly-background-color,
    var(--fc--form-field-readonly-background)
  );
  border: var(
    --sya-input-group-readonly-border,
    var(--sya-form-field-readonly-border)
  );
  cursor: default;
}
.input-group--severity-error,
.input-group--severity-error:focus,
.input-group--severity-error:focus-within,
.input-group--severity-error:hover {
  border: var(--sya-form-field-error-border);
}
.input-group--severity-success,
.input-group--severity-success:focus,
.input-group--severity-success:focus-within,
.input-group--severity-success:hover {
  border: var(--sya-form-field-success-border);
}
.input-group > .input-field {
  flex-grow: 1;
}
:root {
  --sya-item-list-action-icon-size: 30px;
}
.item-list-action {
  width: 100%;
}
.item-list-action__action.swipe-action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--sya-color-primary);
  padding: var(--sya-spacer-50) var(--sya-spacer-100);
  cursor: pointer;
  font-weight: var(--sya-font-weight-regular);
  color: var(--sya-color-white-internal);
}
.item-list-action__action.swipe-action > * {
  flex: initial;
}
.item-list-action__icon {
  --sya-icon-size: var(--sya-item-list-action-icon-size);
  --sya-icon-color: var(--sya-color-white-internal);
}
:root {
  --sya-item-list-container-gap: var(--sya-spacer-25);
  --sya-item-list-container-margin: 0;
}
.item-list-container.swipeable-list {
  display: flex;
  flex-direction: column;
  gap: var(--sya-item-list-container-gap);
  margin: var(--sya-item-list-container-margin);
  overflow: visible;
  width: auto;
}
.item-list-item-structured-child {
  padding: var(--sya-spacer-100);
}
.item-list-item-structured-child__icon-wrapper {
  width: 44px;
  height: 44px;
  background-color: var(--sya-color-neutral-900);
  border-radius: 22px;
}
.item-list-item-structured-child__first-column {
  text-align: left;
}
.item-list-item-structured-child__second-column {
  text-align: right;
}
.item-list-item-structured-child__second-column div,
.item-list-item-structured-child__second-column p,
.item-list-item-structured-child__second-column span {
  white-space: nowrap;
}
:root {
  --sya-item-list-item-background-color: transparent;
  --sya-item-list-item-border-radius: var(--sya-global-border-radius-m);
  --fc--item-list-item-hover-background: var(--sya-color-neutral-850);
  --sya-item-list-item-disabled-background-color: transparent;
  --fc--item-list-item-selected-background: var(--sya-color-neutral-800);
}
.item-list-item {
  border-radius: var(--sya-item-list-item-border-radius);
  background-color: var(--sya-item-list-item-background-color);
  cursor: pointer;
}
.item-list-item:hover {
  background-color: var(--fc--item-list-item-hover-background);
}
.item-list-item--disabled {
  cursor: default;
}
.item-list-item--disabled,
.item-list-item--disabled:hover {
  background-color: var(--sya-item-list-item-disabled-background-color);
}
.item-list-item--selected {
  cursor: default;
}
.item-list-item--selected,
.item-list-item--selected:hover {
  background-color: var(--fc--item-list-item-selected-background);
}
.swipeable-list-item.item-list-item__swipe {
  overflow: visible;
}
.item-list-item__web-actions-wrapper {
  padding: var(--sya-spacer-100);
}
.item-list-item__web-action {
  --sya-icon-size: 20px;
  --sya-icon-color: var(--fc--muted);
  visibility: hidden;
}
.item-list-item__web-action:hover {
  --sya-icon-color: var(--sya-color-white);
}
.item-list-item:hover .item-list-item__web-action {
  visibility: visible;
}
@media (max-width: 767.98px) {
  .stack-layout.item-list-item__web-actions-wrapper {
    display: none;
  }
  .swipeable-list-item.item-list-item__swipe {
    overflow: hidden;
  }
  .item-list-item__wrapper {
    border-radius: 0;
  }
}
:root {
  --fc--keyboard-shortcut-background: var(--sya-color-neutral-800);
}
.keyboard-shortcut {
  background-color: var(--fc--keyboard-shortcut-background);
  padding: var(--sya-spacer-50);
  border-radius: 4px;
  color: var(--fc--muted);
  font-weight: var(--sya-font-weight-regular);
}
.keyboard-shortcut__label {
  line-height: 16px;
}
@media (max-width: 767.98px) {
  .keyboard-shortcut.stack-layout {
    display: none;
  }
}
.grid-layout {
  display: grid;
}
.grid-layout--gap-0 {
  gap: var(--sya-spacer-0);
}
.grid-layout--gap-25 {
  gap: var(--sya-spacer-25);
}
.grid-layout--gap-50 {
  gap: var(--sya-spacer-50);
}
.grid-layout--gap-75 {
  gap: var(--sya-spacer-75);
}
.grid-layout--gap-100 {
  gap: var(--sya-spacer-100);
}
.grid-layout--gap-125 {
  gap: var(--sya-spacer-125);
}
.grid-layout--gap-150 {
  gap: var(--sya-spacer-150);
}
.grid-layout--gap-200 {
  gap: var(--sya-spacer-200);
}
.grid-layout--gap-250 {
  gap: var(--sya-spacer-250);
}
.grid-layout--gap-300 {
  gap: var(--sya-spacer-300);
}
.grid-layout--gap-400 {
  gap: var(--sya-spacer-400);
}
.grid-layout--flow-column {
  grid-auto-flow: column;
}
.grid-layout--flow-row {
  grid-auto-flow: row;
}
.grid-layout--align-items-center {
  align-items: center;
}
.grid-layout--align-items-start {
  align-items: start;
}
.grid-layout--align-items-end {
  align-items: end;
}
.stack-layout {
  display: flex;
}
.stack-layout--gap-0 {
  gap: var(--sya-spacer-0);
}
.stack-layout.stack-layout--row-gap-0 {
  row-gap: var(--sya-spacer-0);
}
.stack-layout--gap-25 {
  gap: var(--sya-spacer-25);
}
.stack-layout.stack-layout--row-gap-25 {
  row-gap: var(--sya-spacer-25);
}
.stack-layout--gap-50 {
  gap: var(--sya-spacer-50);
}
.stack-layout.stack-layout--row-gap-50 {
  row-gap: var(--sya-spacer-50);
}
.stack-layout--gap-75 {
  gap: var(--sya-spacer-75);
}
.stack-layout.stack-layout--row-gap-75 {
  row-gap: var(--sya-spacer-75);
}
.stack-layout--gap-100 {
  gap: var(--sya-spacer-100);
}
.stack-layout.stack-layout--row-gap-100 {
  row-gap: var(--sya-spacer-100);
}
.stack-layout--gap-125 {
  gap: var(--sya-spacer-125);
}
.stack-layout.stack-layout--row-gap-125 {
  row-gap: var(--sya-spacer-125);
}
.stack-layout--gap-150 {
  gap: var(--sya-spacer-150);
}
.stack-layout.stack-layout--row-gap-150 {
  row-gap: var(--sya-spacer-150);
}
.stack-layout--gap-200 {
  gap: var(--sya-spacer-200);
}
.stack-layout.stack-layout--row-gap-200 {
  row-gap: var(--sya-spacer-200);
}
.stack-layout--gap-250 {
  gap: var(--sya-spacer-250);
}
.stack-layout.stack-layout--row-gap-250 {
  row-gap: var(--sya-spacer-250);
}
.stack-layout--gap-300 {
  gap: var(--sya-spacer-300);
}
.stack-layout.stack-layout--row-gap-300 {
  row-gap: var(--sya-spacer-300);
}
.stack-layout--gap-400 {
  gap: var(--sya-spacer-400);
}
.stack-layout.stack-layout--row-gap-400 {
  row-gap: var(--sya-spacer-400);
}
.stack-layout--direction-row {
  flex-direction: row;
}
.stack-layout--direction-row-reverse {
  flex-direction: row-reverse;
}
.stack-layout--direction-column {
  flex-direction: column;
}
.stack-layout--direction-column-reverse {
  flex-direction: column-reverse;
}
.stack-layout--align-items-center {
  align-items: center;
}
.stack-layout--align-items-start {
  align-items: start;
}
.stack-layout--align-items-end {
  align-items: end;
}
.stack-layout--align-items-baseline {
  align-items: baseline;
}
.stack-layout--justify-content-space-between {
  justify-content: space-between;
}
.stack-layout--justify-content-center {
  justify-content: center;
}
.stack-layout--justify-content-end {
  justify-content: end;
}
.stack-layout--justify-content-start {
  justify-content: start;
}
.stack-layout--wrap-wrap {
  flex-wrap: wrap;
}
.stack-layout--wrap-no-wrap {
  flex-wrap: nowrap;
}
.stack-layout--grow-0 {
  flex-grow: 0;
}
.stack-layout--grow-1 {
  flex-grow: 1;
}
.stack-layout--grow-5 {
  flex-grow: 5;
}
.stack-layout--shrink-0 {
  flex-shrink: 0;
}
.stack-layout--shrink-1 {
  flex-shrink: 1;
  min-width: 0;
}
:root {
  --fc--link: var(--fc--anchor);
  --sya-link-text-decoration: var(--sya-anchor-text-decoration);
  --fc--link-hover: var(--fc--anchor-hover);
  --sya-link-hover-text-decoration: var(--sya-anchor-hover-text-decoration);
}
.link {
  color: var(--fc--link);
  -webkit-text-decoration: var(--sya-link-text-decoration);
  text-decoration: var(--sya-link-text-decoration);
}
.link:hover {
  color: var(--fc--link-hover);
  -webkit-text-decoration: var(--sya-link-hover-text-decoration);
  text-decoration: var(--sya-link-hover-text-decoration);
}
.link:focus:not(.link--keyboard-focus) {
  outline: none;
}
:root {
  --sya-lottie-animation-size: inherit;
  --sya-lottie-animation-filter: none;
}
.lottie-animation {
  width: var(--sya-lottie-animation-size);
  height: var(--sya-lottie-animation-size);
  filter: var(--sya-lottie-animation-filter);
}
:root {
  --fc--modal-container-background: var(--sya-color-neutral-900);
  --sya-modal-container-web-top: 50%;
  --sya-modal-container-overlay-background-color: rgba(0, 0, 0, 0.7);
}
.ReactModal__Body--open {
  overflow: hidden;
}
.ReactModal__Overlay {
  opacity: 0;
  background-color: var(
    --sya-modal-container-overlay-background-color
  ) !important;
  transition: opacity var(--sya-global-transition-fast);
  z-index: 90;
}
.ReactModal__Overlay--after-open {
  opacity: 1;
}
.ReactModal__Overlay--after-open .modal-container--web {
  top: var(--sya-modal-container-web-top);
}
.modal-container--mobile .react-modal-sheet-container {
  height: calc(100% - env(safe-area-inset-top)) !important;
  background-color: var(--fc--modal-container-background) !important;
}
.modal-container--mobile-height-auto .react-modal-sheet-container {
  height: auto !important;
  max-height: calc(100% - env(safe-area-inset-top));
}
.modal-container--web {
  position: relative;
  top: 55%;
  right: auto;
  bottom: auto;
  left: 50%;
  max-height: 80%;
  transform: translate(-50%, -50%);
  background-color: var(--fc--modal-container-background);
  width: 400px;
  border-radius: 15px;
  transition: top var(--sya-global-transition-fast);
  outline: none;
  overflow: auto;
}
:root {
  --sya-modal-content-padding-top: var(--sya-spacer-125);
  --sya-modal-content-padding-bottom: var(--sya-spacer-125);
  --sya-modal-content-padding-left: var(--sya-spacer-125);
  --sya-modal-content-padding-right: var(--sya-spacer-125);
  --sya-modal-content-tabs-nav-entry-active-background-color: var(
    --sya-color-neutral-800
  );
}
.modal-content {
  --fc--tabs-nav-entry-active-background: var(
    --sya-modal-content-tabs-nav-entry-active-background-color
  );
  padding: var(--sya-modal-content-padding-top)
    var(--sya-modal-content-padding-right)
    var(--sya-modal-content-padding-bottom)
    var(--sya-modal-content-padding-left);
  display: flex;
  flex-grow: 1;
  overflow: auto;
}
.modal-footer {
  padding: var(--sya-spacer-125);
}
:root {
  --sya-modal-header-grid-template-columns: 1fr 7fr 1fr;
}
.modal-header {
  display: grid;
  grid-template-areas: "close title action";
  grid-template-columns: var(--sya-modal-header-grid-template-columns);
  align-items: center;
  justify-items: start;
  grid-column-gap: var(--sya-spacer-100);
  column-gap: var(--sya-spacer-100);
  padding: var(--sya-spacer-125) var(--sya-spacer-125) var(--sya-spacer-75)
    var(--sya-spacer-125);
}
.modal-header__layout {
  justify-self: center;
}
.modal-header__title {
  grid-area: title;
  justify-self: center;
}
.modal-header__close {
  grid-area: close;
  justify-self: start;
}
.modal-header__action {
  grid-area: action;
  justify-self: end;
}
.modal-connect-wc-direct {
  --sya-lottie-animation-size: 250px;
  width: 100%;
  border-bottom: 1px solid var(--fc--divider);
  padding-bottom: var(--sya-spacer-50);
}
.modal-connect-wc-direct__qr-code-wrapper {
  position: relative;
}
.modal-connect-wc-direct__qr-code {
  width: 250px;
  height: 250px;
  border-radius: var(--sya-global-border-radius-s);
}
.modal-connect-wc-direct__logo,
.modal-connect-wc-direct__qr-code {
  padding: var(--sya-spacer-50);
  background-color: var(--sya-color-white-internal);
}
.modal-connect-wc-direct__logo {
  --sya-icon-size: 60px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.modal-connect-wc-direct__icon {
  --sya-icon-size: 74px;
}
.modal-connect-wc-direct__warning-animation {
  width: 180px;
  height: 180px;
}
.modal-connect-wc-direct__warning {
  padding: 0 var(--sya-spacer-150) var(--sya-spacer-150) var(--sya-spacer-150);
}
@media (max-width: 767.98px) {
  .modal-connect-wc-direct {
    padding-bottom: var(--sya-spacer-100);
  }
}
.modal-connect-status {
  --sya-icon-size: 74px;
  --sya-lottie-animation-size: 60px;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid var(--fc--divider);
  padding-bottom: var(--sya-spacer-100);
}
.modal-connect__content {
  padding-left: 0;
  padding-right: 0;
}
.modal-connect__connectors {
  padding-top: var(--sya-spacer-100);
  max-width: 320px;
  width: 100%;
}
.modal-connect__connector {
  --sya-icon-size: 32px;
  padding: var(--sya-spacer-50);
  border-radius: var(--sya-global-border-radius-s);
  cursor: pointer;
}
.modal-connect__connector:first-child,
.modal-connect__connector:nth-child(2) {
  padding: var(--sya-spacer-50) var(--sya-spacer-200);
}
.modal-connect__connector--deeplink {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sya-spacer-50);
}
.modal-connect__connector--selected {
  background-color: var(--fc--button-primary-disabled-background);
}
.modal-connect__connector-icon {
  padding: var(--sya-spacer-25);
  border-radius: var(--sya-global-border-radius-s);
}
.modal-connect__connector--WALLET_CONNECT_FLOOZ .modal-connect__connector-icon {
  padding: 0;
  background-color: transparent;
}
.modal-connect__footer {
  padding-top: var(--sya-spacer-125);
  border-top: 1px solid var(--fc--divider);
}
.modal-connect__footer__flooz-info__button {
  background-color: transparent;
  border: 1px solid var(--fc--button-secondary-background);
}
@media (max-width: 767.98px) {
  .modal-connect__content {
    border-top: 1px solid var(--fc--divider);
  }
  .modal-connect__connectors {
    padding-top: 0;
  }
}
.modal-root__modal {
  display: none;
  overflow: auto;
}
.modal-root__modal--visible {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.modal-switch-network__chain-logo {
  --sya-icon-color: var(--sya-color-white);
  --sya-icon-size: 80px;
  align-self: center;
}
.page-container {
  padding-top: var(--sya-spacer-400);
  padding-bottom: var(--sya-spacer-200);
}
@media (max-width: 767.98px) {
  .page-container {
    padding-top: var(--sya-spacer-200);
    padding-bottom: var(--sya-spacer-200);
  }
}
:root {
  --sya-page-structured-aside-content-width: 400px;
  --sya-page-structured-aside-mobile-translate-y: 0px;
}
.page-structured-aside__trigger {
  display: none;
  margin-top: -200px;
  z-index: 5;
  --sya-button-xl-with-icon-grid-gap: var(--sya-spacer-25);
}
.page-structured-aside__overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100vw;
  background: var(--sya-color-black-internal);
  opacity: 0.7;
}
.page-structured-aside__column {
  top: calc(var(--sya-topbar-height) + var(--sya-spacer-100));
  position: -webkit-sticky;
  position: sticky;
  margin-top: -110px;
  min-width: var(--sya-page-structured-aside-content-width);
  max-width: var(--sya-page-structured-aside-content-width);
  --sya-widget-container-dismiss-display: none;
  transition: right var(--sya-global-transition-fast);
}
.page-structured-aside__column-extra {
  width: 100%;
}
@media (max-width: 1199.98px) {
  .page-structured-aside__column-extra {
    display: none;
  }
  .page-structured-aside__column {
    --sya-widget-container-dismiss-display: block;
    position: fixed;
    right: calc(
      (
          var(--sya-page-structured-aside-content-width) +
            var(--sya-container-inset)
        ) * -1
    );
    top: 50%;
    margin-top: 0;
    transform: translateY(-50%);
  }
  .page-structured-aside__column--visible {
    right: 0;
    z-index: 110;
  }
  .page-structured-aside__overlay--visible {
    display: block;
    z-index: 100;
  }
  .page-structured-aside__trigger {
    display: grid;
    position: fixed;
    right: -10px;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .page-structured-aside__trigger--hidden {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .page-structured-aside__content {
    display: none;
  }
  .page-structured-aside__trigger {
    display: grid;
    top: auto;
    right: auto;
    bottom: var(--sya-spacer-50);
    left: 50%;
    transition: transform var(--sya-global-transition-fast);
    transform: translate(
      -50%,
      var(--sya-page-structured-aside-mobile-translate-y)
    );
    width: calc(100% - var(--sya-container-inset) * 2);
  }
  .page-structured-aside__trigger--hidden {
    display: none;
  }
  .page-structured-aside__trigger .button__icon {
    --sya-button-xl-with-icon-grid-gap: 0;
    display: none;
  }
}
.page-structured-container {
  padding-top: var(--sya-spacer-400);
  padding-bottom: var(--sya-spacer-400);
  display: flex;
  flex-direction: column;
  gap: var(--sya-spacer-200);
}
.page-structured-container--with-tabs {
  gap: 0;
}
.page-structured-container--with-sidebar {
  padding-left: calc(
    var(--sya-container-inset) * 2 + var(--sya-navigation-bar-width)
  );
}
@media (max-width: 767.98px) {
  .page-structured-container {
    padding-top: 0;
    padding-bottom: var(--sya-spacer-200);
  }
  .page-structured-container--with-sidebar {
    padding-left: var(--sya-container-inset);
  }
  .page-structured-container--with-tabs-mobile {
    gap: 0;
  }
}
:root {
  --sya-page-structured-content-padding: 0 var(--sya-spacer-200);
}
.page-structured-content--with-tabs,
.page-structured-content--with-widget {
  margin-top: var(--sya-spacer-150);
}
@media (max-width: 767.98px) {
  .page-structured-content--with-tabs,
  .page-structured-content--with-widget {
    margin-top: var(--sya-spacer-100);
  }
  .page-structured-content--with-tabs-mobile {
    margin-top: var(--sya-spacer-125);
  }
}
@media (max-width: 599.98px) {
  .page-structured-content--with-tabs,
  .page-structured-content--with-widget {
    margin-top: var(--sya-spacer-50);
  }
}
:root {
  --sya-page-structured-overview-padding: var(--sya-spacer-200);
  --sya-page-structured-overview-background-color: var(--sya-color-neutral-900);
  --sya-page-structured-overview-logo-border-radius: 50%;
  --sya-page-structured-overview-logo-size: 80px;
  --sya-page-structured-overview-logo-border-width: 0px;
  --sya-page-structured-overview-logo-border-color: transparent;
  --sya-page-structured-overview-logo-small-size: 56px;
}
.page-structured-overview {
  --sya-widget-container-padding: var(--sya-page-structured-overview-padding);
  --sya-widget-container-background-color: var(
    --sya-page-structured-overview-background-color
  );
  --fc--header: var(--fpc--neutral-100);
  --fc--button-text-icon: var(--fpc--neutral-100);
  --fc--button-text-hover-icon: var(--fpc--neutral-300);
  --fc--description-grid-item-value: var(--fpc--neutral-100);
  --sya-popover-background-color: var(--sya-color-neutral-800-internal);
  --fc--action-menu-item-hover-icon: var(--fpc--neutral-100);
  --fc--action-menu-item: var(--fpc--neutral-100);
  --fc--action-menu-item-hover: var(--fpc--neutral-100);
  --fc--action-menu-item-icon: var(--fpc--neutral-100);
  --fc--action-menu-item-label: var(--fpc--neutral-100);
}
.page-structured-overview--with-widget {
  width: 95%;
}
.page-structured-overview--with-widget .page-structured-overview__content {
  max-width: calc(
    100% - var(--sya-page-structured-aside-content-width) +
      var(--sya-page-structured-overview-padding)
  );
}
.page-structured-overview__grid {
  grid-template-areas: "main actions" "content content";
  align-items: start;
}
.page-structured-overview__main {
  grid-area: main;
}
.page-structured-overview__actions {
  grid-area: actions;
  --sya-action-menu-width: auto;
}
.page-structured-overview__heading {
  color: var(--fc--lightest);
}
.page-structured-overview__back {
  display: none;
}
.page-structured-overview__logo-wrapper {
  --sya-tooltip-content-min-width: 150px;
  position: relative;
}
.page-structured-overview__logo {
  --sya-asset-logo-size: var(--sya-page-structured-overview-logo-size);
  border-radius: var(--sya-page-structured-overview-logo-border-radius);
  border: var(--sya-page-structured-overview-logo-border-width) solid
    var(--sya-page-structured-overview-logo-border-color);
  overflow: hidden;
}
.page-structured-overview__verified {
  --sya-verified-tick-size: 30px;
  position: absolute;
  bottom: var(--sya-page-structured-overview-logo-border-width);
  right: 0;
}
.page-structured-overview__network {
  --sya-icon-color: var(--sya-color-white-internal);
}
.page-structured-overview__title--copy {
  cursor: pointer;
}
.page-structured-overview__content {
  grid-area: content;
  color: var(--fpc--neutral-100);
  min-width: 0;
}
@media (max-width: 1199.98px) {
  .page-structured-overview--with-widget {
    width: auto;
  }
  .page-structured-overview--with-widget .page-structured-overview__content {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .page-structured-overview__grid {
    grid-template-areas: "actions" "main" "content";
  }
  .page-structured-overview__title-layout {
    gap: var(--sya-spacer-75);
    align-items: baseline;
  }
  .page-structured-overview__actions {
    margin-bottom: var(--sya-spacer-100);
  }
  .page-structured-overview__main {
    gap: var(--sya-spacer-100);
  }
  .page-structured-overview__back {
    display: grid;
  }
}
@media (max-width: 599.98px) {
  .page-structured-overview {
    --sya-widget-container-padding: var(--sya-spacer-125);
  }
  .page-structured-overview__logo {
    --sya-page-structured-overview-logo-size: var(
      --sya-page-structured-overview-logo-small-size
    );
  }
  .page-structured-overview__verified {
    --sya-verified-tick-size: 24px;
  }
  .page-structured-overview__subtitle {
    font-size: var(--sya-font-size-l);
    line-height: var(--sya-line-height-l);
  }
}
.page-structured-main,
.page-structured-tabs {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  z-index: 5;
}
@media (max-width: 767.98px) {
  .page-structured-tabs {
    gap: 0;
  }
}
:root {
  --sya-popover-content-width: auto;
  --sya-popover-padding: var(--sya-spacer-50) var(--sya-spacer-100);
  --sya-popover-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1),
    0px 0px 4px rgba(0, 0, 0, 0.05);
  --sya-popover-background-color: var(--sya-color-neutral-800);
}
.popover__content {
  background-color: var(--sya-popover-background-color);
  padding: var(--sya-popover-padding);
  border-radius: var(--sya-global-border-radius-s);
  z-index: 100;
  width: var(--sya-popover-content-width);
  box-shadow: var(--sya-popover-box-shadow);
}
:root {
  --sya-range-slider-thumb-size: 20px;
  --fc--range-slider-thumb: var(--sya-color-white-internal);
  --sya-range-slider-height: 6px;
  --sya-range-slider-radius: 3px;
  --sya-range-slider-border-color: var(--sya-color-secondary);
  --fc--range-slider-background: var(--sya-color-primary);
  --fc--range-slider-thumb-border: var(--fc--range-slider-background);
  --fc--range-slider-label: var(--sya-color-white);
}
.range-slider__wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.range-slider__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: var(--sya-range-slider-height);
  border-radius: var(--sya-range-slider-radius);
  background-color: var(--fc--range-slider-background);
  outline: none;
  transition: opacity 0.2s;
}
.range-slider__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: calc(var(--sya-range-slider-thumb-size) - 4px);
  height: calc(var(--sya-range-slider-thumb-size) - 4px);
  background: var(--fc--range-slider-thumb);
  border: 2px solid var(--fc--range-slider-thumb-border);
  border-radius: 50%;
  cursor: pointer;
}
.range-slider__slider::-moz-range-thumb {
  width: calc(var(--sya-range-slider-thumb-size) - 4px);
  height: calc(var(--sya-range-slider-thumb-size) - 4px);
  background: var(--fc--range-slider-thumb);
  border: 2px solid var(--fc--range-slider-thumb-border);
  border-radius: 50%;
  cursor: pointer;
}
.range-slider__label {
  width: 75px;
  text-align: right;
  padding-left: 10px;
  color: var(--fc--range-slider-label);
}
.risk-badge--small {
  --sya-icon-size: 16px;
}
.risk-badge--large {
  padding: 16px;
  width: 64px;
  height: 64px;
  min-height: 64px;
  border-radius: 100px;
  --sya-icon-size: 36px;
  --sya-asset-logo-size: 36px;
}
.risk-badge--loading {
  --sya-lottie-animation-size: 16px;
}
.risk-badge--safe {
  color: var(--sya-color-success);
}
.risk-badge--risky {
  color: var(--sya-color-warning);
}
.risk-badge--with-background.risk-badge--safe {
  background-color: var(--fpc--success-200);
}
.risk-badge--with-background.risk-badge--risky {
  background-color: var(--fpc--warning-200);
}
.risk-label--loading {
  color: var(--fpc--neutral-600);
  text-decoration: none;
}
.risk-label--safe,
.risk-label--safe:hover {
  cursor: pointer;
  color: var(--sya-color-success);
}
.risk-label--safe .button__icon,
.risk-label--safe:hover .button__icon {
  color: var(--sya-color-success);
}
.risk-label--risky,
.risk-label--risky:hover {
  cursor: pointer;
  color: var(--sya-color-warning);
}
.risk-label--risky .button__icon,
.risk-label--risky:hover .button__icon {
  color: var(--sya-color-warning);
}
:root {
  --sya-pressable-keyboard-focus-outline-width: var(--sya-global-outline-width);
  --sya-pressable-keyboard-focus-outline-style: var(--sya-global-outline-style);
  --fc--pressable-keyboard-focus-outline: var(--fc--global-outline);
}
.pressable--keyboard-focus {
  outline-width: var(--sya-pressable-keyboard-focus-outline-width);
  outline-style: var(--sya-pressable-keyboard-focus-outline-style);
  outline-color: var(--fc--pressable-keyboard-focus-outline);
}
:root {
  --sya-progress-bar-height: 4px;
  --sya-progress-bar-current-width: 0%;
}
.progress-bar {
  height: var(--sya-progress-bar-height);
  width: 100%;
  position: relative;
}
.progress-bar--primary .progress-bar__current {
  background-image: linear-gradient(
    to right,
    var(--sya-color-primary) 50%,
    transparent 50%
  );
}
.progress-bar--success .progress-bar__current {
  background-image: linear-gradient(
    to right,
    var(--sya-color-success) 50%,
    transparent 50%
  );
}
.progress-bar__current {
  width: var(--sya-progress-bar-current-width);
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: width var(--sya-global-transition-fast) linear;
}
.progress-bar__all,
.progress-bar__current {
  height: 100%;
  background-size: calc(var(--sya-progress-bar-height) * 2)
    var(--sya-progress-bar-height);
}
.progress-bar__all {
  width: 100%;
  background-image: linear-gradient(
    to right,
    var(--fpc--neutral-700) 50%,
    transparent 50%
  );
}
.light-mode .progress-bar__all {
  background-image: linear-gradient(
    to right,
    var(--fc--divider) 50%,
    transparent 50%
  );
}
:root {
  --sya-search-bar-width: 100%;
  --sya-search-bar-height: 48px;
  --sya-search-bar-search-icon-size: 24px;
  --fc--search-bar-search-icon: var(--fc--muted);
  --sya-search-bar-cancel-icon-size: var(--sya-button-m-only-icon-icon-size);
  --sya-search-bar-shortcut-height: calc(
    var(--sya-search-bar-height) - var(--sya-spacer-50)
  );
  --sya-search-bar-border-radius: var(--sya-form-field-border-radius);
  --sya-search-bar-compact-width: 95%;
  --fc--search-bar-background: var(--fpc--neutral-750);
  --fc--search-bar-item-active-background: var(--sya-color-neutral-800);
}
.search-bar {
  position: relative;
  width: var(--sya-search-bar-width);
  height: var(--sya-search-bar-height);
}
.search-bar__toggle {
  display: none;
}
.search-bar__input {
  width: var(--sya-search-bar__input-width, var(--sya-form-field-width));
  min-width: var(--sya-form-field-width);
  color: var(--fc--form-field);
  background-color: var(
    --sya-search-bar__input-background-color,
    var(--fc--form-field-background)
  );
  outline: var(--sya-form-field-outline);
  border: var(--sya-search-bar__input-border, var(--sya-form-field-border));
  border-radius: var(--sya-form-field-border-radius);
  text-align: var(
    --sya-search-bar__input-text-align,
    var(--sya-form-field-text-align)
  );
  font-size: var(--sya-form-field-font-size);
  line-height: var(--sya-form-field-line-height);
  font-weight: var(--sya-form-field-font-weight);
  width: 100%;
  height: var(--sya-search-bar-height);
  padding: var(--sya-spacer-50) var(--sya-spacer-300);
}
.search-bar__input::placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.search-bar__input::-webkit-input-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.search-bar__input::-moz-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.search-bar__input::-ms-input-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.search-bar__input:hover {
  color: var(--fc--form-field-hover);
  background-color: var(
    --sya-search-bar__input-hover-background-color,
    var(--fc--form-field-hover-background)
  );
  border: var(
    --sya-search-bar__input-hover-border,
    var(--sya-form-field-hover-border)
  );
}
.search-bar__input:focus,
.search-bar__input:focus-within {
  color: var(--fc--form-field-focus);
  background-color: var(
    --sya-search-bar__input-focus-background-color,
    var(--fc--form-field-focus-background)
  );
  border: var(
    --sya-search-bar__input-focus-border,
    var(--sya-form-field-focus-border)
  );
}
.search-bar__input--readonly,
.search-bar__input--readonly:focus,
.search-bar__input--readonly:focus-within,
.search-bar__input--readonly:hover {
  color: var(--fc--form-field-readonly);
  background-color: var(
    --sya-search-bar__input-readonly-background-color,
    var(--fc--form-field-readonly-background)
  );
  border: var(
    --sya-search-bar__input-readonly-border,
    var(--sya-form-field-readonly-border)
  );
  cursor: default;
}
.search-bar__input--severity-error,
.search-bar__input--severity-error:focus,
.search-bar__input--severity-error:focus-within,
.search-bar__input--severity-error:hover {
  border: var(--sya-form-field-error-border);
}
.search-bar__input--severity-success,
.search-bar__input--severity-success:focus,
.search-bar__input--severity-success:focus-within,
.search-bar__input--severity-success:hover {
  border: var(--sya-form-field-success-border);
}
.search-bar__input::-webkit-search-cancel-button,
.search-bar__input::-webkit-search-decoration,
.search-bar__input::-webkit-search-results-button,
.search-bar__input::-webkit-search-results-decoration {
  display: none;
}
.search-bar--with-content .search-bar__input {
  border: var(--sya-form-field-focus-border);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.search-bar--with-content .search-bar__results {
  padding: var(--sya-spacer-75);
  border: var(--sya-form-field-focus-border);
  border-top: none;
}
.search-bar--with-shortcut .search-bar__input {
  padding: var(--sya-spacer-50) 100px var(--sya-spacer-50) var(--sya-spacer-300);
}
.search-bar--with-shortcut--mac .search-bar__input {
  padding: var(--sya-spacer-50) 64px var(--sya-spacer-50) var(--sya-spacer-300);
}
.seach-bar-trigger {
  display: none;
}
.search-bar__cancel-icon,
.search-bar__search-icon {
  position: absolute;
  transition: color var(--sya-global-transition-fast);
}
.search-bar__search-icon {
  --sya-icon-size: var(--sya-search-bar-search-icon-size);
  --sya-icon-color: var(--fc--search-bar-search-icon);
  top: calc(
    (var(--sya-search-bar-height) - var(--sya-search-bar-search-icon-size)) / 2
  );
  left: var(--sya-spacer-100);
}
.search-bar__cancel-icon {
  visibility: hidden;
  top: calc(
    (var(--sya-search-bar-height) - var(--sya-search-bar-cancel-icon-size)) / 2
  );
  right: var(--sya-spacer-100);
  cursor: pointer;
}
.search-bar__cancel-icon--visible {
  visibility: visible;
}
.search-bar__input:focus-within ~ .search-bar__search-icon {
  --sya-icon-color: var(--sya-color-white);
}
.search-bar__shortcut {
  position: absolute;
  top: var(--sya-spacer-50);
  right: var(--sya-spacer-50);
}
.search-bar__results {
  --sya-skeleton-loader-height: 45px;
  --sya-skeleton-loader-width: 100%;
  max-height: 550px;
  background-color: var(--fc--search-bar-background);
  border-bottom-left-radius: var(--sya-search-bar-border-radius);
  border-bottom-right-radius: var(--sya-search-bar-border-radius);
  overflow: auto;
}
.search-bar__result-list {
  align-self: stretch;
}
.search-bar__item-wrapper {
  width: 100%;
}
.search-bar__item-wrapper--highlight {
  background-color: var(--fc--search-bar-item-active-background);
  border-radius: var(--sya-global-border-radius-s);
}
@media (max-width: 767.98px) {
  .search-bar__results {
    max-height: 500px;
  }
  .search-bar__shortcut {
    display: none;
  }
  .search-bar__toggle--visible {
    display: grid;
  }
  .search-bar--compact {
    position: absolute;
    top: 12px;
    left: calc((100% - var(--sya-search-bar-compact-width)) / 2);
    opacity: 0;
    width: var(--sya-search-bar-compact-width);
    z-index: -1;
  }
  .search-bar--compact.search-bar--open {
    opacity: 1;
    z-index: 100;
  }
}
.search-bar-item {
  display: flex;
  cursor: pointer;
  padding: var(--sya-spacer-50);
  border-radius: var(--sya-global-border-radius-s);
}
.search-bar-item:hover {
  background-color: var(--fc--search-bar-item-active-background);
}
.search-bar-item__shrink {
  min-width: 0;
}
.section {
  display: flex;
  flex-direction: column;
  padding: var(--sya-spacer-625) 0;
  gap: var(--sya-spacer-500);
}
@media (max-width: 767.98px) {
  .section {
    padding: var(--sya-spacer-500) 0;
    gap: var(--sya-spacer-300);
  }
}
@media (max-width: 599.98px) {
  .section {
    padding: var(--sya-spacer-200) 0;
    gap: var(--sya-spacer-200);
  }
}
.select-field {
  position: relative;
}
.select-field__toggle {
  --sya-button-l-padding: var(--sya-spacer-50) var(--sya-spacer-75);
}
.select-field__selected-item {
  --sya-icon-size: 24px;
}
.select-field__menu {
  background-color: var(--fc--button-secondary-background);
  position: absolute;
  overflow: auto;
  border-radius: var(--sya-global-border-radius-m);
  margin-top: var(--sya-spacer-25);
  z-index: 10;
  opacity: 0;
  transition: opacity var(--sya-global-transition-fast);
}
.select-field__menu--open {
  opacity: 1;
}
.select-field__option {
  --sya-icon-size: 24px;
  cursor: pointer;
  padding: var(--sya-spacer-75);
}
.select-field__option--highlighted {
  background-color: var(--fc--button-secondary-hover-background);
}
.shuffling-number {
  display: inline;
  overflow: hidden;
  line-height: 0.95em;
}
.shuffling-number__container {
  display: inline-flex;
  align-items: flex-end;
  overflow-y: hidden;
  height: 1em;
}
.shuffling-number__container__group__number {
  height: 1em;
}
:root {
  --sya-skeleton-loader-width: 60px;
  --sya-skeleton-loader-height: 15px;
  --sya-skeleton-loader-aspect-ratio: auto;
  --sya-skeleton-loader-border-radius: 4px;
  --sya-skeleton-loader-margin: 0;
}
.skeleton-loader {
  position: relative;
  display: block;
  width: var(--sya-skeleton-loader-width);
  height: var(--sya-skeleton-loader-height);
  border-radius: var(--sya-skeleton-loader-border-radius);
  background-color: var(--sya-color-loading-base);
  aspect-ratio: var(--sya-skeleton-loader-aspect-ratio);
  overflow: hidden;
  z-index: 1;
  margin: var(--sya-skeleton-loader-margin);
}
.skeleton-loader--multiple {
  display: inline-block;
  margin: 0;
}
.skeleton-loader:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--sya-color-loading-base),
    var(--sya-color-loading-highlight),
    var(--sya-color-loading-base)
  );
  transform: translateX(-100%);
  animation-name: skeleton-loader-animation;
  animation-direction: normal;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.skeleton-loader--circle {
  --sya-skeleton-loader-border-radius: 50%;
}
@keyframes skeleton-loader-animation {
  to {
    transform: translateX(100%);
  }
}
.sort-menu-container__trigger {
  --fc--button-secondary-background: var(--fpc--neutral-750);
}
@media (max-width: 767.98px) {
  .sort-menu-container__sort-by {
    display: none;
  }
}
.sort-menu-item {
  --sya-button-text-text-decoration: none;
  --fc--button-text: var(--fc--muted);
  --sya-button-text-align: start;
}
.sort-menu-item__attribute {
  flex-grow: 1;
}
.sort-menu-item__attribute--selected,
.sort-menu-item__direction--selected {
  --fc--button-text: var(--sya-color-white);
}
:root {
  --sya-stepper-step-index-border-width: 1px;
  --sya-stepper-step-index-border-style: solid;
  --fc--stepper-step-index-border: var(--fpc--neutral-600);
  --sya-stepper-step-separator-baseline: var(--sya-spacer-125);
  --sya-stepper-step-left-margin: var(--sya-spacer-25);
}
.stepper-step {
  position: relative;
  padding-bottom: var(--sya-spacer-125);
}
.stepper-step--clickable {
  cursor: pointer;
}
.stepper-step--last {
  padding-bottom: 0;
}
.stepper-step--active .stepper-step__index {
  background-color: var(--sya-color-primary);
  box-shadow: 0 0 6px var(--sya-color-primary);
  border: none;
}
.stepper-step__spinner {
  width: 10px;
  height: 10px;
  line-height: 10px;
  --sya-icon-size: 10px;
  margin-left: var(--sya-stepper-step-left-margin);
  animation: spinner-rotate-animation 1.2s linear infinite;
}
@keyframes spinner-rotate-animation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.stepper-step__index {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border-width: var(--sya-stepper-step-index-border-width);
  border-style: var(--sya-stepper-step-index-border-style);
  border-color: var(--fc--stepper-step-index-border);
  z-index: 10;
  flex-shrink: 0;
}
.stepper-step__icon,
.stepper-step__index {
  margin-left: var(--sya-stepper-step-left-margin);
}
.stepper-step__icon {
  color: var(--sya-color-primary);
}
.stepper-step__icon,
.stepper-step__icon--LOADING {
  --sya-icon-size: 10px;
}
.stepper-step__separator {
  position: absolute;
  border-left: 1px dashed var(--fc--stepper-step-index-border);
  margin-left: calc(
    1px + var(--sya-stepper-step-left-margin) + var(--sya-spacer-25)
  );
  height: calc(100% - var(--sya-stepper-step-separator-baseline));
  width: 100%;
  margin-top: calc(
    var(--sya-stepper-step-left-margin) / 2 +
      var(--sya-stepper-step-separator-baseline)
  );
}
.stepper-step--horizontal {
  flex-basis: 0;
  padding-bottom: 0;
}
.stepper-step--horizontal .stepper-step__separator {
  width: calc(100% - var(--sya-stepper-step-separator-baseline));
  margin-left: 100%;
  border-top: 1px dashed var(--fc--stepper-step-index-border);
  border-left: none;
  margin-top: var(--sya-spacer-25);
}
.string-parser p {
  font-weight: inherit;
  font-size: inherit;
  word-break: break-word;
}
.tabs-container--size-small {
  --sya-tabs-nav-entry-padding: var(--sya-spacer-50);
}
:root {
  --sya-tabs-nav-padding: var(--sya-spacer-25);
  --fc--tabs-nav-background: var(--sya-color-neutral-900);
  --sya-tabs-nav-entry-padding: var(--sya-spacer-75);
  --sya-tabs-nav-entry-hover-background-color: var(--sya-color-neutral-850);
  --fc--tabs-nav-entry-active-background: var(--sya-color-neutral-800);
}
.tabs-nav {
  border-radius: var(--sya-global-border-radius-m);
  border: 1px solid var(--fc--divider);
  padding: var(--sya-tabs-nav-padding);
  background-color: var(--fc--tabs-nav-background);
}
.tabs-nav--variant-sheet {
  border-radius: 0;
  border: none;
  padding: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--fc--divider);
}
.tabs-nav__icon {
  --sya-icon-size: 30px;
}
.tabs-nav__entry {
  color: var(--fc--muted);
  cursor: pointer;
  padding: var(--sya-tabs-nav-entry-padding);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--sya-global-border-radius-s);
  position: relative;
}
.tabs-nav__entry:hover {
  background-color: var(--sya-tabs-nav-entry-hover-background-color);
}
.tabs-nav__entry--active {
  color: var(--sya-color-white);
}
.tabs-nav__entry--active,
.tabs-nav__entry--active:hover {
  background-color: var(--fc--tabs-nav-entry-active-background);
}
.tabs-nav__entry--variant-sheet {
  border-radius: 0;
  width: auto;
  padding-left: var(--sya-spacer-200);
  padding-right: var(--sya-spacer-200);
  background-color: transparent;
  font-size: var(--sya-font-size-l);
  line-height: var(--sya-line-height-l);
  transform: translateY(1px);
}
.tabs-nav__entry--variant-sheet:hover {
  background-color: transparent;
}
.tabs-nav__entry--variant-sheet.tabs-nav__entry--active {
  border-bottom: 2px solid var(--fc--body-text);
  background-color: transparent;
}
@media (max-width: 1199.98px) {
  .tabs-nav--variant-sheet {
    justify-content: space-around;
  }
}
@media (max-width: 767.98px) {
  .tabs-nav {
    --sya-tabs-nav-padding: var(--sya-spacer-25);
  }
  .tabs-nav__entry--variant-sheet {
    font-size: var(--sya-font-size-l);
    line-height: var(--sya-line-height-l);
    width: 100%;
  }
}
@media (max-width: 599.98px) {
  .tabs-nav__entry--variant-sheet {
    padding-left: var(--sya-spacer-100);
    padding-right: var(--sya-spacer-100);
  }
}
.tabs-tab {
  display: none;
}
.tabs-tab--seo-friendly {
  display: block;
  visibility: hidden;
  height: 0;
}
.tabs-tab--selected {
  display: block;
  visibility: visible;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .tabs-tab {
    --sya-widget-container-background-color: var(--fc--body-background);
  }
}
.text {
  font-family: var(--sya-body-font-family);
  text-rendering: var(--sya-body-text-rendering);
}
.text--underlined {
  text-decoration: underline;
}
.text--size-xl {
  --sya-skeleton-loader-height: var(--sya-font-size-xl);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-xl) - var(--sya-font-size-xl)) / 2
    )
    0;
  font-size: var(--sya-font-size-xl);
  line-height: var(--sya-line-height-xl);
}
@media (max-width: 1439.98px) {
  .text--size-l-xl {
    --sya-skeleton-loader-height: var(--sya-font-size-xl);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-xl) - var(--sya-font-size-xl)) / 2
      )
      0;
    font-size: var(--sya-font-size-xl);
    line-height: var(--sya-line-height-xl);
  }
}
@media (max-width: 1199.98px) {
  .text--size-m-xl {
    --sya-skeleton-loader-height: var(--sya-font-size-xl);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-xl) - var(--sya-font-size-xl)) / 2
      )
      0;
    font-size: var(--sya-font-size-xl);
    line-height: var(--sya-line-height-xl);
  }
}
@media (max-width: 767.98px) {
  .text--size-s-xl {
    --sya-skeleton-loader-height: var(--sya-font-size-xl);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-xl) - var(--sya-font-size-xl)) / 2
      )
      0;
    font-size: var(--sya-font-size-xl);
    line-height: var(--sya-line-height-xl);
  }
}
@media (max-width: 599.98px) {
  .text--size-xs-xl {
    --sya-skeleton-loader-height: var(--sya-font-size-xl);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-xl) - var(--sya-font-size-xl)) / 2
      )
      0;
    font-size: var(--sya-font-size-xl);
    line-height: var(--sya-line-height-xl);
  }
}
.text--size-l {
  --sya-skeleton-loader-height: var(--sya-font-size-l);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-l) - var(--sya-font-size-l)) / 2
    )
    0;
  font-size: var(--sya-font-size-l);
  line-height: var(--sya-line-height-l);
}
@media (max-width: 1439.98px) {
  .text--size-l-l {
    --sya-skeleton-loader-height: var(--sya-font-size-l);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-l) - var(--sya-font-size-l)) / 2
      )
      0;
    font-size: var(--sya-font-size-l);
    line-height: var(--sya-line-height-l);
  }
}
@media (max-width: 1199.98px) {
  .text--size-m-l {
    --sya-skeleton-loader-height: var(--sya-font-size-l);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-l) - var(--sya-font-size-l)) / 2
      )
      0;
    font-size: var(--sya-font-size-l);
    line-height: var(--sya-line-height-l);
  }
}
@media (max-width: 767.98px) {
  .text--size-s-l {
    --sya-skeleton-loader-height: var(--sya-font-size-l);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-l) - var(--sya-font-size-l)) / 2
      )
      0;
    font-size: var(--sya-font-size-l);
    line-height: var(--sya-line-height-l);
  }
}
@media (max-width: 599.98px) {
  .text--size-xs-l {
    --sya-skeleton-loader-height: var(--sya-font-size-l);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-l) - var(--sya-font-size-l)) / 2
      )
      0;
    font-size: var(--sya-font-size-l);
    line-height: var(--sya-line-height-l);
  }
}
.text--size-m {
  --sya-skeleton-loader-height: var(--sya-font-size-m);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-m) - var(--sya-font-size-m)) / 2
    )
    0;
  font-size: var(--sya-font-size-m);
  line-height: var(--sya-line-height-m);
}
@media (max-width: 1439.98px) {
  .text--size-l-m {
    --sya-skeleton-loader-height: var(--sya-font-size-m);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-m) - var(--sya-font-size-m)) / 2
      )
      0;
    font-size: var(--sya-font-size-m);
    line-height: var(--sya-line-height-m);
  }
}
@media (max-width: 1199.98px) {
  .text--size-m-m {
    --sya-skeleton-loader-height: var(--sya-font-size-m);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-m) - var(--sya-font-size-m)) / 2
      )
      0;
    font-size: var(--sya-font-size-m);
    line-height: var(--sya-line-height-m);
  }
}
@media (max-width: 767.98px) {
  .text--size-s-m {
    --sya-skeleton-loader-height: var(--sya-font-size-m);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-m) - var(--sya-font-size-m)) / 2
      )
      0;
    font-size: var(--sya-font-size-m);
    line-height: var(--sya-line-height-m);
  }
}
@media (max-width: 599.98px) {
  .text--size-xs-m {
    --sya-skeleton-loader-height: var(--sya-font-size-m);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-m) - var(--sya-font-size-m)) / 2
      )
      0;
    font-size: var(--sya-font-size-m);
    line-height: var(--sya-line-height-m);
  }
}
.text--size-s {
  --sya-skeleton-loader-height: var(--sya-font-size-s);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-s) - var(--sya-font-size-s)) / 2
    )
    0;
  font-size: var(--sya-font-size-s);
  line-height: var(--sya-line-height-s);
}
@media (max-width: 1439.98px) {
  .text--size-l-s {
    --sya-skeleton-loader-height: var(--sya-font-size-s);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-s) - var(--sya-font-size-s)) / 2
      )
      0;
    font-size: var(--sya-font-size-s);
    line-height: var(--sya-line-height-s);
  }
}
@media (max-width: 1199.98px) {
  .text--size-m-s {
    --sya-skeleton-loader-height: var(--sya-font-size-s);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-s) - var(--sya-font-size-s)) / 2
      )
      0;
    font-size: var(--sya-font-size-s);
    line-height: var(--sya-line-height-s);
  }
}
@media (max-width: 767.98px) {
  .text--size-s-s {
    --sya-skeleton-loader-height: var(--sya-font-size-s);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-s) - var(--sya-font-size-s)) / 2
      )
      0;
    font-size: var(--sya-font-size-s);
    line-height: var(--sya-line-height-s);
  }
}
@media (max-width: 599.98px) {
  .text--size-xs-s {
    --sya-skeleton-loader-height: var(--sya-font-size-s);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-s) - var(--sya-font-size-s)) / 2
      )
      0;
    font-size: var(--sya-font-size-s);
    line-height: var(--sya-line-height-s);
  }
}
.text--size-inherit {
  --sya-skeleton-loader-height: var(--sya-font-size-inherit);
  --sya-skeleton-loader-margin: calc(
      (var(--sya-line-height-inherit) - var(--sya-font-size-inherit)) / 2
    )
    0;
  font-size: var(--sya-font-size-inherit);
  line-height: var(--sya-line-height-inherit);
}
@media (max-width: 1439.98px) {
  .text--size-l-inherit {
    --sya-skeleton-loader-height: var(--sya-font-size-inherit);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-inherit) - var(--sya-font-size-inherit)) / 2
      )
      0;
    font-size: var(--sya-font-size-inherit);
    line-height: var(--sya-line-height-inherit);
  }
}
@media (max-width: 1199.98px) {
  .text--size-m-inherit {
    --sya-skeleton-loader-height: var(--sya-font-size-inherit);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-inherit) - var(--sya-font-size-inherit)) / 2
      )
      0;
    font-size: var(--sya-font-size-inherit);
    line-height: var(--sya-line-height-inherit);
  }
}
@media (max-width: 767.98px) {
  .text--size-s-inherit {
    --sya-skeleton-loader-height: var(--sya-font-size-inherit);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-inherit) - var(--sya-font-size-inherit)) / 2
      )
      0;
    font-size: var(--sya-font-size-inherit);
    line-height: var(--sya-line-height-inherit);
  }
}
@media (max-width: 599.98px) {
  .text--size-xs-inherit {
    --sya-skeleton-loader-height: var(--sya-font-size-inherit);
    --sya-skeleton-loader-margin: calc(
        (var(--sya-line-height-inherit) - var(--sya-font-size-inherit)) / 2
      )
      0;
    font-size: var(--sya-font-size-inherit);
    line-height: var(--sya-line-height-inherit);
  }
}
.text--font-weight-bold {
  font-weight: var(--sya-font-weight-bold);
}
.text--font-weight-regular {
  font-weight: var(--sya-font-weight-regular);
}
.text--font-weight-inherit {
  font-weight: var(--sya-font-weight-inherit);
}
.text--font-style-normal {
  font-style: var(--sya-font-style-normal);
}
.text--font-style-italic {
  font-style: var(--sya-font-style-italic);
}
.text--color-white {
  color: var(--fc--white);
}
.text--color-muted {
  color: var(--fc--muted);
}
.text--color-success {
  color: var(--fc--success);
}
.text--color-error {
  color: var(--fc--error);
}
.text--text-align-left {
  text-align: left;
}
.text--text-align-right {
  text-align: right;
}
.text--text-align-center {
  text-align: center;
}
.text--text-align-inherit {
  text-align: inherit;
}
.text--size-inherit {
  font-size: inherit;
}
.text--font-weight-inherit {
  font-weight: inherit;
}
.text--color-inherit {
  color: inherit;
}
.text--white-space-nowrap {
  white-space: nowrap;
}
:root {
  --sya-textarea-min-height: 75px;
}
.textarea-field {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-row-gap: var(--sya-spacer-25);
  row-gap: var(--sya-spacer-25);
}
.textarea-field__input {
  width: var(--sya-textarea-field-width, var(--sya-form-field-width));
  min-width: var(--sya-form-field-width);
  color: var(--fc--form-field);
  background-color: var(
    --sya-textarea-field-background-color,
    var(--fc--form-field-background)
  );
  outline: var(--sya-form-field-outline);
  border: var(--sya-textarea-field-border, var(--sya-form-field-border));
  border-radius: var(--sya-form-field-border-radius);
  padding: var(--sya-textarea-field-padding, var(--sya-form-field-padding));
  text-align: var(
    --sya-textarea-field-text-align,
    var(--sya-form-field-text-align)
  );
  font-size: var(--sya-form-field-font-size);
  line-height: var(--sya-form-field-line-height);
  font-weight: var(--sya-form-field-font-weight);
  min-height: var(--sya-textarea-min-height);
}
.textarea-field__input::placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.textarea-field__input::-webkit-input-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.textarea-field__input::-moz-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.textarea-field__input::-ms-input-placeholder {
  font-weight: var(--sya-form-field-placeholder-font-weight);
  color: var(--fc--form-field-placeholder);
}
.textarea-field__input:hover {
  color: var(--fc--form-field-hover);
  background-color: var(
    --sya-textarea-field-hover-background-color,
    var(--fc--form-field-hover-background)
  );
  border: var(
    --sya-textarea-field-hover-border,
    var(--sya-form-field-hover-border)
  );
}
.textarea-field__input:focus,
.textarea-field__input:focus-within {
  color: var(--fc--form-field-focus);
  background-color: var(
    --sya-textarea-field-focus-background-color,
    var(--fc--form-field-focus-background)
  );
  border: var(
    --sya-textarea-field-focus-border,
    var(--sya-form-field-focus-border)
  );
}
.textarea-field__input--readonly,
.textarea-field__input--readonly:focus,
.textarea-field__input--readonly:focus-within,
.textarea-field__input--readonly:hover {
  color: var(--fc--form-field-readonly);
  background-color: var(
    --sya-textarea-field-readonly-background-color,
    var(--fc--form-field-readonly-background)
  );
  border: var(
    --sya-textarea-field-readonly-border,
    var(--sya-form-field-readonly-border)
  );
  cursor: default;
}
.textarea-field__input--severity-error,
.textarea-field__input--severity-error:focus,
.textarea-field__input--severity-error:focus-within,
.textarea-field__input--severity-error:hover {
  border: var(--sya-form-field-error-border);
}
.textarea-field__input--severity-success,
.textarea-field__input--severity-success:focus,
.textarea-field__input--severity-success:focus-within,
.textarea-field__input--severity-success:hover {
  border: var(--sya-form-field-success-border);
}
.textarea-field__max-length {
  text-align: right;
  font-size: var(--sya-font-size-m);
}
:root {
  --sya-toast-container-background-color: var(--sya-color-neutral-800);
}
.toast-container {
  background-color: var(--sya-toast-container-background-color) !important;
  color: var(--sya-color-white) !important;
  border-radius: var(-sya-global-border-radius-l) !important;
  padding: var(--sya-spacer-100) !important;
  max-width: 354px !important;
}
.toast-container > div[role="status"] {
  margin: 0;
}
.toast-notification {
  padding: 0;
  word-break: break-word;
}
.toast-notification--success .toast-notification__icon {
  --sya-icon-color: var(--sya-color-success);
}
.toast-notification--error .toast-notification__icon {
  --sya-icon-color: var(--sya-color-error);
}
.toast-notification--allow-push-notifications .toast-notification__icon {
  --sya-icon-color: var(--fpc--primary-200);
}
.toast-notification__icon {
  --sya-icon-size: 24px;
  font-size: 16px;
  flex-shrink: 0;
}
.toast-notification__actions {
  padding-top: var(--sya-spacer-50);
}
.toast-notification__checkbox {
  font-size: var(--sya-font-size-s);
}
:root {
  --sya-toggle-size: 20px;
  --sya-toggle-radius: 10px;
  --sya-toggle-border-color: var(--sya-color-secondary);
  --fc--toggle-background-off: var(--fpc--neutral-600);
  --sya-toggle-background-color-on: var(--sya-color-primary);
  --fc--toggle-background-disabled: var(--fc--muted);
  --fc--toggle-switch: var(--sya-color-white-internal);
}
.toggle__input {
  display: none;
}
.toggle__wrapper {
  border: 1px solid var(--sya-toggle-border-color);
  width: calc(var(--sya-toggle-size) * 2 - 4px);
  height: var(--sya-toggle-size);
  border-radius: var(--sya-toggle-radius);
  display: block;
  position: relative;
  background-color: var(--fc--toggle-background-off);
  padding: 2px;
}
.toggle__switch {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(var(--sya-toggle-size) - 4px);
  height: calc(var(--sya-toggle-size) - 4px);
  background-color: var(--fc--toggle-switch);
  border-radius: 50%;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(0, 0, 0, -1);
}
.toggle--on .toggle__wrapper {
  background-color: var(--sya-toggle-background-color-on);
}
.toggle--on .toggle__switch {
  transform: translateX(calc(var(--sya-toggle-size) - 4px));
}
.toggle--enabled .toggle__wrapper {
  cursor: pointer;
}
.toggle--disabled .toggle__switch {
  cursor: default;
}
.toggle--disabled .toggle__wrapper {
  background-color: var(--fc--toggle-background-disabled);
}
:root {
  --sya-tooltip-font-size: var(--sya-font-size-l);
  --sya-tooltip-font-weight: var(--sya-font-weight-bold);
  --fc--tooltip: var(--sya-color-white);
  --sya-tooltip-arrow-size: 12px;
  --sya-tooltip-content-min-width: auto;
  --sya-tooltip-content-background-color: var(--sya-color-neutral-800);
  --sya-tooltip-content-filter: none;
}
.tooltip {
  font-size: var(--sya-tooltip-font-size);
  font-weight: var(--sya-tooltip-font-weight);
  color: var(--fc--tooltip);
  cursor: pointer;
}
.tooltip__content {
  --fc--link: var(--fc--anchor);
  min-width: var(--sya-tooltip-content-min-width);
  padding: var(--sya-spacer-75);
  border-radius: var(--sya-global-border-radius-s);
  filter: var(--sya-tooltip-content-filter);
}
.tooltip__arrow,
.tooltip__content {
  background-color: var(--sya-tooltip-content-background-color);
}
.tooltip__arrow {
  position: absolute;
  width: var(--sya-tooltip-arrow-size);
  height: var(--sya-tooltip-arrow-size);
  transform: rotate(45deg);
}
:root {
  --sya-verified-tick-size: 16px;
}
.verified-tick {
  display: flex;
  --sya-icon-color: var(--sya-color-primary);
  --sya-icon-size: var(--sya-verified-tick-size);
}
.video__trigger {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: var(--sya-global-border-radius-m);
  align-items: center;
  width: 100%;
}
.video__player {
  z-index: 91;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video__background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
}
.video__player--transition {
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.video__container {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  visibility: hidden;
  width: 920px;
  max-width: calc(100vw - var(--sya-container-inset) * 2);
  max-height: calc(100vh - var(--sya-container-inset) * 2);
}
.video__video-element {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--sya-global-border-radius-m);
  overflow: hidden;
}
.video__container-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent);
  width: 100%;
  height: 60px;
  position: absolute;
  pointer-events: none;
  opacity: 1;
  border-top-right-radius: var(--sya-global-border-radius-m);
  border-top-left-radius: var(--sya-global-border-radius-m);
  overflow: hidden;
}
.video__container-overlay--hidden {
  opacity: 0;
}
.video__container--visible {
  visibility: visible;
}
.video__loading {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  --sya-lottie-animation-size: 120px;
  color: var(--fpc--neutral-100);
  text-align: center;
}
.video__loading .lottie-animation {
  filter: none;
}
.video__close-button {
  position: absolute;
  z-index: 10;
  top: var(--sya-spacer-75);
  left: var(--sya-spacer-75);
  opacity: 1;
}
.video__close-button,
.video__close-button:hover {
  --sya-icon-color: var(--fpc--neutral-100);
}
.video__close-button--hidden {
  opacity: 0;
}
:root {
  --sya-widget-container-padding: var(--sya-spacer-125);
  --sya-widget-container-border-radius: var(--sya-global-border-radius-l);
  --sya-widget-container-background-color: var(--sya-color-neutral-900);
  --sya-widget-container-border: 1px solid var(--fc--divider);
  --sya-widget-container-dismiss-display: block;
}
.widget-container {
  --sya-item-list-container-margin: 0
    calc(var(--sya-widget-container-padding) * -1);
  --sya-item-list-item-border-radius: 0;
  padding: var(--sya-widget-container-padding);
  border-radius: var(--sya-widget-container-border-radius);
  background-color: var(--sya-widget-container-background-color);
  border: var(--sya-widget-container-border);
}
.widget-container__dismiss {
  display: var(--sya-widget-container-dismiss-display);
  align-self: start;
}
@media (max-width: 767.98px) {
  .widget-container {
    --sya-widget-container-border: none;
    --sya-widget-container-border-radius: 0;
    margin-right: calc(var(--sya-container-inset) * -1);
    margin-left: calc(var(--sya-container-inset) * -1);
  }
  .widget-container--borders-always-on {
    --sya-widget-container-border-radius: var(--sya-global-border-radius-m);
    margin-right: 0;
    margin-left: 0;
  }
}
:root {
  --sya-application-height: 100vh;
}
.application {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 0;
  min-height: var(--sya-application-height);
}
.application--embedded {
  overflow: auto;
}
.application--mobile-nav {
  --sya-page-structured-aside-mobile-translate-y: calc(
    var(--sya-navigation-bar-mobile-height) * -1
  );
}
.application__content {
  padding-top: var(--sya-topbar-grid-height);
  flex-grow: 1;
  width: 100%;
  scroll-behavior: smooth;
}
.application__content--has-banners {
  padding-top: calc(
    var(--sya-topbar-grid-height) + var(--sya-topbar-banner-height)
  );
}
.application__navigation-bar {
  position: fixed;
  top: calc(var(--sya-topbar-grid-height) + var(--sya-spacer-400));
  left: max(
    var(--sya-container-inset),
    (100vw - var(--sya-container-max-width))/2 + var(--sya-container-inset)
  );
  background: var(--fc--body-background);
  z-index: 90;
}
.application__navigation-bar--has-banners {
  top: calc(
    var(--sya-topbar-grid-height) + var(--sya-topbar-banner-height) +
      var(--sya-spacer-300)
  );
}
@media (max-width: 767.98px) {
  .application__navigation-bar {
    top: auto;
    left: auto;
    bottom: 0;
    width: 100vw;
  }
}
.footer {
  width: 100%;
  padding-top: var(--sya-spacer-400);
  padding-bottom: var(--sya-spacer-300);
  padding-left: calc(
    var(--sya-container-inset) * 2 + var(--sya-navigation-bar-width)
  );
}
.footer__widget-container {
  --sya-widget-container-padding: var(--sya-spacer-200);
  --fc--header: var(--fpc--neutral-100);
  --fc--description-grid-item-value: var(--fpc--neutral-100);
  --fc--divider: var(--fpc--neutral-750);
  --sya-form-field-border: none;
  --sya-form-field-hover-border: none;
  --sya-form-field-focus-border: none;
  --fc--form-field: var(--fpc--neutral-500);
  --fc--form-field-hover: var(--fpc--neutral-500);
  --fc--form-field-focus: var(--fpc--neutral-500);
  --fc--form-field-background: var(--fpc--neutral-750);
  --fc--form-field-hover-background: var(--fpc--neutral-750);
  --fc--form-field-focus-background: var(--fpc--neutral-750);
  --fc--button-secondary-background: var(--fpc--neutral-700);
  --fc--button-secondary: var(--fpc--neutral-100);
  --fc--button-text-icon: var(--fpc--neutral-100);
  --fc--button-text-hover-icon: var(--fpc--neutral-300);
}
.light-mode .footer__widget-container {
  --sya-widget-container-background-color: var(--sya-color-black-internal);
}
.footer__main {
  padding: 0 0 var(--sya-spacer-200) 0;
  border-bottom: 1px solid var(--fc--divider);
}
@media (max-width: 1199.98px) {
  .footer__main {
    flex-wrap: wrap;
    flex-grow: 0;
  }
}
@media (max-width: 767.98px) {
  .footer {
    padding-left: var(--sya-container-inset);
    padding-bottom: 0;
  }
  .footer__widget-container {
    padding: var(--sya-container-inset);
  }
  .footer--mobile-widget .footer__widget-container {
    padding-bottom: calc(var(--sya-spacer-400) + var(--sya-spacer-200));
  }
}
@media (max-width: 599.98px) {
  .footer__main {
    gap: var(--sya-spacer-200);
    padding: 0 0 var(--sya-spacer-100) 0;
  }
  .footer__widget-container-wrapper {
    gap: var(--sya-spacer-125);
  }
}
.footer-download__slogan {
  font-size: var(--sya-font-size-l);
}
.footer-download__logo-link {
  --sya-icon-size: 20px;
  display: flex;
  align-items: center;
  gap: var(--sya-spacer-50);
}
.footer-download__store-icon {
  width: 100%;
  height: 48px;
  color: var(--sya-color-white-internal);
  border: 1.5px solid var(--fc--divider);
  border-radius: var(--sya-global-border-radius-s);
}
.footer-download__flooz-qr {
  width: 106px;
  height: 106px;
}
.footer-download__store-link {
  width: 172px;
  height: 49px;
}
@media (max-width: 599.98px) {
  .footer-download__slogan {
    font-size: var(--sya-font-size-m);
  }
  .footer-download__flooz-qr {
    display: none;
  }
  .footer-download__store-links {
    flex-direction: row;
    flex-grow: 1;
    gap: var(--sya-spacer-50);
    flex-wrap: wrap;
  }
}
@media (max-width: 767.98px) {
  .footer-legal-links__links {
    gap: var(--sya-spacer-50);
  }
}
@media (max-width: 599.98px) {
  .footer-legal-links {
    align-items: unset;
    justify-content: flex-start;
  }
}
.footer-site-nav__header {
  color: var(--sya-color-white-internal);
  padding-bottom: var(--sya-spacer-75);
}
.footer-site-nav__link {
  padding-top: var(--sya-spacer-75);
  padding-bottom: var(--sya-spacer-75);
}
.footer-site-nav__link--pill {
  background-color: var(--sya-color-white-internal);
  color: var(--sya-color-black-internal);
  border-radius: var(--sya-global-border-radius-s);
  padding: var(--sya-spacer-25) var(--sya-spacer-50);
}
.footer-site-nav__link-container:hover .footer-site-nav__link--pill {
  background-color: var(--fpc--neutral-300);
  color: var(--sya-color-black-internal);
}
@media (max-width: 1199.98px) {
  .footer-site-nav {
    flex-grow: 0;
    min-width: 70%;
  }
}
@media (max-width: 767.98px) {
  .footer-site-nav {
    gap: var(--sya-spacer-200);
  }
}
@media (max-width: 599.98px) {
  .footer-site-nav {
    flex-grow: 1;
    justify-content: flex-start;
    min-width: unset;
    flex-wrap: wrap;
  }
}
.footer-subscribe {
  --sya-input-field-width: 305px;
  padding: 0 0 var(--sya-spacer-200) 0;
  border-bottom: 1px solid var(--fc--divider);
}
.footer-subscribe__heading {
  color: var(--fc--lightest);
}
.footer-subscribe__link {
  color: inherit;
  text-decoration: underline;
}
.light-mode .footer-subscribe__link {
  --fc--link-hover: var(--fpc--neutral-300);
}
.footer-subscribe__cta {
  width: 143px;
  --fc--button-secondary-hover: var(--sya-color-white-internal);
  --fc--button-secondary-hover-background: var(--fpc--neutral-750);
}
.footer-subscribe__sucess-message {
  color: var(--sya-color-white-internal);
}
@media (max-width: 1199.98px) {
  .footer-subscribe {
    --sya-input-field-width: 270px;
    flex-wrap: wrap;
  }
  .footer-subscribe__email-input,
  .footer-subscribe__fieldset,
  .footer-subscribe__form {
    flex-grow: 1;
  }
}
@media (max-width: 767.98px) {
  .footer-subscribe {
    --sya-input-field-width: 100%;
  }
}
@media (max-width: 599.98px) {
  .footer-subscribe__fieldset {
    flex-direction: column;
    gap: var(--sya-spacer-100);
    margin-top: var(--sya-spacer-100);
  }
  .footer-subscribe__cta {
    width: 100%;
  }
  .footer-subscribe {
    padding: 0 0 var(--sya-spacer-125) 0;
  }
}
:root {
  --sya-cookies-disclaimer-inset: var(--sya-spacer-100);
  --sya-cookies-displaimer-width: calc(
    100% - 2 * var(--sya-cookies-disclaimer-inset)
  );
}
.cookies-disclaimer {
  position: fixed;
  bottom: var(--sya-cookies-disclaimer-inset);
  left: 50%;
  width: var(--sya-cookies-displaimer-width);
  max-width: 560px;
  transform: translateX(-50%);
  z-index: 100;
  padding: var(--sya-spacer-150);
  background-color: var(--sya-color-neutral-900);
  border-radius: var(--sya-global-border-radius-l);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.cookies-disclaimer__accept-button {
  flex-shrink: 0;
}
@media (max-width: 599.98px) {
  .cookies-disclaimer {
    flex-direction: column;
    row-gap: var(--sya-spacer-125);
    text-align: center;
  }
}
.global-search {
  --sya-asset-logo-size: 32px;
  --sya-profile-image-size: 32px;
}
.global-search-item--quick-action .icon {
  --sya-icon-size: 24px;
  background-color: var(--sya-color-neutral-900);
  padding: var(--sya-spacer-25);
  border-radius: 50%;
}
.modal-authentication__content {
  --sya-lottie-animation-size: 120px;
  text-align: center;
  margin-bottom: var(--sya-spacer-300);
}
.modal-authentication__button {
  width: 100%;
}
.modal-tos-updated__icon {
  --sya-icon-size: 118px;
}
.modal-tos-updated__title {
  text-align: center;
}
.modal-tos-updated__button {
  width: 100%;
}
:root {
  --sya-navigation-bar-border-top: none;
  --sya-navigation-bar-width: 92px;
  --sya-navigation-bar-mobile-height: 84px;
}
.navigation-bar {
  border-radius: 100px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06),
    0 0 1px rgba(0, 0, 0, 0.05);
  padding: var(--sya-spacer-200) var(--sya-spacer-100);
  background-color: var(--sya-color-neutral-900);
  width: var(--sya-navigation-bar-width);
}
.navigation-bar__link {
  --sya-icon-size: 16px;
  color: var(--fc--muted);
  flex-grow: 1;
  flex-basis: 0;
}
.navigation-bar__link-icon-wrapper {
  padding: var(--sya-spacer-100);
  border: 1px solid var(--fc--divider);
  border-radius: 12px;
  display: flex;
}
.navigation-bar__link--active {
  --sya-icon-color: var(--sya-color-black);
  color: var(--sya-color-white);
}
.navigation-bar__link--active .navigation-bar__link-icon-wrapper {
  background-color: var(--sya-color-white);
  border: 1px solid var(--sya-color-white);
}
@media (max-width: 767.98px) {
  .navigation-bar {
    --sya-navigation-bar-width: 100%;
    flex-direction: row;
    padding: var(--sya-spacer-100);
    height: var(--sya-navigation-bar-mobile-height);
    box-shadow: none;
    transition: transform var(--sya-global-transition-fast);
    transform: translateY(0);
    border-radius: 0;
  }
  .navigation-bar__link {
    --sya-icon-size: 24px;
  }
  .navigation-bar__link--active {
    --sya-icon-color: var(--sya-color-white);
  }
  .navigation-bar__link--active .navigation-bar__link-icon-wrapper {
    border: none;
    background-color: transparent;
  }
  .navigation-bar__link-icon-wrapper {
    padding: 0;
    border: none;
  }
  .navigation-bar--mobile-hidden {
    transform: translateY(100%);
  }
}
.topbar__banners {
  display: flex;
  position: relative;
  height: var(--sya-topbar-banner-height);
  overflow: hidden;
  background-color: var(--fpc--neutral-950);
  color: var(--fpc--neutral-500);
  padding: 0 var(--sya-spacer-50);
  outline: 1px solid var(--fpc--neutral-750);
  transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.topbar__banners--hidden {
  transform: translate3d(0, -100%, 0);
}
.topbar__banner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(0, -50%, 0);
}
.topbar__banner-migration--hidden {
  transform: translate3d(0, 100%, 0);
}
.topbar__banner-bot--hidden {
  transform: translate3d(0, -250%, 0);
}
.topbar__banner-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: var(--sya-color-primary);
}
.topbar__banner-text--highlight {
  color: var(--sya-color-white-internal);
}
.topbar__banner-wrapper {
  position: relative;
  overflow: hidden;
}
.topbar__banner-gradient {
  width: 71px;
  height: 32px;
  background: linear-gradient(90deg, #09080a, rgba(9, 8, 10, 0.44));
}
.topbar__banner-graphics {
  position: relative;
  width: 48px;
  height: 32px;
}
.topbar__banner-text {
  z-index: -1;
  white-space: nowrap;
  gap: 200px;
}
.topbar__banner-text--animated {
  transform: translateX(0);
  animation: banner-text-slide 10s linear;
}
@keyframes banner-text-slide {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-50% - 100px));
  }
}
.topbar__banner-icon {
  position: absolute;
  width: 23.03px;
  height: 23.03px;
  left: 2px;
  top: 3px;
  background: #fff;
  box-shadow: 0 0.757812px 1.51562px rgba(0, 0, 0, 0.04),
    0 0 0.505208px rgba(0, 0, 0, 0.06), 0 0 0.252604px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  transform: rotate(-16deg);
}
.topbar__banner-icon-image {
  width: 20px;
  height: auto;
}
.topbar__banner-icon-flooz {
  position: absolute;
  top: 7px;
  left: 23px;
  width: 22px;
  height: 22px;
  transform: rotate(20deg);
}
.topbar__banner-icon-arrow {
  position: absolute;
  top: 0;
  left: 22px;
  width: 6px;
  height: 6px;
}
@media (max-width: 767.98px) {
  .topbar__banner-wrapper {
    width: 100%;
  }
  .topbar__banner-text {
    font-size: var(--sya-font-size-m);
  }
}
.topbar-connect {
  max-width: 200px;
}
.topbar-connect__content {
  min-width: 0;
}
:root {
  --sya-topbar-grid-height: 64px;
  --sya-topbar-banner-height: 50px;
  --sya-topbar-height: calc(
    var(--sya-topbar-grid-height) + var(--sya-topbar-banner-height)
  );
}
.topbar {
  --sya-profile-image-size: 24px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: var(--sya-topbar-grid-height);
  width: 100%;
  background: var(--fc--body-background);
  z-index: 90;
}
.topbar--with-banners {
  height: calc(var(--sya-topbar-grid-height) + var(--sya-topbar-banner-height));
}
.topbar__grid {
  display: grid;
  grid-template-columns: auto 1fr auto;
  height: var(--sya-topbar-grid-height);
  grid-gap: var(--sya-spacer-300);
  gap: var(--sya-spacer-300);
  padding-top: var(--sya-spacer-50);
  padding-bottom: var(--sya-spacer-50);
}
.topbar__logo-link {
  --sya-icon-size: 28px;
  display: flex;
  align-items: center;
  gap: var(--sya-spacer-50);
}
.topbar__logo-link-text {
  font-size: 24px;
}
.topbar__search {
  max-width: 768px;
}
@media (max-width: 767.98px) {
  .topbar__grid {
    gap: var(--sya-spacer-100);
  }
  .topbar__toggle-search {
    justify-self: end;
  }
  .topbar__logo-link {
    --sya-icon-size: 40px;
  }
  .topbar__logo-link-text {
    display: none;
  }
}
@media (min-width: 768px) {
  .custom-404-page {
    padding-left: calc(
      var(--sya-container-inset) * 2 + var(--sya-navigation-bar-width)
    );
  }
  .custom-404-page__content {
    flex-direction: row;
  }
}
@media (max-width: 767.98px) {
  .custom-404-page__content {
    flex-direction: column;
  }
}
.custom-404-page__content-text {
  max-width: 501px;
}
.custom-404-page__image {
  border-radius: var(--sya-global-border-radius-m);
}
.about-page__container {
  gap: 0;
}
.about-page__hero {
  height: 586px;
  width: 100%;
  border-radius: 12px;
  background: linear-gradient(
    355.9deg,
    rgba(9, 8, 10, 0) 2.9%,
    rgba(9, 8, 10, 0.62) 42.42%,
    #09080a 78.24%,
    #09080a 91.35%
  );
  padding: var(--sya-spacer-200);
  background-image: url(/assets/images/bad-boy.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.about-page__hero-text {
  color: var(--sya-color-white-internal);
}
@media (min-width: 768px) {
  .about-page__container {
    padding-bottom: 88px;
  }
}
@media (max-width: 767.98px) {
  .about-page__hero {
    padding: var(--sya-spacer-125);
    background-image: url(/assets/images/bad-boy-m.jpg);
    margin-left: calc(-1 * var(--sya-container-inset));
    margin-right: calc(-1 * var(--sya-container-inset));
    width: unset;
    border-radius: 0;
  }
}
@media (max-width: 599.98px) {
  .about-page__hero {
    background-image: url(/assets/images/bad-boy-s.jpg);
  }
}
.check-gen-f__hero {
  width: 100%;
  height: 699px;
  background-image: url(/assets/images/cat-girl.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: var(--sya-global-border-radius-m);
}
.check-gen-f__heading {
  max-width: 640px;
  text-align: center;
}
.check-gen-f__content {
  max-width: 676px;
  text-align: center;
}
.light-mode .check-gen-f__content strong {
  color: var(--fpc--neutral-950);
}
@media (max-width: 599.98px) {
  .check-gen-f__content,
  .check-gen-f__heading {
    text-align: left;
    width: 100%;
  }
  .check-gen-f__cta {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .check-gen-f__hero {
    height: 496px;
  }
}
@media (max-width: 599.98px) {
  .check-gen-f__hero {
    height: 325px;
  }
}
.join-organization {
  position: relative;
  display: block;
  width: 100%;
  height: 418px;
  overflow: hidden;
  background: var(--fpc--neutral-950);
  border-radius: var(--sya-global-border-radius-m);
}
.join-organization__content {
  padding: var(--sya-spacer-125);
  max-width: 584px;
  z-index: 10;
  height: 100%;
}
.join-organization__heading {
  color: var(--sya-color-white-internal);
  z-index: 10;
}
.join-organization__secondary {
  color: var(--fpc--neutral-500);
  z-index: 10;
}
.join-organization__perks {
  padding-top: var(--sya-spacer-200);
  max-width: 684px;
  width: 600px;
  flex-wrap: wrap;
  z-index: 10;
}
.join-organization__pill {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--sya-spacer-50) var(--sya-spacer-75);
  gap: var(--sya-spacer-75);
  height: var(--sya-spacer-200);
  border: 1px solid var(--fpc--neutral-750);
  border-radius: var(--sya-global-border-radius-s);
  flex: none;
  order: 0;
  flex-grow: 0;
  color: var(--fpc--neutral-100);
  z-index: 10;
}
.join-organization__cta {
  width: 200px;
  height: 48px;
  z-index: 10;
}
.join-organization__ellipse {
  position: absolute;
  width: 594px;
  height: 207px;
  right: 0;
  top: 0;
  background: var(--sya-color-primary);
  filter: blur(160px);
  z-index: 1;
}
.join-organization__back {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.join-organization__lewis {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  height: 417px;
  width: 619px;
  background-image: url(/assets/images/lewis.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
}
@media (min-width: 1440px) {
  .join-organization__back {
    background: linear-gradient(
      252deg,
      rgba(9, 8, 10, 0) 0.18%,
      rgba(6, 5, 6, 0.62) 16.99%,
      #16161d 98.86%
    );
  }
  .light-mode .join-organization__back {
    background: linear-gradient(
      252deg,
      rgba(9, 8, 10, 0) 0.18%,
      rgba(6, 5, 6, 0.62) 16.99%,
      #09080a 98.86%
    );
  }
}
@media (max-width: 1439.98px) {
  .join-organization__back {
    background: linear-gradient(
      252deg,
      rgba(9, 8, 10, 0) 0.18%,
      rgba(6, 5, 6, 0.62) 16.99%,
      #16161d 40.47%
    );
  }
  .light-mode .join-organization__back {
    background: linear-gradient(
      252deg,
      rgba(9, 8, 10, 0) 0.18%,
      rgba(6, 5, 6, 0.62) 16.99%,
      #09080a 40.47%
    );
  }
}
@media (max-width: 767.98px) {
  .join-organization {
    height: unset;
  }
  .join-organization__perks {
    padding-top: 0;
    width: unset;
  }
  .join-organization__lewis {
    display: none;
  }
}
@media (max-width: 599.98px) {
  .join-organization__cta {
    width: 100%;
  }
  .join-organization__secondary {
    font-size: var(--sya-font-size-m);
  }
}
.landing-page-section {
  gap: var(--sya-spacer-400);
}
.landing-page-section__heading {
  flex: 50% 1;
}
.landing-page-section__content {
  color: var(--fpc--neutral-600);
  flex: 50% 1;
}
.landing-page-section__content strong {
  color: var(--fpc--neutral-100);
}
.light-mode .landing-page-section__content strong {
  color: var(--fpc--neutral-950);
}
@media (max-width: 767.98px) {
  .landing-page-section {
    flex-direction: column;
    gap: var(--sya-spacer-150);
  }
}
.news {
  margin-top: var(--sya-spacer-150);
  flex-grow: 1;
}
.news__title {
  width: 80px;
}
.news__content {
  flex: 1 1;
}
.news__cta {
  margin-top: var(--sya-spacer-125);
  width: 184px;
  height: 48px;
}
@media (max-width: 599.98px) {
  .news__content,
  .news__title {
    font-size: var(--sya-font-size-m);
  }
}
.pitch-video__video-component {
  width: 100%;
  align-items: center;
}
.pitch-video__placeholder {
  border-radius: var(--sya-global-border-radius-xl);
}
.pitch-video__play-button {
  background: var(--fpc--primary-200);
  border-radius: 50%;
  box-shadow: 0 0 120.159px var(--fpc--primary-200);
  width: 68px;
  height: 68px;
}
.pitch-video__play-button,
.pitch-video__play-button-icon {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pitch-video__play-button-icon {
  --sya-icon-size: 26px;
  --sya-icon-color: var(--fpc--neutral-950);
}
.principles-carousel {
  padding-top: var(--sya-spacer-625);
  margin-bottom: var(--sya-spacer-400);
}
.principles-carousel__statement {
  min-height: 60px;
  min-width: 250px;
}
.principles-carousel__icon {
  --sya-icon-size: 20px;
  margin-top: var(--sya-spacer-37);
  flex-shrink: 0;
}
.principles-carousel__statement--highlight {
  color: var(--sya-color-white);
}
@media (min-width: 1200px) {
  .principles-carousel__copy {
    gap: var(--sya-spacer-50);
  }
}
@media (max-width: 767.98px) {
  .principles-carousel {
    padding-top: var(--sya-spacer-500);
  }
}
@media (max-width: 599.98px) {
  .principles-carousel {
    padding-top: var(--sya-spacer-200);
  }
}
.nft-card--loading {
  position: relative;
}
.nft-card__container--loading {
  --sya-skeleton-loader-height: 100%;
  --sya-skeleton-loader-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
:root {
  --sya-nft-card-image-size: 100%;
  --sya-nft-card-detailed-image-size: 100%;
}
.nft-card {
  background-color: var(--sya-color-neutral-900);
  border-radius: var(--sya-global-border-radius-s);
  overflow: hidden;
  border: 1.5px solid var(--fc--divider);
}
.nft-card--clickable {
  cursor: pointer;
}
.nft-card__link {
  display: flex;
}
.nft-card__image {
  --sya-asset-logo-size: var(--sya-nft-card-image-size);
  --sya-asset-logo-image-border-radius: 0;
  --sya-asset-logo-placeholder-padding: var(--sya-spacer-100);
}
.nft-card__image--default {
  --sya-icon-size: auto;
  width: var(--sya-nft-card-image-size);
}
.nft-card__image--default rect {
  fill: transparent;
}
.nft-card__info {
  padding: var(--sya-spacer-50) var(--sya-spacer-100);
}
.nft-card__token-id {
  color: var(--fc--muted);
  max-width: 100%;
}
.nft-card__rarity {
  flex-shrink: 0;
}
.nft-card__owner {
  --sya-profile-image-size: 32px;
  font-size: var(--sya-font-size-l);
}
.nft-card__buy-button {
  flex-shrink: 0;
}
.nft-card--detailed {
  --sya-nft-card-image-size: var(--sya-nft-card-detailed-image-size);
}
.nft-card--detailed .nft-card__info {
  padding: var(--sya-spacer-100) var(--sya-spacer-100);
}
.nft-collection-details {
  --sya-asset-logo-size: 140px;
}
.nft-collection-details__layout {
  grid-template-areas: "logo info" "logo overview";
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--sya-spacer-100);
}
.nft-collection-details__logo {
  grid-area: logo;
}
.nft-collection-details__info {
  --sya-skeleton-loader-width: 20px;
  --sya-skeleton-loader-height: 20px;
  grid-area: info;
}
.nft-collection-details__title {
  word-break: break-all;
}
.nft-collection-details__overview {
  --sya-skeleton-loader-height: 20px;
  --sya-skeleton-loader-width: 60px;
  grid-area: overview;
}
.nft-collection-details__description {
  padding-right: var(--sya-spacer-100);
  padding-left: var(--sya-spacer-100);
}
@media (max-width: 767.98px) {
  .nft-collection-details {
    --sya-asset-logo-size: 88px;
  }
  .nft-collection-details__layout {
    grid-template-areas: "logo info" "overview overview";
  }
  .nft-collection-details__overview {
    gap: var(--sya-spacer-100);
    justify-content: space-between;
  }
}
.nft-collection-filters__trigger {
  --fc--button-secondary-background: var(--fpc--neutral-750);
}
.nft-collection-filters__clear {
  white-space: nowrap;
}
.nft-collection-filters__filter-label {
  font-size: var(--sya-font-size-s);
  color: var(--fc--muted);
}
.nft-collection-filters__properties {
  color: var(--sya-color-white);
  max-height: 400px;
  overflow: auto;
}
.nft-collection-filters__traits-container {
  padding: var(--sya-spacer-50) 0;
}
@media screen and (max-height: 768px) {
  .nft-collection-filters__properties {
    max-height: none;
  }
}
:root {
  --sya-nft-gallery-gap: var(--sya-spacer-100);
}
.nft-gallery {
  --sya-nft-card-image-size: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: row;
  justify-content: center;
  gap: var(--sya-spacer-100);
}
@media (max-width: 1199.98px) {
  .nft-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .nft-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 599.98px) {
  .nft-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.nft-gallery .nft-card--detailed {
  grid-column: auto/span 2;
  grid-row: auto/span 2;
}
.nft-gallery-carousel__gallery {
  --sya-nft-gallery-card-image-size: 100%;
  grid-auto-columns: 30%;
  grid-template-columns: repeat(auto-fit, 30%);
  grid-auto-flow: column;
  overflow: hidden;
  justify-content: start;
  align-items: start;
}
@media (max-width: 767.98px) {
  .nft-gallery-carousel__gallery {
    grid-auto-columns: 45%;
    grid-template-columns: repeat(auto-fit, 45%);
    overflow: auto;
  }
  .nft-gallery-carousel__carousel-btn {
    display: none;
  }
}
.nft-logo {
  --sya-asset-logo-image-object-fit: contain;
  --sya-asset-logo-image-aspect-ratio: 1;
}
.nft-rarity--rare,
.nft-rarity--super-rare {
  background-image: linear-gradient(
    90.06deg,
    #fff 0.03%,
    #a1df1d 33.85%,
    #7ff4df 66.63%,
    #605df5 99.93%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
.nft-collection-details-page {
  --sya-search-bar-width: 250px;
}
.nft-collection-details-page__filters {
  --sya-search-bar-width: 100%;
}
@media (max-width: 767.98px) {
  .nft-collection-details-page {
    --sya-search-bar-width: auto;
  }
}
.nft-details-page-card {
  --sya-asset-logo-size: 24px;
  --sya-profile-image-size: 32px;
}
.nft-details-page-card__image {
  --sya-asset-logo-size: 100%;
  --sya-asset-logo-image-border-radius: var(--sya-global-border-radius-l);
  max-width: 350px;
  flex-grow: 1;
  flex-shrink: 0;
}
.nft-details-page-card__info {
  min-width: 0%;
}
.nft-details-page-card__buy {
  align-self: flex-start;
}
@media (max-width: 767.98px) {
  .nft-details-page-card__image,
  .nft-details-page-card__info {
    max-width: 100%;
  }
  .nft-details-page-card__layout {
    flex-direction: column;
  }
}
.nft-details-page__grid {
  --sya-description-grid-item-border-bottom: 1px solid var(--fc--muted);
  --sya-description-grid-item-padding: var(--sya-spacer-100)
    var(--sya-spacer-100);
  --sya-description-grid-gap: 0;
  margin-bottom: var(--sya-spacer-200);
}
.how-to-buy-list {
  flex-grow: 1;
}
:root {
  --sya-how-to-buy-list-item-image-size: 40px;
}
.how-to-buy-list-item {
  --sya-profile-image-size: var(--sya-how-to-buy-list-item-image-size);
  --sya-asset-logo-size: var(--sya-how-to-buy-list-item-image-size);
}
.how-to-buy-tutorial__qr-code {
  border-radius: var(--sya-global-border-radius-s);
  padding: var(--sya-spacer-50);
  border: 2px solid var(--fpc--neutral-750);
}
.light-mode .how-to-buy-tutorial__qr-code {
  border: 2px solid var(--fpc--neutral-300);
}
.how-to-buy-tutorial__heading {
  text-align: center;
}
.how-to-buy-tutorial__step-number {
  color: var(--sya-color-primary);
}
.how-to-buy-tutorial__left-side,
.how-to-buy-tutorial__step-content {
  flex: 50% 1;
}
.how-to-buy-tutorial__step-content {
  color: var(--fpc--neutral-500);
}
.how-to-buy-tutorial__step-content strong {
  color: var(--fpc--neutral-100);
}
.light-mode .how-to-buy-tutorial__step-content {
  color: var(--fpc--neutral-600);
}
.light-mode .how-to-buy-tutorial__step-content strong {
  color: var(--fpc--neutral-950);
}
.how-to-buy-tutorial__payment-icon-wrapper {
  border-radius: var(--sya-global-border-radius-s);
  padding: var(--sya-spacer-50);
  border: 1px solid var(--fpc--neutral-750);
  width: 66px;
  height: 40px;
}
.light-mode .how-to-buy-tutorial__payment-icon-wrapper {
  border: 1px solid var(--fpc--neutral-300);
}
.how-to-buy-tutorial__payment-icon {
  width: 100%;
  height: 100%;
}
.how-to-buy-tutorial__cta {
  margin-top: var(--sya-spacer-200);
}
@media (max-width: 1199.98px) {
  .how-to-buy-tutorial__heading {
    text-align: left;
  }
  .how-to-buy-tutorial__cta {
    width: 100%;
  }
}
@media (max-width: 599.98px) {
  .how-to-buy-tutorial {
    padding-top: var(--sya-spacer-400);
    row-gap: var(--sya-spacer-200);
  }
}
@media (min-width: 768px) {
  .how-to-buy-tutorial {
    padding-top: calc(2 * var(--sya-spacer-625));
    row-gap: var(--sya-spacer-400);
  }
}
@media (max-width: 767.98px) {
  .how-to-buy-tutorial {
    padding-top: calc(2 * var(--sya-spacer-500));
    row-gap: var(--sya-spacer-300);
  }
  .how-to-buy-tutorial__section {
    flex-direction: column;
  }
}
.modal-select-token-table__table {
  margin-bottom: var(--sya-spacer-100);
}
.modal-select-token-table__table [data-column="name"] {
  width: auto;
}
.modal-select-token-table__table [data-column="delta"],
.modal-select-token-table__table [data-column="price"] {
  width: 10ch;
}
.modal-select-token-table__network {
  flex-grow: 1;
  justify-content: center;
}
.modal-select-token {
  --sya-modal-content-padding-top: 0px;
}
.modal-select-token__tabs {
  flex-grow: 1;
}
.modal-token-security {
  width: 100%;
}
.modal-token-security__title {
  text-align: center;
}
.modal-token-security__powered-by {
  padding-bottom: var(--sya-spacer-100);
}
.modal-token-security__footer {
  padding-top: 0;
}
.token-security-properties {
  font-size: var(--sya-font-size-m);
  border: 1.5px solid var(--fc--divider);
  border-radius: var(--sya-global-border-radius-l);
  width: 100%;
}
.token-security-properties__header {
  padding-top: var(--sya-spacer-75);
  padding-left: var(--sya-spacer-100);
  padding-right: var(--sya-spacer-100);
  --sya-asset-logo-size: 24px;
}
.token-security-properties-row {
  --sya-info-tooltip-icon-color: var(--fc--muted);
  padding: var(--sya-spacer-75) var(--sya-spacer-100);
}
.modal-liquidity-pools {
  width: 100%;
}
.modal-liquidity-pools__icon {
  --sya-icon-size: 64px;
}
.modal-liquidity-pools__text {
  max-width: 80%;
}
.modal-liquidity-pools__title--high {
  color: var(--sya-color-success);
}
.modal-liquidity-pools__title--low {
  color: var(--sya-color-error);
}
.modal-liquidity-pools__widget-container {
  width: 100%;
}
@media (max-width: 767.98px) {
  .modal-liquidity-pools__widget-container {
    --sya-widget-container-border-radius: var(--sya-global-border-radius-l);
    --sya-widget-container-border: unset;
    border: var(--sya-widget-container-border);
  }
}
@media (max-width: 599.98px) {
  .modal-liquidity-pools__text {
    max-width: 100%;
  }
}
:root {
  --sya-token-m-logo-size: 32px;
  --sya-token-s-logo-size: 24px;
}
.token--logo-size-m {
  --sya-asset-logo-size: var(--sya-token-m-logo-size);
}
.token--logo-size-s {
  --sya-asset-logo-size: var(--sya-token-s-logo-size);
}
.token__verified {
  flex-shrink: 0;
}
.token__balance,
.token__symbol-tick {
  width: 100%;
}
.token-faq__item {
  border-bottom: 1px solid var(--fc--divider);
  padding-bottom: 12px;
}
.token-faq__item a {
  font-weight: var(--sya-font-weight-bold);
  text-decoration: underline;
}
.token-faq__item .accordion-item__button {
  --sya-icon-color: var(--fc--muted);
}
.token-group__button {
  --sya-icon-size: 16px;
}
@media (max-width: 599.98px) {
  .token-group__name {
    display: none;
  }
}
.token-logo {
  --sya-asset-logo-image-background-color: var(--sya-color-token-bg);
  --sya-asset-logo-image-border-radius: 50%;
}
.token-suggestions__item {
  height: unset;
}
@media (max-width: 1439.98px) {
  .token-suggestions__container {
    flex-wrap: wrap;
  }
  .token-suggestions__item {
    flex-basis: 45%;
    flex-grow: 1;
  }
}
@media (min-width: 1440px) {
  .token-suggestions__item {
    flex: 1 1;
  }
}
.token-suggestions-item {
  cursor: pointer;
  background-color: var(--sya-color-neutral-900);
  background-image: unset;
}
.light-mode .token-suggestions-item {
  background-color: var(--fpc--neutral-100);
}
.token-suggestions-item__card-content {
  max-width: unset;
}
.token-suggestions-item__token-name {
  color: var(--fpc--neutral-100);
}
.light-mode .token-suggestions-item__token-name {
  color: var(--fpc--neutral-950);
}
.token-suggestions-item__logo {
  --sya-asset-logo-size: 32px;
  --sya-profile-image-size: 32px;
}
.token-suggestions-item__promoted {
  color: var(--fpc--neutral-100);
  background-color: var(--fpc--neutral-750);
  border: 0;
  font-size: var(--sya-font-size-s);
}
.light-mode .token-suggestions-item__promoted {
  color: var(--fpc--neutral-950);
  background-color: var(--fpc--neutral-200);
}
.token-tweets {
  padding-top: var(--sya-spacer-200);
}
.token-tweets__handle {
  min-width: 0;
  flex-shrink: 1;
}
.token-tweets__title-icon {
  --sya-icon-size: 32px;
}
.token-tweets-item {
  padding: var(--sya-spacer-125);
  background-color: var(--sya-color-neutral-800);
  border-radius: var(--sya-global-border-radius-m);
}
.token-tweets-item__text {
  --sya-skeleton-loader-width: 100%;
  white-space: pre-wrap;
}
.token-tweets-item__metrics {
  --sya-skeleton-loader-width: 40px;
  --sya-icon-size: 16px;
  color: var(--fc--muted);
}
.liquidity-pool__icon {
  --sya-asset-logo-size: 24px;
}
.liquidity-pool__icon:last-child {
  transform: translateX(-50%);
}
.similar-tokens {
  display: block;
  background: url(/assets/images/background.png);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.04))
    drop-shadow(0 0 2px rgba(0, 0, 0, 0.06))
    drop-shadow(0 0 1px rgba(0, 0, 0, 0.05));
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  height: 580px;
  overflow: hidden;
  position: relative;
}
.similar-tokens-heading {
  height: 120px;
  color: var(--sya-color-white-internal);
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  padding: var(--sya-spacer-25);
}
.light-mode .similar-tokens-content {
  background-color: var(--fpc--neutral-100);
  border-color: transparent;
  background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)),
    linear-gradient(
      300deg,
      #9a82f7,
      #a08cf3 25%,
      #8a7eb9 50%,
      #565260 75%,
      #39393b
    );
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px var(--sya-color-black) inset;
}
.similar-tokens-content {
  position: absolute;
  top: 120px;
  bottom: 0;
  left: 160px;
  right: 160px;
  background-color: var(--sya-color-neutral-900-internal);
  border: 4px solid #3b2394;
  border-bottom: 0;
  border-radius: 12px;
  padding: 20px;
  overflow: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .similar-tokens-content {
    left: 14px;
    right: 14px;
  }
}
.light-mode .similar-tokens-footer {
  background: linear-gradient(
    6.24deg,
    #fff 4.97%,
    hsla(0, 0%, 100%, 0.74) 49.05%,
    hsla(0, 0%, 100%, 0.01) 85%
  );
}
.similar-tokens-footer {
  cursor: pointer;
  position: absolute;
  top: 127px;
  bottom: 0;
  left: 164px;
  right: 164px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 32px;
  background: linear-gradient(0deg, #16161d 19.12%, rgba(22, 22, 29, 0));
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .similar-tokens-footer {
    left: 18px;
    right: 18px;
  }
}
@media (max-width: 767.98px) {
  .similar-tokens {
    margin-left: calc(-1 * var(--sya-container-inset));
    margin-right: calc(-1 * var(--sya-container-inset));
    border-radius: 0;
    background-position: 50%;
  }
  .similar-tokens-content,
  .similar-tokens-footer {
    padding-left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
    border: none;
  }
}
.why-buy {
  padding-top: calc(2 * var(--sya-spacer-625));
}
@media (max-width: 599.98px) {
  .why-buy {
    padding-top: var(--sya-spacer-500);
  }
}
.why-buy__heading {
  padding-bottom: var(--sya-spacer-300);
  text-align: center;
}
.why-buy__container {
  gap: var(--sya-spacer-100);
}
@media (min-width: 768px) {
  .why-buy__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.why-buy__item {
  height: 100%;
  flex: 50% 1;
}
.why-buy__heading-icon {
  --sya-icon-size: 24px;
  --sya-icon-color: var(--sya-color-primary);
}
@media (max-width: 599.98px) {
  .why-buy__heading {
    text-align: left;
  }
  .why-buy__container {
    grid-template-columns: fit-content(100%);
  }
}
.transaction-type {
  padding: var(--sya-spacer-50) var(--sya-spacer-75);
  border-radius: var(--sya-global-border-radius-s);
  color: var(--sya-color-white-internal);
  text-align: center;
}
.transaction-type--SELL {
  background-color: var(--fpc--neutral-700);
}
.transaction-type--BUY {
  background-color: var(--sya-color-success);
}
.light-mode .transaction-type--SELL {
  color: var(--sya-color-black-internal);
  background-color: var(--fpc--neutral-200);
}
.widget-token-blacklisted {
  flex-grow: 1;
}
.widget-token-info {
  --sya-collapsible-text-min-height: 190px;
}
.widget-token-info .chip {
  border-radius: var(--sya-global-border-radius-s);
}
.widget-token-info__description {
  margin-bottom: var(--sya-spacer-100);
}
.widget-token-info__more-info {
  --sya-popover-content-width: 300px;
  --sya-description-grid-item-padding: var(--sya-spacer-50);
  --sya-description-grid-gap: 0;
}
.widget-token-info .chip__icon,
.widget-token-info__chip-icon {
  --sya-icon-size: 20px;
}
.widget-token-performance--with-current-price-variation {
  border: 0;
}
@media (max-width: 1199.98px) {
  .widget-token-performance--with-current-price-variation {
    margin-left: -20px;
    margin-right: -20px;
  }
  .widget-token-performance__layout--with-current-price-variation {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .widget-token-performance__head__header {
    padding-bottom: var(--sya-spacer-75);
  }
  .widget-token-performance__layout {
    align-items: start;
    flex-direction: column;
    margin-left: var(--sya-spacer-75);
  }
  .widget-token-performance--with-current-price-variation {
    margin-left: -20px;
    margin-right: -20px;
  }
  .widget-token-performance__layout--with-current-price-variation {
    margin-left: 0;
  }
}
.widget-token-performance-chart {
  position: relative;
  height: 300px;
  padding: var(--sya-spacer-100) 0 0 0;
  margin: 0 calc(var(--sya-widget-container-padding) * -1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.widget-token-performance-chart__container {
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.widget-token-performance-chart__loading {
  --sya-lottie-animation-size: 120px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sya-color-neutral-900);
  color: var(--fpc--neutral-500);
  text-align: center;
}
.widget-token-performance-chart__tooltip {
  background: var(--sya-widget-container-background-color);
  padding-bottom: 10px;
  margin-left: -50px;
}
.widget-token-performance-chart__tooltip--left-edge {
  margin-left: -12px;
}
.widget-token-performance-chart__tooltip--right-edge {
  margin-left: 0;
  transform: translateX(12px);
}
.widget-token-performance-chart__tooltip__wrapper {
  background: var(--sya-color-neutral-800);
  border-radius: 12px;
  padding: 6px 12px;
}
.light-mode .widget-token-performance-chart__tooltip__wrapper {
  background: var(--fpc--neutral-100);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 0 2px rgba(0, 0, 0, 0.1),
    0 0 1px rgba(0, 0, 0, 0.09);
}
.widget-token-performance-chart__tick-label {
  font-size: var(--sya-font-size-s);
  color: var(--fpc--neutral-500);
  fill: var(--fpc--neutral-500);
}
.light-mode .widget-token-performance-chart__tick-label {
  color: var(--fpc--neutral-600);
  fill: var(--fpc--neutral-600);
}
.widget-token-performance-chart__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed var(--fpc--neutral-750);
  border-radius: 100px;
  background-color: var(--sya-widget-container-background-color);
  font-size: var(--sya-font-size-s);
  line-height: var(--sya-line-height-s);
  color: var(--fpc--neutral-500);
  padding: var(--sya-spacer-25) var(--sya-spacer-50);
}
.light-mode .widget-token-performance-chart__tag {
  border-color: var(--fpc--neutral-300);
  color: var(--fpc--neutral-600);
}
@media (max-width: 599.98px) {
  .widget-token-performance-chart {
    padding: 0;
  }
}
.widget-token-performance-chart .recharts-tooltip-wrapper:focus-visible {
  outline: none;
}
.widget-token-performance-chart .recharts-active-dot,
.widget-token-performance-chart .recharts-reference-dot circle {
  display: none;
}
.widget-token-performance-market-data {
  margin-top: var(--sya-spacer-50);
  border: none;
  border-top: 1px solid var(--fc--divider);
  padding: 0;
  padding-top: var(--sya-spacer-100);
}
.widget-token-performance-market-data__grid-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--sya-spacer-100);
  align-items: center;
  justify-content: center;
  --sya-description-grid-item-label-font-weight: var(--sya-font-weight-bold);
  --sya-description-grid-item-value-font-size: var(--sya-font-size-l);
  --sya-description-grid-item-value-font-weight: var(--sya-font-weight-bold);
}
.widget-token-performance-market-data--with-current-price-variation {
  border: 0;
  padding-top: var(--sya-spacer-50);
}
.widget-token-performance-market-data__grid-item {
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .widget-token-performance-market-data__grid-container {
    --sya-description-grid-item-value-font-size: var(--sya-font-size-m);
    display: grid;
    flex-grow: 1;
    justify-content: unset;
  }
  .widget-token-performance-market-data--with-current-price-variation {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.widget-token-transactions [data-column="type"] {
  width: 7ch;
}
.widget-token-transactions [data-column="price"],
.widget-token-transactions [data-column="time"],
.widget-token-transactions [data-column="wallet"] {
  width: 10ch;
}
.widget-token-transactions__header {
  column-gap: var(--sya-spacer-400);
  row-gap: var(--sya-spacer-50);
  flex-wrap: wrap;
}
.widget-token-transaction__header-grid {
  flex-grow: 1;
  grid-template-areas: "buy-text progress sell-text";
  grid-template-columns: auto 1fr auto;
  row-gap: var(--sya-spacer-50);
}
.widget-token-transactions__header-text {
  display: flex;
  gap: var(--sya-spacer-50);
  white-space: nowrap;
  align-items: center;
}
.widget-token-transactions__header-text--buy {
  grid-area: buy-text;
}
.widget-token-transactions__header-text--buy:before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background-color: var(--sya-color-success);
  border-radius: 1.2px;
}
.widget-token-transactions__header-text--sell {
  grid-area: sell-text;
}
.widget-token-transactions__header-text--sell:before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background-color: var(--fc--divider);
  border-radius: 1.2px;
}
.widget-token-transactions__progress {
  grid-area: progress;
  min-width: 80px;
}
@media (max-width: 767.98px) {
  .widget-token-transactions [data-column="time"] {
    width: 8ch;
  }
  .widget-token-transactions__header {
    flex-direction: column;
  }
  .widget-token-transaction__header-grid {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 1fr auto;
    grid-template-areas: "progress progress" "buy-text sell-text";
  }
}
.token-user-activities__balance {
  padding: var(--sya-spacer-25) var(--sya-spacer-25) var(--sya-spacer-25) 0;
}
.token-user-activities__balance--no-trades,
.token-user-activities__header {
  justify-content: space-between;
}
@media (min-width: 768px) {
  .token-user-activities__header {
    flex-direction: row;
  }
}
.widget-token-user-activities .token-user-activities__container {
  margin: 0;
  gap: 0;
}
.token-user-activities__item {
  padding: var(--sya-spacer-100) var(--sya-spacer-25);
  border-bottom: 1px solid var(--fc--divider);
}
.widget-token-top-ten-holder {
  border: 1px solid var(--fc--divider);
  border-radius: 6px;
  padding: var(--sya-spacer-50) var(--sya-spacer-75);
  word-break: break-word;
}
.widget-token-top-ten-holder__icon-wrapper {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  color: var(--fpc--neutral-950);
  background-color: var(--sya-color-token-bg);
}
.light-mode .widget-token-top-ten-holder__icon-wrapper {
  color: var(--fpc--neutral-100);
  background-color: var(--fpc--neutral-750);
}
.widget-token-top-ten-holder__icon {
  --sya-icon-size: 16px;
}
.widget-token-top-ten-holders__carousel-controls
  .carousel-controls-multi__control--right {
  background: linear-gradient(
    90deg,
    transparent 0,
    var(--sya-color-neutral-900) 60%
  );
}
.widget-token-top-ten-holders__carousel-controls
  .carousel-controls-multi__control--left {
  background: linear-gradient(
    90deg,
    var(--sya-color-neutral-900) 40%,
    transparent 100%
  );
}
@media (max-width: 767.98px) {
  .widget-token-top-ten-holders__carousel {
    display: none;
  }
}
.widget-token-top-ten-holders__header {
  flex-direction: row;
  align-items: baseline;
}
.widget-token-top-ten-holders__progress-bar {
  min-width: 160px;
}
@media (max-width: 767.98px) {
  .widget-token-top-ten-holders__percentage-container {
    width: 100%;
  }
  .widget-token-top-ten-holders__progress-bar-container {
    flex: 1 1;
  }
  .widget-token-top-ten-holders__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .widget-token-top-ten-holders__list {
    display: none;
  }
}
.how-to-buy__page {
  gap: var(--sya-spacer-150);
}
@media (max-width: 599.98px) {
  .how-to-buy__page {
    gap: 0;
  }
}
.how-to-buy__heading-secondary {
  padding-bottom: var(--sya-spacer-200);
  overflow-wrap: break-word;
}
.how-to-buy__header-cta {
  width: -moz-fit-content;
  width: fit-content;
}
.how-to-buy__overview {
  display: flex;
  flex-direction: column;
}
@media (max-width: 599.98px) {
  .how-to-buy__header-cta {
    display: none;
  }
  .how-to-buy__heading-secondary {
    font-size: var(--sya-font-size-xl);
  }
}
.how-to-buy__main-section {
  padding-top: var(--sya-spacer-400);
  flex-direction: row;
  gap: var(--sya-spacer-150);
}
@media (max-width: 1199.98px) {
  .how-to-buy__main-section {
    flex-direction: column-reverse;
  }
}
@media (max-width: 599.98px) {
  .how-to-buy__main-section {
    padding-top: 0;
  }
}
.how-to-buy__security-icon {
  --sya-icon-size: 24px;
}
@media (min-width: 1200px) {
  .how-to-buy__what-is-padded-child {
    margin-left: var(--sya-spacer-125);
    margin-right: var(--sya-spacer-125);
  }
}
.how-to-buy__what-is-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 599.98px) {
  .how-to-buy__what-is-description {
    display: none;
  }
}
.how-to-buy__what-is-footer {
  flex-grow: 1;
  justify-content: flex-end;
}
.how-to-buy__secondary-section {
  flex-direction: column;
}
@media (max-width: 1199.98px) {
  .how-to-buy__secondary-section {
    flex-direction: column;
  }
}
.how-to-buy__checkout {
  justify-content: space-between;
}
.how-to-buy__checkout strong {
  color: var(--fpc--neutral-100);
}
.light-mode .how-to-buy__checkout strong {
  color: var(--fpc--neutral-950);
}
.how-to-buy__checkout-content {
  flex-grow: 1;
}
@media (min-width: 1200px) {
  .how-to-buy__secondary-section {
    flex-direction: row;
  }
  .how-to-buy__checkout {
    flex-grow: 0;
    flex-basis: 446px;
    flex-shrink: 0;
  }
  .how-to-buy__what-is {
    flex-grow: 1;
    padding-left: 0;
    padding-right: 0;
  }
  .how-to-buy__tldr {
    flex-grow: 0;
    flex-basis: 600px;
    flex-shrink: 0;
  }
  .how-to-buy__tldr a {
    text-decoration: underline;
  }
  .how-to-buy__security {
    flex-grow: 1;
  }
  .how-to-buy__faqs-and-how-container {
    flex-direction: row;
  }
}
.how-to-buy__faqs {
  flex: 50% 1;
  flex-grow: 0;
  display: flex;
}
@media (max-width: 599.98px) {
  .how-to-buy__faqs {
    display: none;
  }
}
.how-to-buy__tokens-list {
  flex: 50% 1;
  flex-grow: 1;
  display: flex;
}
.how-to-buy__footer-cta {
  text-align: center;
  padding-top: calc(2 * var(--sya-spacer-625));
}
@media (max-width: 767.98px) {
  .how-to-buy__footer-cta {
    padding-top: calc(2 * var(--sya-spacer-500));
  }
}
@media (max-width: 599.98px) {
  .how-to-buy__footer-cta {
    padding-top: var(--sya-spacer-400);
  }
}
.how-to-buy__footer-cta-link {
  color: var(--sya-color-primary);
  text-decoration: underline;
}
.how-to-buy__footer-cta-secondary {
  text-align: center;
  padding-bottom: calc(2 * var(--sya-spacer-625));
  overflow-wrap: break-word;
}
@media (max-width: 767.98px) {
  .how-to-buy__footer-cta-secondary {
    padding-bottom: calc(2 * var(--sya-spacer-500));
  }
}
@media (max-width: 599.98px) {
  .how-to-buy__footer-cta-secondary {
    padding-bottom: 0;
  }
}
.how-to-buy__black-text {
  color: var(--sya-color-white);
}
.token-details-page {
  --fc--tooltip: var(--fc--muted);
}
.token-details-page__overview--blacklisted h1 {
  margin-top: var(--sya-spacer-250);
}
.token-details-page__risky,
.token-details-page__risky:hover {
  background-color: var(--sya-color-neutral-850-internal);
  color: var(--sya-color-warning);
  border-radius: var(--sya-global-border-radius-s);
  padding: var(--sya-spacer-50) var(--sya-spacer-100);
  text-decoration: none;
  max-width: 230px;
  cursor: pointer;
}
.token-details-page__risky .button__icon,
.token-details-page__risky:hover .button__icon {
  color: var(--sya-color-warning);
}
.token-details-page__select-field .icon {
  --sya-icon-size: 16px;
  color: var(--fpc--neutral-500);
}
.token-details-page__select-field .select-field__option {
  padding: var(--sya-spacer-50);
}
.token-details-page__select-field .select-field__selected-item {
  color: var(--fpc--neutral-500);
}
.token-details-page__select-field .select-field__menu {
  border-radius: var(--sya-global-border-radius-s);
}
@media (max-width: 767.98px) {
  .token-details-page__overview--blacklisted h1 {
    margin-top: 0;
  }
  .token-details-page__activities-container {
    gap: var(--sya-spacer-0);
  }
}
.buy-crypto-form-token-field-unsupported .input-group {
  align-items: flex-end;
}
.buy-crypto-form-submit {
  width: 100%;
}
.buy-crypto-form-submit__icon {
  --sya-icon-size: 2.5em;
  margin-left: 3px;
  margin-top: 2px;
  height: 18px;
}
.buy-crypto-form {
  height: 100%;
}
.buy-crypto-form__fields {
  margin: var(--sya-spacer-150) 0;
}
.buy-crypto-form__footer__error {
  min-height: var(--sya-line-height-m);
}
.card-buy-any-crypto {
  --sya-card-container-background-image-url: url(/assets/images/buy-any-banner.png);
}
.card-flooz-wallet {
  --sya-card-container-background-image-url: url(/assets/images/banner-flooz-wallet-is-out.png);
}
.fiat-currency {
  --sya-icon-size: 24px;
}
.modal-buy-any-crypto--buy-step .react-modal-sheet-container {
  height: calc(100% - env(safe-area-inset-top)) !important;
}
.modal-buy-any-crypto-step-provider {
  height: 100%;
}
.modal-buy-any-crypto-step-provider__frame {
  min-height: 500px;
}
@media (max-width: 767.98px) {
  .modal-buy-any-crypto-step-provider__frame {
    min-height: auto;
  }
}
.modal-buy-any-crypto-step-swap {
  --sya-asset-logo-size: 64px;
}
.modal-how-to-buy-any__content {
  --sya-asset-logo-size: 64px;
  justify-content: center;
}
.modal-how-to-buy-any__button {
  width: 100%;
}
.modal-ramp-provider__content {
  height: 1px;
}
.ramp-provider-frame.modal-ramp-provider__iframe {
  height: auto;
  flex-grow: 1;
}
.modal-select-fiat__content {
  min-height: 460px;
}
.modal-select-fiat__item {
  padding: var(--sya-spacer-100);
  flex-grow: 0;
}
.modal-select-ramp-quote__tab-container {
  width: 100%;
}
.modal-select-ramp-quote__tab {
  position: relative;
}
.modal-select-ramp-quote__apple-pay-error {
  --sya-icon-size: 64px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  background-color: var(--sya-color-neutral-900);
  height: 100%;
  width: 100%;
  text-align: center;
  padding: var(--sya-spacer-100);
}
.modal-trade-tokens__header {
  position: absolute;
  top: var(--sya-spacer-100);
  width: 100%;
}
.modal-trade-tokens__tabs .heading,
.modal-trade-tokens__tabs .trade-tokens__tabs-nav {
  max-width: 60%;
  margin: auto;
}
.modal-trade-tokens__tabs .heading {
  margin-top: var(--sya-spacer-50);
}
.swipeable-list.on-ramp-quote-list {
  height: auto;
}
.on-ramp-quote-list-item {
  padding: var(--sya-spacer-100);
  z-index: 10;
}
.on-ramp-quote-list-item__chip {
  flex-shrink: 0;
}
.on-ramp-quote-list-item.item-list-item--selected {
  cursor: pointer;
}
.ramp-provider-frame {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: var(--sya-global-border-radius-l);
}
.modal-stake-tokens-info-chart {
  height: 228px;
  width: 100%;
  background-color: var(--sya-color-neutral-800);
  border-radius: var(--sya-global-border-radius-s);
  position: relative;
  overflow: hidden;
}
.modal-stake-tokens-info-chart__info {
  padding: var(--sya-spacer-75);
  max-width: 235px;
}
.modal-stake-tokens-info-chart__chart {
  position: absolute;
  right: -20px;
  bottom: 40px;
  width: calc(100% + 20px);
  height: 130px;
}
.modal-stake-tokens-info-chart__divider {
  height: 70px;
  width: 1px;
  border: 0.5px dashed;
  border-color: var(--sya-color-white);
}
.modal-stake-tokens-info-chart__reward {
  padding: var(--sya-spacer-50) var(--sya-spacer-37);
  color: var(--sya-color-black);
  background-color: var(--sya-color-white);
  border-radius: var(--sya-global-border-radius-s);
}
.modal-stake-tokens-info-chart__selector {
  font-size: var(--sya-font-size-m);
  border: none;
  cursor: pointer;
  padding: var(--sya-spacer-25) var(--sya-spacer-37);
  border-radius: var(--sya-global-border-radius-s);
  color: var(--fc--muted);
  background-color: transparent;
}
.modal-stake-tokens-info-chart__layout {
  z-index: 1;
  flex-basis: 0px;
}
.modal-stake-tokens-info-chart__layout--active
  .modal-stake-tokens-info-chart__selector {
  color: var(--sya-color-black);
  background-color: var(--sya-color-white);
}
.modal-stake-tokens-info {
  max-height: 528px;
}
.modal-stake-tokens-info__faq {
  --fc--accordion-item: var(--fc--muted);
  --fc--accordion-item-icon: var(--fc--muted);
  --sya-accordion-item-padding: var(--sya-spacer-125) 0;
  border-bottom: 1px solid var(--fc--divider);
}
.modal-stake-tokens-info__faq .text {
  padding-bottom: var(--sya-spacer-100);
}
.modal-stake-tokens-info__title {
  margin-top: var(--sya-spacer-75);
}
.modal-stake-tokens-info__button {
  width: 100%;
}
@media (max-width: 767.98px) {
  .modal-stake-tokens-info {
    max-height: auto;
  }
}
.modal-stake-tokens-confirm-overview__icon {
  --sya-icon-color: var(--fc--divider);
  --sya-icon-size: 20px;
  align-self: center;
}
.modal-stake-tokens-confirm-overview__fees {
  padding: var(--sya-spacer-100);
  border-radius: var(--sya-global-border-radius-l);
  border: 1px solid var(--fc--divider);
}
.modal-stake-tokens-confirm {
  min-height: 400px;
  --sya-lottie-animation-size: 160px;
}
.modal-stake-tokens-confirm__confirm {
  width: 100%;
}
.stake-tokens-form {
  height: 100%;
}
.stake-tokens-form__amount {
  --sya-icon-color: var(--sya-color-primary);
}
.swap-tokens-confirm-dialog {
  --sya-modal-content-padding-bottom: 0;
}
.swap-tokens-confirm-dialog__tokens {
  position: relative;
}
.swap-tokens-confirm-dialog__icon-wrapper {
  --sya-icon-color: var(--fc--divider);
  --sya-icon-size: 20px;
  width: 30px;
  height: 30px;
  background-color: var(--sya-color-neutral-900);
  border-radius: 50%;
  border: 1px solid var(--sya-color-neutral-900);
  padding: var(--sya-spacer-25);
}
.swap-tokens-confirm-dialog__fees {
  padding: var(--sya-spacer-100);
  border-radius: var(--sya-global-border-radius-l);
  border: 1px solid var(--fc--divider);
}
.swap-tokens-confirm-dialog__confirm {
  width: 100%;
}
.swap-tokens-process-dialog__content {
  height: 400px;
  text-align: center;
  font-weight: var(--sya-font-weight-regular);
}
.swap-tokens-process-dialog__icon {
  --sya-lottie-animation-size: 160px;
  --sya-icon-size: 120px;
  color: var(--sya-color-white);
  align-self: center;
}
.swap-tokens-process-dialog__check-status-button {
  width: 100%;
}
.swap-tokens-process-dialog__continue-swap {
  width: 100%;
  visibility: hidden;
}
.swap-tokens-process-dialog__continue-swap--visible {
  visibility: visible;
}
@media (max-width: 767.98px) {
  .swap-tokens-process-dialog__content {
    height: 100%;
  }
}
.gas-price-field__value {
  flex-grow: 1;
}
.slippage-field {
  --sya-input-group-padding: var(--sya-spacer-50) var(--sya-spacer-100);
  flex-grow: 1;
  min-width: 0;
}
.slippage-field__input {
  --sya-input-field-text-align: right;
  justify-content: stretch;
}
.token-field {
  flex-shrink: 0;
  max-width: 150px;
}
.swap-tokens-form-risk {
  min-height: 20px;
  align-self: stretch;
}
.swap-tokens-form-risk__label {
  width: 100%;
}
.swap-tokens-form-submit {
  align-self: stretch;
}
.swap-tokens-button--risky,
.swap-tokens-button--risky:hover {
  color: var(--sya-color-warning);
  background-color: transparent;
  border: 1px solid var(--fpc--neutral-750);
}
.light-mode .swap-tokens-button--risky,
.light-mode .swap-tokens-button--risky:hover {
  border: 1px solid var(--fpc--neutral-300);
}
.swap-tokens-form-token {
  --sya-asset-logo-size: 25px;
  border-radius: var(--sya-global-border-radius-m);
  width: 100%;
}
.swap-tokens-form-token__info {
  color: var(--fc--muted);
  font-weight: var(--sya-font-weight-regular);
}
:root {
  --fc--swap-tokens-form-switch-background: var(--sya-color-neutral-800);
  --sya-swap-tokens-form-switch-box-shadow: none;
}
:root.light-mode {
  --fc--swap-tokens-form-switch-background: var(--sya-color-neutral-900);
  --sya-swap-tokens-form-switch-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.04),
    0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.05);
}
.swap-tokens-form {
  display: flex;
  width: 100%;
  height: 100%;
}
.swap-tokens-form__token-pair {
  position: relative;
}
.swap-tokens-form__switch {
  --sya-lottie-animation-size: 35px;
  cursor: pointer;
  background-color: var(--fc--swap-tokens-form-switch-background);
  box-shadow: var(--sya-swap-tokens-form-switch-box-shadow);
  border: 1px solid var(--fc--divider);
  border-radius: 50%;
}
.swap-tokens-form__error {
  min-height: var(--sya-line-height-l);
}
.trade-actions {
  --sya-button-text-align: left;
  --fc--button-text: var(--fc--muted);
  --fc--button-text-hover: var(--fc--muted);
  --fc--button-text-icon: var(--fc--muted);
  --fc--button-text-hover-icon: var(--fc--muted);
}
.trade-tokens,
.trade-tokens__tabs-nav {
  flex-grow: 1;
}
.trade-tokens--with-nav .trade-tokens__form {
  min-height: 480px;
}
.trade-tokens--with-nav .trade-tokens__form--launcher-only-mode {
  min-height: unset;
}
.embedded-trade-page {
  display: flex;
  flex-grow: 1;
  max-width: 450px;
  max-height: 720px;
  width: 100%;
  margin: 0 auto;
  background-color: var(--sya-color-neutral-900);
  border-radius: var(--sya-global-border-radius-l);
  padding: var(--sya-spacer-150) var(--sya-spacer-125);
}
.trade-page-faq {
  flex-grow: 1;
}
.trade-page__promoted-tokens-banner {
  background-color: var(--fc--body-background);
  border: 1px solid var(--fc--divider);
}
.trade-page__carousel {
  display: none;
}
.trade-page__carousel--aside {
  display: flex;
}
.trade-page__tokens-table [data-column="NAME"] {
  width: auto;
  min-width: 17ch;
}
.trade-page__tokens-table [data-column="PRICE"] {
  width: 9ch;
}
.trade-page__tokens-table [data-column="PRICE_DELTA"] {
  width: 8ch;
}
.trade-page__tokens-table [data-column="BALANCE"],
.trade-page__tokens-table [data-column="MARKET_CAP"],
.trade-page__tokens-table [data-column="VOLUME"] {
  width: 10ch;
}
.trade-page-faq .accordion-item__button {
  --sya-icon-color: var(--fc--muted);
}
.trade-page-faq__item {
  border-bottom: 1px solid var(--fc--divider);
  padding: var(--sya-spacer-25) 0;
}
.trade-page-faq__answer {
  display: inline-block;
  padding: 0 var(--sya-spacer-75) var(--sya-spacer-50) var(--sya-spacer-75);
}
.trade-page .data-table-row__expanded-content--expanded {
  height: 40px;
}
@media (max-width: 1199.98px) {
  .trade-page__carousel {
    display: flex;
  }
  .trade-page__carousel--aside {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .trade-page__promoted-tokens {
    padding: var(--sya-widget-container-padding) 0 0 0;
    gap: 0;
  }
  .trade-page-faq {
    background: none;
  }
}
.activity-details-approve-hero__contract-logo {
  --sya-asset-logo-size: 100%;
  --sya-asset-logo-image-border-radius: var(--sya-global-border-radius-l);
  --sya-asset-logo-image-object-fit: contain;
  --sya-asset-logo-image-aspect-ratio: 1;
  --sya-icon-size: 60px;
  width: 56px;
}
.activity-details-approve-hero__asset-link,
.activity-details-approve-hero__asset-link:hover {
  text-decoration: underline;
}
.activity-details-contract-execution-hero__logo {
  --sya-asset-logo-size: 100%;
  --sya-asset-logo-image-border-radius: var(--sya-global-border-radius-l);
  --sya-asset-logo-image-object-fit: contain;
  --sya-asset-logo-image-aspect-ratio: 1;
  --sya-icon-size: 60px;
  width: 56px;
}
.activity-details-from-to-hero__asset-logo {
  --sya-asset-logo-size: 25px;
}
.activity-details-from-to-hero__arrow {
  color: var(--fpc--neutral-400);
}
.activity-details-from-to-hero__asset-link,
.activity-details-from-to-hero__asset-link:hover {
  text-decoration: underline;
}
.activity-details-hero__nft-image {
  --sya-asset-logo-size: 100%;
  --sya-asset-logo-image-border-radius: var(--sya-global-border-radius-l);
}
.activity-details-properties__items-container {
  position: relative;
}
.activity-details-properties__status {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.activity-details-properties__items-list {
  font-size: var(--sya-font-size-m);
  border: 1.5px solid var(--fc--divider);
  border-radius: var(--sya-global-border-radius-l);
}
.activity-details-properties__copy-value {
  font-size: var(--sya-font-size-m);
}
.activity-details-properties__item-row {
  padding: var(--sya-spacer-75) var(--sya-spacer-100);
}
.activity-details-properties__item-row:first-child {
  padding-top: var(--sya-spacer-150);
}
.activity-details-properties__item-row:not(:last-child) {
  border-bottom: 1px solid var(--fc--divider);
}
.activity-details-properties__item-value {
  text-align: right;
}
.activity-details-properties__items-list-footer {
  padding: var(--sya-spacer-100);
}
:root {
  --sya-follow-list-item-image-size: 40px;
}
.follow-list-item {
  --sya-profile-image-size: var(--sya-follow-list-item-image-size);
  --sya-asset-logo-size: var(--sya-follow-list-item-image-size);
}
.follow-list {
  --sya-data-table-min-height: 200px;
}
.modal-activity-cancel-buy-any-swap__content {
  text-align: center;
  padding-top: var(--sya-spacer-200);
  padding-bottom: var(--sya-spacer-300);
}
.modal-activity-cancel-buy-any-swap__footer {
  padding-bottom: var(--sya-spacer-200);
}
.modal-activity-cancel-buy-any-swap__button {
  width: 100%;
}
.modal-activity-cancel-buy-any-swap__content__wrapper,
.modal-activity-cancel-buy-any-swap__emoji {
  margin: 0 auto;
}
.modal-activity-cancel-buy-any-swap__content__wrapper__description {
  margin: 0;
  padding: 0 0 0 var(--sya-spacer-300);
}
@media (max-width: 767.98px) {
  .modal-activity-cancel-buy-any-swap__content__wrapper {
    max-width: 625px;
  }
  .modal-activity-cancel-buy-any-swap__content__wrapper__description {
    padding: 0 0 0 var(--sya-spacer-200);
  }
}
@media (max-width: 599.98px) {
  .modal-activity-cancel-buy-any-swap__content__wrapper {
    max-width: 425px;
  }
}
.modal-activity-start-buy-any-swap__loading {
  padding-top: var(--sya-spacer-200);
  padding-bottom: var(--sya-spacer-400);
  width: 100%;
  height: 100%;
  --sya-lottie-animation-size: 120px;
}
.modal-activity-start-buy-any-swap__content {
  text-align: center;
  padding-top: var(--sya-spacer-200);
  padding-bottom: var(--sya-spacer-300);
}
.modal-activity-start-buy-any-swap__footer {
  padding-bottom: var(--sya-spacer-200);
}
.modal-activity-start-buy-any-swap__button {
  width: 100%;
}
.modal-activity-start-buy-any-swap__emoji {
  margin: 0 auto;
}
.modal-activity-start-buy-any-swap__emoji__large-icon {
  --sya-asset-logo-size: 64px;
  --sya-icon-size: 64px;
}
.modal-god-mode__button {
  width: 100%;
}
.modal-god-mode__description--highlight {
  color: var(--sya-color-white);
}
.modal-nft-selector__content {
  --sya-profile-nfts-grid-columns: 2;
  height: 500px;
}
@media (max-width: 767.98px) {
  .modal-nft-selector__content {
    height: 100%;
  }
}
.modal-edit-profile__image {
  --sya-profile-image-size: 90px;
  position: relative;
  z-index: 1;
}
.modal-edit-profile__upload-icon {
  position: absolute;
  left: 66px;
  bottom: 0;
  z-index: 2;
}
.modal-profile-edit__submit {
  width: 100%;
}
.profile-activities {
  --fc--copy-value: var(--fc--muted);
}
.profile-activities__loading {
  --sya-skeleton-loader-height: 100px;
  --sya-skeleton-loader-width: 100%;
}
.profile-activity__icon-wrapper {
  position: relative;
  flex-shrink: 0;
}
.profile-activity__icon-wrapper--swap {
  width: 36px;
  height: 36px;
  margin-right: -4px;
}
.profile-activity__large-icon {
  --sya-asset-logo-size: 44px;
  --sya-icon-size: 44px;
}
.profile-activity__swap-logo {
  --sya-asset-logo-size: 25px;
  position: absolute;
}
.profile-activity__swap-logo--from {
  bottom: 0;
  right: 0;
}
.profile-activity__indicator {
  position: absolute;
  z-index: 10;
  bottom: -2px;
  right: -2px;
  color: var(--sya-color-black);
}
.light-mode .profile-activity__contract-execution-approval {
  fill: var(--fpc--neutral-100);
  color: var(--sya-color-white);
}
.profile-activity__contract-execution-approval {
  fill: var(--fpc--neutral-750);
  color: var(--fpc--neutral-100);
}
.profile-activity-pending-buy-any {
  cursor: default;
}
.profile-activity-pending-buy-any__layout {
  padding: var(--sya-spacer-100);
}
.profile-activity-pending-buy-any__icon-wrapper {
  width: 40px;
  height: 40px;
  background-color: var(--sya-color-neutral-900);
  border-radius: 13px;
}
.profile-activity-pending-buy-any__first-column {
  text-align: left;
}
.profile-activity-pending-buy-any__stepper {
  flex-shrink: 1;
  min-width: 0;
}
.profile-activity-pending-buy-any__stepper .stack-layout--shrink-1 {
  width: 100%;
}
.profile-activity-pending-buy-any__buttons {
  white-space: nowrap;
  flex-direction: column;
}
:root {
  --sya-profile-image-size: 60px;
  --sya-profile-image-border-width: 0px;
  --sya-profile-image-border-color: transparent;
}
.profile-image {
  --sya-asset-logo-size: var(--sya-profile-image-size);
  --sya-asset-logo-image-border-width: var(--sya-profile-image-border-width);
  --sya-asset-logo-image-border-color: var(--sya-profile-image-border-color);
  --sya-asset-logo-image-object-fit: cover;
}
.profile-image .asset-logo__placeholder rect {
  filter: brightness(0.5);
}
:root {
  --sya-profile-nfts-grid-columns: 4;
}
.profile-nfts {
  width: 100%;
}
.profile-nfts--disabled {
  margin: var(--sya-spacer-100) 0;
  text-align: center;
}
.profile-nfts__loading {
  --sya-skeleton-loader-height: 100px;
  --sya-skeleton-loader-width: 100%;
}
.profile-nfts__grid {
  --sya-nft-card-image-size: 100%;
  grid-template-columns: repeat(
    var(--sya-profile-nfts-grid-columns),
    minmax(0, 1fr)
  );
  gap: var(--sya-spacer-100);
}
@media (max-width: 767.98px) {
  .profile-nfts__grid {
    --sya-profile-nfts-grid-columns: 2;
  }
}
.profile-refer-overview {
  --sya-accordion-item-padding: 0;
  --fc--accordion-item-icon: var(--sya-color-white-internal);
  background-color: var(--sya-color-neutral-800);
  padding: var(--sya-spacer-125);
  border-radius: var(--sya-global-border-radius-l);
}
.light-mode .profile-refer-overview {
  background-color: var(--sya-color-neutral-900-internal);
}
.profile-refer-overview__header--rewards {
  color: var(--sya-color-white-internal);
}
.profile-refer-overview__link {
  border-radius: var(--sya-global-border-radius-s);
  border: 1px solid var(--fpc--neutral-750);
  padding: var(--sya-spacer-100);
  cursor: pointer;
}
.profile-refer-overview__body--highlight {
  color: var(--sya-color-white-internal);
}
.profile-refer-overview__button--not-connected,
.profile-refer-overview__button--not-connected:hover {
  background-color: transparent;
  color: var(--sya-color-white-internal);
  border: 1px solid var(--fpc--neutral-750);
}
.profile-refer-widget__link {
  border-radius: var(--sya-global-border-radius-s);
  border: 1px solid var(--fc--divider);
  padding: var(--sya-spacer-100);
  cursor: pointer;
}
.profile-refer-widget__body--highlight {
  color: var(--sya-color-white);
}
.profile-refer-widget__button--not-connected,
.profile-refer-widget__button--not-connected:hover {
  background-color: transparent;
  color: var(--sya-color-white);
  border: 1px solid var(--fc--divider);
}
.refer-token__share {
  text-align: left;
}
.widget-profile-tokens__action {
  align-self: end;
}
.widget-profile-tokens-table [data-column="token"] {
  width: auto;
}
.widget-profile-tokens-table [data-column="amount"],
.widget-profile-tokens-table [data-column="delta"],
.widget-profile-tokens-table [data-column="price"] {
  width: 10ch;
}
@media (max-width: 767.98px) {
  .widget-profile-tokens-table [data-column="amount"],
  .widget-profile-tokens-table [data-column="delta"],
  .widget-profile-tokens-table [data-column="price"] {
    width: 8ch;
  }
}
.follow-page-group {
  flex-basis: 50%;
  flex-grow: 1;
  height: 480px;
  overflow: auto;
}
.follow-page__tabs {
  display: none;
}
@media (max-width: 767.98px) {
  .follow-page__tabs {
    display: flex;
  }
  .follow-page__boxes {
    display: none;
  }
  .follow-page-group {
    height: auto;
    padding-top: 0;
  }
  .follow-page-group__header {
    display: none;
  }
}
:root {
  --sya-profile-page-logo-border-width: var(
    --sya-page-structured-overview-logo-border-width
  );
  --sya-profile-page-logo-size: calc(
    var(--sya-page-structured-overview-logo-size) +
      var(--sya-page-structured-overview-logo-border-width) * 2
  );
  --sya-profile-page-small-logo-size: calc(
    var(--sya-page-structured-overview-logo-small-size) +
      var(--sya-page-structured-overview-logo-border-width) * 2
  );
}
.profile-page {
  --sya-profile-image-size: var(--sya-profile-page-logo-size);
  --sya-profile-image-border-width: var(--sya-profile-page-logo-border-width);
  --sya-profile-image-border-color: var(
    --sya-page-structured-overview-logo-border-color
  );
  --sya-page-structured-overview-logo-border-width: 0px;
  --sya-page-structured-overview-logo-border-radius: 0;
  --sya-page-structured-overview-logo-size: var(--sya-profile-page-logo-size);
  --sya-page-structured-overview-logo-background-color: transparent;
}
.profile-page__refer-mobile {
  display: none;
}
@media (max-width: 1199.98px) {
  .profile-page__refer-mobile {
    display: block;
  }
  .profile-page__refer-widget {
    display: none;
  }
}
@media (max-width: 599.98px) {
  .profile-page {
    --sya-profile-image-size: var(--sya-profile-page-small-logo-size);
    --sya-page-structured-overview-logo-size: var(
      --sya-profile-page-small-logo-size
    );
  }
}
.referral-page-rewards__list {
  --sya-item-list-item-old-background-color: var(--sya-color-neutral-900);
}
.referral-page-rewards__filter {
  align-self: end;
}
.referral-page__container {
  justify-items: center;
}
.referral-page__tabs-container .tabs-nav__entry {
  width: 100%;
}
.community-onboarding__video {
  position: relative;
  border-radius: var(--sya-global-border-radius-m);
  overflow: hidden;
  width: 548px;
}
.community-onboarding__video-component {
  width: 100%;
}
.community-onboarding__video-placeholder {
  width: 100%;
  height: 100%;
}
.community-onboarding__video-trigger-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.community-onboarding__play-button {
  width: 68px;
  height: 68px;
  background: var(--fpc--primary-200);
  border-radius: 50%;
  box-shadow: 0 0 94px var(--fpc--primary-200);
}
.community-onboarding__play-button,
.community-onboarding__play-button-icon {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.community-onboarding__play-button-icon {
  --sya-icon-size: 20px;
  --sya-icon-color: var(--fpc--neutral-950);
}
@media (max-width: 1199.98px) {
  .community-onboarding__video {
    max-width: 453px;
    width: 50%;
    height: auto;
  }
  .community-onboarding {
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .community-onboarding {
    flex-direction: column;
    gap: var(--sya-spacer-300);
  }
  .community-onboarding__video {
    width: 100%;
    max-width: 100%;
  }
  .community-onboarding__title {
    max-width: 350px;
  }
}
@media (max-width: 599.98px) {
  .community-onboarding {
    gap: var(--sya-spacer-200);
  }
  .community-onboarding__play-button {
    width: 58px;
    height: 58px;
    box-shadow: 0 0 75px var(--fpc--primary-200);
  }
  .community-onboarding__play-button-icon {
    --sya-icon-size: 18px;
  }
  .community-onboarding__title {
    max-width: 250px;
  }
}
.features-carousel__item-title {
  padding-bottom: var(--sya-spacer-100);
}
.features-carousel__slide--current .features-carousel__item-title {
  color: var(--sya-color-neutral-75);
}
.features-carousel__slide--current .features-carousel__item-content {
  color: var(--fpc--neutral-500);
}
.features-carousel__slide--disabled {
  cursor: pointer;
}
.features-carousel__slide--disabled .features-carousel__item-content,
.features-carousel__slide--disabled .features-carousel__item-title {
  color: var(--fpc--neutral-700);
}
.light-mode .features-carousel__slide--current .features-carousel__item-title {
  color: var(--fpc--neutral-950);
}
.light-mode
  .features-carousel__slide--current
  .features-carousel__item-content {
  color: var(--fpc--neutral-500);
}
.light-mode
  .features-carousel__slide--disabled
  .features-carousel__item-content,
.light-mode .features-carousel__slide--disabled .features-carousel__item-title {
  color: var(--fpc--neutral-400);
}
@media (max-width: 599.98px) {
  .features-carousel__item-content {
    font-size: var(--sya-font-size-m);
  }
}
@media (min-width: 600px) {
  .features-carousel__item-content {
    font-size: var(--sya-font-size-l);
  }
}
.features-carousel__item-progress-bar-container {
  width: 2px;
  min-width: 2px;
  background: var(--fpc--neutral-750);
}
.light-mode .features-carousel__item-progress-bar-container {
  background: var(--fpc--neutral-300);
}
.features-carousel__item-progress-bar {
  background-color: var(--sya-color-primary);
  transition: 0.4s linear;
  transition-property: width, background-color;
  animation: progressAnimationStrike 6s;
}
@keyframes progressAnimationStrike {
  0% {
    height: 0;
  }
  to {
    height: 100%;
  }
}
.features-overview__image-container {
  width: 100%;
  text-align: center;
}
@media (max-width: 767.98px) {
  .features-overview__image {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .features-overview__image {
    object-fit: contain;
    object-position: center;
    max-width: 519px;
  }
}
.info-carousel {
  margin-top: var(--sya-spacer-150);
  margin-bottom: var(--sya-spacer-400);
}
.info-carousel__statement {
  min-height: 60px;
}
.info-carousel__icon {
  --sya-icon-size: 20px;
  flex-shrink: 0;
}
.info-carousel__statement--highlight {
  color: var(--sya-color-white);
}
@media (max-width: 767.98px) {
  .info-carousel {
    margin-top: var(--sya-spacer-100);
    margin-bottom: var(--sya-spacer-100);
  }
}
@media (max-width: 599.98px) {
  .info-carousel {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.modal-embed-code-copied {
  text-align: center;
}
.modal-embed-code-copied__icon {
  margin-top: var(--sya-spacer-100);
}
.modal-embed-code-copied__embed-code {
  word-break: break-all;
  text-align: left;
  padding: var(--sya-spacer-100);
  background-color: var(--sya-color-neutral-850);
  border-radius: var(--sya-global-border-radius-m);
}
.modal-embed-code__content {
  align-items: baseline;
}
@media (min-width: 600px) {
  .modal-embed-code {
    max-height: 80vh;
  }
}
@media (max-width: 599.98px) {
  .modal-embed-code {
    max-height: 100vh;
  }
}
.testimonials-carousel__heading {
  text-align: center;
}
.testimonials-carousel__statement {
  min-height: 60px;
}
.testimonials-carousel__item-link {
  color: var(--fc--muted);
  width: -moz-fit-content;
  width: fit-content;
}
.testimonials-carousel__quote-icon {
  --sya-icon-size: 26px;
  flex-shrink: 0;
}
.widget-preview {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--sya-topbar-height) + var(--sya-spacer-100));
  border-radius: var(--sya-global-border-radius-m);
  background-color: #0d0d0e;
  padding: 0 var(--sya-spacer-50) 0 var(--sya-spacer-50);
  width: 100%;
  max-width: 410px;
  filter: drop-shadow(0 4px 40px rgba(0, 0, 0, 0.1))
    drop-shadow(0 0 4px rgba(0, 0, 0, 0.05));
}
.light-mode .widget-preview {
  background-color: var(--sya-color-white-internal);
}
.widget-preview__title {
  padding: var(--sya-spacer-75);
  border-radius: var(--sya-global-border-radius-l)
    var(--sya-global-border-radius-l) 0 0;
}
.light-mode .widget-preview__title {
  background-color: var(--sya-color-white-internal);
}
.widget-preview__loading {
  position: absolute;
  z-index: 1;
  top: 48px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  color: var(--sya-color-white-internal);
  background-color: #0d0d0e;
  --sya-lottie-animation-size: 120px;
}
.light-mode .widget-preview__loading {
  color: var(--sya-color-black-internal);
  background-color: var(--sya-color-white-internal);
}
@media (max-width: 1199.98px) {
  .widget-preview {
    top: 0;
    position: relative;
  }
}
@media (max-width: 599.98px) {
  .widget-preview iframe {
    width: 100%;
  }
}
.widget-settings-configurator__default-amount-input {
  --sya-input-field-text-align: right;
  justify-content: stretch;
  width: 100px;
}
.widget-step-container {
  padding: var(--sya-spacer-125);
  border-radius: var(--sya-global-border-radius-l);
  margin-bottom: var(--sya-spacer-125);
}
.widget-step-container--current,
.widget-step-container--done {
  background-color: var(--sya-color-neutral-900);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06),
    0 0 1px rgba(0, 0, 0, 0.05);
}
.widget-step-container--disabled .widget-step-container__content,
.widget-step-container--done .widget-step-container__content {
  display: none !important;
}
.widget-step-container--disabled {
  background: transparent;
  border: 1px solid var(--fpc--neutral-750);
  color: var(--fpc--neutral-300);
}
.light-mode .widget-step-container--disabled {
  border: 1px solid var(--fpc--neutral-300);
}
.widget-step-container-title--disabled {
  color: var(--fpc--neutral-400);
}
.widget-step-header__step-number--done {
  border: 1px solid var(--sya-color-white);
  color: var(--sya-color-white);
}
.widget-step-header__step-number--current {
  border: 1px solid var(--sya-color-white-internal);
  background-color: var(--sya-color-white);
  color: var(--sya-color-black);
}
.widget-step-header__step-number--disabled {
  border: 1px solid var(--fpc--neutral-400);
  color: var(--fpc--neutral-400);
}
.widget-step-header__step-number {
  border-radius: 56px;
  width: 56px;
  height: 56px;
  text-align: center;
  padding-top: 11px;
}
@media (max-width: 767.98px) {
  .customize-checkout-widget-container--no-margin {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.partners-page__config {
  flex-grow: 1;
  width: 100%;
}
.partners-page__config-step--1 {
  padding: var(--sya-spacer-125);
  border-radius: var(--sya-global-border-radius-l);
  margin-bottom: var(--sya-spacer-125);
  background-color: var(--sya-color-neutral-900);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06),
    0 0 1px rgba(0, 0, 0, 0.05);
}
.partners-page__config-title {
  padding-bottom: var(--sya-spacer-200);
}
.partners-page__config-step-number {
  border-radius: 56px;
  width: 56px;
  height: 56px;
  text-align: center;
  padding-top: 11px;
  border: 1px solid var(--sya-color-white);
  color: var(--sya-color-white);
}
.partners-page__checkout-anchor {
  transform: translateY(calc(-1 * var(--sya-topbar-height)));
}
@media (max-width: 1199.98px) {
  .partners-page__layout {
    flex-direction: column-reverse;
    align-items: center;
    gap: var(--sya-spacer-200);
  }
}
@media (max-width: 767.98px) {
  .partners-page__sub-title {
    width: 90%;
  }
  .partners-page__additional-content,
  .partners-page__main-column {
    gap: var(--sya-spacer-200);
  }
}
@media (max-width: 599.98px) {
  .partners-page__additional-content,
  .partners-page__main-column {
    gap: var(--sya-spacer-200);
  }
  .partners-page__config-step--1 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.leading-actions {
  display: flex;
}
.leading-actions > * {
  width: 0;
  overflow-x: hidden;
}
.swipeable-list {
  flex: 1 1;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.swipeable-list-item {
  position: relative;
  transition: max-height 0.5s ease-in-out;
  max-height: 1000px;
  transform-origin: top;
  overflow: hidden;
  width: 100%;
}
.swipeable-list-item--remove {
  max-height: 0;
  transition: max-height 0.35s ease-out;
}
.swipeable-list-item__content {
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  display: flex;
}
.swipeable-list-item__content--return {
  transition: transform 0.5s ease-in-out;
}
@keyframes content-return-leading-ms {
  20% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.swipeable-list-item__content--return-leading-ms {
  animation-duration: 0.5s;
  animation-name: content-return-leading-ms;
  animation-timing-function: linear;
}
@keyframes content-return-trailing-ms {
  20% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.swipeable-list-item__content--return-trailing-ms {
  animation-duration: 0.5s;
  animation-name: content-return-trailing-ms;
  animation-timing-function: linear;
}
.swipeable-list-item__content--remove {
  transition: transform 0.5s ease-in-out;
}
.swipeable-list-item__leading-actions {
  position: absolute;
  display: flex;
  width: 0;
  overflow: hidden;
  height: 100%;
}
.swipeable-list-item__leading-actions--return {
  transition: width 0.5s ease-in-out;
}
@keyframes actions-return-ms {
  20% {
    width: 100%;
  }
  to {
    width: 0;
  }
}
.swipeable-list-item__actions--return-ms {
  animation-duration: 0.5s;
  animation-name: actions-return-ms;
  animation-timing-function: linear;
}
.swipeable-list-item__leading-actions > * {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  transform: scale(1);
  transform-origin: center left;
  transition: transform 0.2s ease-out;
}
.swipeable-list-item__trailing-actions {
  display: flex;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  justify-content: flex-end;
  overflow: hidden;
  height: 100%;
}
.swipeable-list-item__trailing-actions--return {
  transition: width 0.5s ease-in-out;
}
.swipeable-list-item__trailing-actions > * {
  overflow: hidden;
  transform: scale(1);
  transform-origin: center right;
  transition: transform 0.2s ease-out;
}
.swipeable-list-item__leading-actions--scaled > * {
  transform: scale(1.2);
  transform-origin: center left;
  transition: transform 0.2s ease-in;
}
.swipeable-list-item__trailing-actions--scaled > * {
  transform: scale(1.2);
  transform-origin: center right;
  transition: transform 0.2s ease-in;
}
.swipe-action {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.swipe-action > * {
  flex: 1 1;
}
.swipe-action__grayed > * {
  background-color: gray !important;
}
.swipe-action__leading > * {
  justify-content: flex-start;
}
.swipe-action__trailing > * {
  justify-content: flex-end;
}
.swipe-action__leading--full-swipe-rest,
.swipe-action__trailing--full-swipe-rest {
  width: 0;
  transition: width 0.2s;
}
.swipe-action__leading--full-swipe-main > * {
  justify-content: flex-end;
}
.swipe-action__trailing--full-swipe-main > * {
  justify-content: flex-start;
}
.trailing-actions {
  display: flex;
}
.trailing-actions > * {
  width: 0;
  overflow-x: hidden;
}