.wsdex-market-canvas[data-wsdex-chrome-density="compact"] .wsdex-market-canvas__viewport {
 gap: .72rem;
}

.wsdex-market-canvas__chart-region {
 display: grid;
 gap: .45rem;
 min-width: 0;
 min-height: 0;
}

.wsdex-market-canvas__overlay {
 position: absolute;
 inset: 0;
 z-index: 6;
 pointer-events: none;
}

.wsdex-market-canvas__overlay-group {
 position: absolute;
 display: grid;
 gap: .35rem;
 min-width: 0;
 pointer-events: none;
}

.wsdex-market-canvas__overlay-group > * {
 pointer-events: auto;
}

.wsdex-market-canvas__overlay-group--top_left {
 top: .58rem;
 left: .58rem;
 justify-items: start;
}

.wsdex-market-canvas__overlay-group--top_center {
 top: .58rem;
 left: 50%;
 justify-items: center;
 transform: translateX(-50%);
}

.wsdex-market-canvas__overlay-group--top_right {
 top: .58rem;
 right: .58rem;
 justify-items: end;
}

.wsdex-market-canvas__overlay-group--bottom_left {
 bottom: .58rem;
 left: .58rem;
 justify-items: start;
}

.wsdex-market-canvas__overlay-group--bottom_center {
 bottom: .58rem;
 left: 50%;
 justify-items: center;
 transform: translateX(-50%);
}

.wsdex-market-canvas__overlay-group--bottom_right {
 right: .58rem;
 bottom: .58rem;
 justify-items: end;
}

.wsdex-market-canvas__action-slot {
 display: inline-flex;
 order: 20;
 flex-wrap: wrap;
 gap: .22rem;
 padding: .18rem;
 border-radius: .55rem;
 background: color-mix(in srgb,var(--wsdex-surface) 72%,transparent);
 backdrop-filter: blur(.35rem);
}

.wsdex-market-canvas__action-slot--left_toolrail {
 flex-direction: column;
 align-items: flex-start;
 justify-self: start;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__header {
 align-items: center;
 gap: .7rem;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__heading {
 gap: .12rem;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__status {
 min-height: 1.8rem;
 padding: .24rem .52rem;
 border-color: transparent;
 background: color-mix(in srgb,var(--wsdex-surface-soft) 78%,transparent);
 font-size: .72rem;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__controls {
 padding: .72rem;
 border-color: color-mix(in srgb,var(--wsdex-border) 52%,transparent);
 border-radius: .72rem;
 background: color-mix(in srgb,var(--wsdex-surface-soft) 78%,var(--wsdex-surface));
 box-shadow: none;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control__input,
.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control--button {
 min-height: 2.2rem;
 border-color: transparent;
 border-radius: .48rem;
 background: color-mix(in srgb,var(--wsdex-surface) 90%,var(--wsdex-surface-soft));
 box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--wsdex-border) 62%,transparent);
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control__input:hover,
.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control--button:hover {
 box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--wsdex-border-strong) 72%,transparent);
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-view-switcher {
 min-height: 2rem;
 padding: .12rem;
 border-color: transparent;
 border-radius: .5rem;
 background: color-mix(in srgb,var(--wsdex-surface-soft) 82%,transparent);
 box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--wsdex-border) 58%,transparent);
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-chart-button {
 min-height: 2rem;
 padding: .34rem .56rem;
 border-color: transparent;
 border-radius: .42rem;
 background: transparent;
 box-shadow: none;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-chart-button:hover:not(:disabled) {
 border-color: transparent;
 background: color-mix(in srgb,var(--wsdex-accent) 8%,var(--wsdex-surface-soft));
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-chart-button[aria-pressed="true"],
.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-chart-button.is-active {
 border-color: transparent;
 background: color-mix(in srgb,var(--wsdex-accent) 13%,var(--wsdex-surface));
 box-shadow: none;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__summary {
 gap: .5rem;
 padding: .72rem .85rem;
 border-width: 1px 0 0;
 border-radius: 0;
 background: transparent;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__summary-title {
 font-size: .82rem;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__summary-list {
 gap: .5rem .8rem;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__summary-list dt {
 font-size: .68rem;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__summary-list dd {
 font-size: .8rem;
}

#wscbe-app[data-theme="light"] .wsdex-window-body,
#wscbe-app[data-theme="light"] .wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__viewport,
.wsui-theme-light .wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__viewport,
.wscbe-theme-light .wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__viewport {
 --wsdex-surface: #f5f7fa;
 --wsdex-surface-soft: #edf1f5;
}

#wscbe-app[data-theme="light"] .wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__stage,
.wsui-theme-light .wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__stage,
.wscbe-theme-light .wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__stage {
 background: #fbfcfe;
}

@media (max-width: 1100px) {
 .wsdex-market-canvas__overlay-group--top_left,
 .wsdex-market-canvas__overlay-group--top_right {
  max-width: calc(50% - .8rem);
 }
}

@media (max-width: 760px) {
 .wsdex-market-canvas__overlay-group--top_left {
  max-width: calc(100% - 7.5rem);
 }

 .wsdex-market-canvas__overlay-group--top_right {
  max-width: 6.5rem;
 }

 .wsdex-market-canvas__action-slot--left_toolrail {
  flex-direction: row;
 }

 .wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__summary {
  padding-inline: .25rem;
 }
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__header-actions {
 gap: .38rem;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__tools {
 gap: .24rem;
 padding: .12rem;
 border-radius: .58rem;
 background: color-mix(in srgb,var(--wsdex-surface-soft) 64%,transparent);
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__stage {
 border-color: color-mix(in srgb,var(--wsdex-border) 58%,transparent);
 box-shadow: none;
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control--toggle {
 min-height: 2.2rem;
 padding: .34rem .56rem;
 border-color: transparent;
 border-radius: .48rem;
 background: color-mix(in srgb,var(--wsdex-surface) 90%,var(--wsdex-surface-soft));
 box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--wsdex-border) 48%,transparent);
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control--refresh_now {
 align-self: end;
}

.wsdex-market-canvas .wsdex-control--auto_refresh {
 align-self: end;
 width: 2.2rem;
 min-width: 2.2rem;
 min-height: 2.2rem;
 padding: .38rem;
 border-color: transparent;
 background: transparent;
 color: var(--wsdex-muted);
 opacity: .62;
 box-shadow: none;
}

.wsdex-market-canvas .wsdex-control--auto_refresh[aria-pressed="true"] {
 background: color-mix(in srgb,var(--wsdex-surface) 82%,var(--wsdex-accent) 18%);
 color: var(--wsdex-text);
 opacity: 1;
 box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--wsdex-border) 52%,transparent);
}

.wsdex-market-canvas .wsdex-control--auto_refresh:hover:not(:disabled) {
 color: var(--wsdex-text);
 opacity: 1;
}

.wsdex-market-canvas .wsdex-control--auto_refresh .wsui-button-label {
 position: absolute;
 width: 1px;
 height: 1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 white-space: nowrap;
}

@media (max-width: 600px) {
 .wsdex-market-canvas__control-group--query {
  grid-template-columns: repeat(2,minmax(0,1fr));
 }

 .wsdex-control--market_id,
 .wsdex-control--refresh_now {
  grid-column: 1 / -1;
 }

 .wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__controls {
  padding: .58rem;
 }
}

.wsdex-market-canvas[data-wsdex-market-quote="1"] .wsdex-market-canvas__header > .wsdex-market-canvas__header-actions > .wsdex-market-canvas__status {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 white-space: nowrap;
 border: 0;
}

.wsdex-market-canvas[data-wsdex-chrome-header-surface="soft"] .wsdex-market-canvas__header {
 padding: .48rem .58rem;
 border-radius: .58rem;
 background: var(--wsdex-surface-soft);
}

.wsdex-market-canvas[data-wsdex-chrome-header-surface="solid"] .wsdex-market-canvas__header {
 padding: .48rem .58rem;
 border-radius: .58rem;
 background: var(--wsdex-surface);
}

.wsdex-market-canvas[data-wsdex-chrome-query-surface="none"] .wsdex-market-canvas__controls {
 padding: 0;
 border: 0;
 background: transparent;
}

.wsdex-market-canvas[data-wsdex-chrome-query-surface="solid"] .wsdex-market-canvas__controls {
 background: var(--wsdex-surface);
}

.wsdex-market-canvas[data-wsdex-chrome-summary-surface="none"] .wsdex-market-canvas__summary {
 padding-inline: 0;
 border: 0;
 background: transparent;
}

.wsdex-market-canvas[data-wsdex-chrome-summary-surface="soft"] .wsdex-market-canvas__summary {
 border: 0;
 border-radius: .58rem;
 background: var(--wsdex-surface-soft);
}

.wsdex-market-canvas[data-wsdex-chrome-summary-surface="solid"] .wsdex-market-canvas__summary {
 border: 0;
 border-radius: .58rem;
 background: var(--wsdex-surface);
}

.wsdex-market-canvas[data-wsdex-chrome-drawing-surface="none"] .wsdex-market-canvas__drawing-toolbar {
 padding-inline: 0;
 background: transparent;
}

.wsdex-market-canvas[data-wsdex-chrome-drawing-surface="solid"] .wsdex-market-canvas__drawing-toolbar {
 background: var(--wsdex-surface);
}

.wsdex-market-canvas[data-wsdex-chrome-control-borders="none"] .wsdex-control__input,
.wsdex-market-canvas[data-wsdex-chrome-control-borders="none"] .wsdex-control--button,
.wsdex-market-canvas[data-wsdex-chrome-control-borders="none"] .wsdex-control--toggle {
 box-shadow: none;
}

.wsdex-market-canvas[data-wsdex-chrome-button-borders="always"] .wsdex-chart-button {
 box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--wsdex-border) 62%,transparent);
}

.wsdex-market-canvas[data-wsdex-chrome-radius="sm"] {
 --wsdex-chrome-radius: .38rem;
}

.wsdex-market-canvas[data-wsdex-chrome-radius="md"] {
 --wsdex-chrome-radius: .58rem;
}

.wsdex-market-canvas[data-wsdex-chrome-radius="lg"] {
 --wsdex-chrome-radius: .78rem;
}

.wsdex-market-canvas[data-wsdex-chrome-shadow="soft"] .wsdex-market-canvas__controls,
.wsdex-market-canvas[data-wsdex-chrome-shadow="soft"] .wsdex-market-canvas__drawing-toolbar {
 box-shadow: 0 .2rem .7rem rgba(0,0,0,.08);
}

.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__controls,
.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-market-canvas__drawing-toolbar,
.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-view-switcher,
.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control__input,
.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control--button,
.wsdex-market-canvas[data-wsdex-chrome-style="flat"] .wsdex-control--toggle {
 border-radius: var(--wsdex-chrome-radius,.58rem);
}