@import "https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,700&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese";
.loaderx-root {
    z-index: 9999;
    color: #fff;
    place-items: center;
    width: 100vw;
    height: 100vh;
    font-family: Inter, Segoe UI, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    display: grid;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.loaderx-root:before {
    content: "";
    background-image: linear-gradient(#ffffff0e 1px, #0000 1px), linear-gradient(90deg, #ffffff0b 1px, #0000 1px);
    background-size: 44px 44px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-image: radial-gradient(circle, #000 0%, #0000 76%);
    mask-image: radial-gradient(circle, #000 0%, #0000 76%)
}

.loaderx-root--basic {
    color: #0f172a;
    background: #fff
}

.loaderx-root--basic:before {
    background-image: linear-gradient(#0f172a0b 1px, #0000 1px), linear-gradient(90deg, #0f172a0a 1px, #0000 1px);
    background-size: 34px 34px;
    -webkit-mask-image: radial-gradient(circle, #000 0%, #0000 82%);
    mask-image: radial-gradient(circle, #000 0%, #0000 82%)
}

.loaderx {
    z-index: 1;
    place-items: center;
    width: min(860px, 100vw - 28px);
    min-height: min(560px, 100vh - 28px);
    display: grid;
    position: relative
}

.loaderx__brand {
    color: var(--loaderx-secondary, #ff3b4f);
    text-transform: lowercase;
    overflow-wrap: anywhere;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: 2px;
    max-width: 100%;
    font-size: max(2rem, min(8vw, 4rem));
    font-weight: 950;
    line-height: .95;
    display: flex
}

.loaderx__brand strong {
    color: var(--loaderx-primary, #18e0c2);
    font: inherit
}

.loaderx__message {
    color: #ffffffb8;
    text-align: center;
    overflow-wrap: anywhere;
    max-width: 100%;
    margin: 12px 0 0;
    font-size: max(.95rem, min(3.8vw, 1.15rem));
    font-weight: 600
}

.loaderx__comment {
    color: #ffffff9e;
    font-size: .86rem;
    font-weight: 700
}

.loaderx__ambient {
    filter: blur(20px);
    opacity: .42;
    border-radius: 999px;
    width: 260px;
    height: 260px;
    animation: 5s ease-in-out infinite alternate loaderx-drift;
    position: absolute
}

.loaderx__ambient--one {
    background: var(--loaderx-primary, #18e0c2);
    top: 4%;
    left: 4%
}

.loaderx__ambient--two {
    background: var(--loaderx-secondary, #2563eb);
    animation-delay: -1.5s;
    bottom: 6%;
    right: 2%
}

.loaderx__panel {
    background: var(--loaderx-surface, #000000e6);
    border: 1px solid #ffffff29;
    border-radius: 18px;
    width: min(560px, 100%);
    padding: max(22px, min(5vw, 38px));
    position: relative;
    box-shadow: 0 30px 80px #00000073
}

.loaderx__panel--deck {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    display: flex
}

.loaderx__status-row,
.loaderx__market-row {
    color: #ffffffbd;
    letter-spacing: .08em;
    text-transform: uppercase;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    font-size: .78rem;
    font-weight: 900;
    display: flex
}

.loaderx__market-card {
    background: #080d14;
    border: 1px solid #ffffff1a;
    border-radius: 12px;
    gap: 10px;
    padding: 14px;
    display: grid
}

.loaderx__market-row i {
    background: linear-gradient(90deg, var(--loaderx-primary, #18e0c2), transparent);
    border-radius: 999px;
    height: 7px;
    animation: 1.4s ease-in-out infinite loaderx-pulse
}

.loaderx__progress,
.loaderx__ring-meter {
    background: #ffffff1a;
    border-radius: 999px;
    height: 8px;
    overflow: hidden
}

.loaderx__progress span,
.loaderx__ring-meter span {
    border-radius: inherit;
    background: linear-gradient(90deg, var(--loaderx-primary, #18e0c2), var(--loaderx-secondary, #2563eb));
    height: 100%;
    transition: width .2s;
    display: block
}

.loaderx__terminal {
    border: 1px solid color-mix(in srgb, var(--loaderx-primary, #18e0c2)35%, transparent);
    background: var(--loaderx-surface-strong, #000c);
    box-shadow: inset 0 0 70px color-mix(in srgb, var(--loaderx-primary, #18e0c2)14%, transparent), 0 30px 80px #00000080;
    border-radius: 8px;
    place-items: center;
    width: min(620px, 100%);
    padding: max(24px, min(5vw, 42px));
    display: grid
}

.loaderx__terminal-bar {
    align-self: stretch;
    gap: 8px;
    margin-bottom: 24px;
    display: flex
}

.loaderx__terminal-bar span {
    background: #ffffff59;
    border-radius: 999px;
    width: 11px;
    height: 11px
}

.loaderx__orbit {
    place-items: center;
    width: 138px;
    height: 138px;
    margin-bottom: 22px;
    display: grid;
    position: relative
}

.loaderx__orbit span {
    border: 1px solid #ffffff2e;
    border-top-color: var(--loaderx-primary, #18e0c2);
    border-radius: 999px;
    animation: 1.5s linear infinite loaderx-spin;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.loaderx__orbit span:nth-child(2) {
    border-top-color: var(--loaderx-secondary, #2563eb);
    animation-duration: 2.1s;
    animation-direction: reverse;
    top: 18px;
    bottom: 18px;
    left: 18px;
    right: 18px
}

.loaderx__orbit span:nth-child(3) {
    animation-duration: 1.1s;
    top: 36px;
    bottom: 36px;
    left: 36px;
    right: 36px
}

.loaderx__orbit div,
.loaderx__signal-percent {
    color: var(--loaderx-primary, #18e0c2);
    font-size: 1.45rem;
    font-weight: 950
}

.loaderx__terminal code {
    color: var(--loaderx-primary, #18e0c2);
    margin-top: 16px;
    font: 800 .82rem/1.4 Consolas, monospace
}

.loaderx__rings-card {
    background: var(--loaderx-surface-strong, #000c);
    border-radius: 24px;
    place-items: center;
    width: min(520px, 100%);
    padding: max(24px, min(6vw, 46px));
    display: grid;
    box-shadow: 0 34px 90px #00000080
}

.loaderx__rings {
    place-items: center;
    width: 164px;
    height: 164px;
    margin-bottom: 22px;
    display: grid;
    position: relative
}

.loaderx__rings span {
    border: 2px solid #0000;
    border-left-color: var(--loaderx-primary, #18e0c2);
    border-right-color: var(--loaderx-secondary, #2563eb);
    border-radius: 999px;
    animation: 1.4s linear infinite loaderx-spin;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.loaderx__rings span:nth-child(2) {
    animation-duration: 2s;
    animation-direction: reverse;
    top: 18px;
    bottom: 18px;
    left: 18px;
    right: 18px
}

.loaderx__rings span:nth-child(3) {
    animation-duration: 1s;
    top: 40px;
    bottom: 40px;
    left: 40px;
    right: 40px
}

.loaderx__rings div {
    color: var(--loaderx-primary, #18e0c2);
    font-size: 1.45rem;
    font-weight: 950
}

.loaderx__ring-meter {
    width: 100%;
    margin: 24px 0 12px
}

.loaderx__grid-shell {
    background: var(--loaderx-surface-strong, #000c);
    border: 1px solid #ffffff24;
    border-radius: 16px;
    grid-template-columns: minmax(180px, .82fr) minmax(220px, 1fr) auto;
    align-items: center;
    gap: max(18px, min(4vw, 34px));
    width: min(760px, 100%);
    padding: max(18px, min(4vw, 30px));
    display: grid;
    box-shadow: 0 28px 80px #00000080
}

.loaderx__grid-bars {
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    min-height: 160px;
    display: grid
}

.loaderx__grid-bars span {
    background: linear-gradient(180deg, var(--loaderx-primary, #18e0c2), #ffffff14);
    border-radius: 6px;
    min-height: 24px;
    animation: 1.1s ease-in-out infinite alternate loaderx-bars
}

.loaderx__glass {
    background: var(--loaderx-surface, #000c);
    border: 1px solid #ffffff2e;
    border-radius: 28px;
    align-items: center;
    gap: max(18px, min(5vw, 34px));
    width: min(620px, 100%);
    padding: max(24px, min(6vw, 42px));
    display: flex;
    box-shadow: 0 32px 90px #0000007a
}

.loaderx__glass-meter {
    background: #050a0d;
    border: 1px solid #ffffff29;
    border-radius: 999px;
    flex: 0 0 74px;
    align-items: flex-end;
    height: 220px;
    padding: 8px;
    display: flex
}

.loaderx__glass-meter span {
    background: linear-gradient(180deg, var(--loaderx-primary, #18e0c2), var(--loaderx-secondary, #2563eb));
    border-radius: 999px;
    width: 100%;
    transition: height .2s;
    display: block
}

.loaderx__glass-copy {
    flex: 1;
    min-width: 0
}

.loaderx-basic {
    color: #0f172a;
    place-items: center;
    width: 100%;
    min-height: min(560px, 100vh - 28px);
    display: grid
}

.loaderx-basic__stage {
    place-items: center;
    min-height: 220px;
    display: grid
}

.loaderx-basic__default {
    place-items: center;
    gap: 12px;
    display: grid
}

.loaderx-basic__default span {
    background: radial-gradient(circle, var(--loaderx-primary, #e33446)0 28%, transparent 30%), color-mix(in srgb, var(--loaderx-primary, #e33446)18%, white);
    border-radius: 999px;
    width: 68px;
    height: 68px
}

.loaderx-basic__default i {
    background: #e5e7eb;
    border-radius: 999px;
    width: 150px;
    height: 8px;
    overflow: hidden
}

.loaderx-basic__spinner {
    border: 6px solid color-mix(in srgb, var(--loaderx-primary, #e33446)20%, white);
    border-top-color: var(--loaderx-primary, #e33446);
    border-radius: 999px;
    width: 66px;
    height: 66px;
    animation: .85s linear infinite loaderx-spin
}

.loaderx-basic__pulse {
    background: var(--loaderx-primary, #e33446);
    border-radius: 999px;
    width: 68px;
    height: 68px;
    animation: 1.1s ease-in-out infinite loaderx-basic-pulse
}

.loaderx-basic__dots,
.loaderx-basic__bars,
.loaderx-basic__wave,
.loaderx-basic__typing {
    align-items: center;
    gap: 10px;
    display: flex
}

.loaderx-basic__dots span,
.loaderx-basic__typing span {
    background: var(--loaderx-primary, #e33446);
    border-radius: 999px;
    width: 14px;
    height: 14px;
    animation: .8s ease-in-out infinite alternate loaderx-basic-bounce
}

.loaderx-basic__dots span:nth-child(2),
.loaderx-basic__typing span:nth-child(2) {
    animation-delay: .12s
}

.loaderx-basic__dots span:nth-child(3),
.loaderx-basic__typing span:nth-child(3) {
    animation-delay: .24s
}

.loaderx-basic__bars span,
.loaderx-basic__wave span {
    background: var(--loaderx-primary, #e33446);
    border-radius: 999px;
    width: 8px;
    height: 54px;
    animation: .8s ease-in-out infinite alternate loaderx-bars
}

.loaderx-basic__bars span:nth-child(2),
.loaderx-basic__wave span:nth-child(2) {
    animation-delay: 80ms
}

.loaderx-basic__bars span:nth-child(3),
.loaderx-basic__wave span:nth-child(3) {
    animation-delay: .16s
}

.loaderx-basic__bars span:nth-child(4),
.loaderx-basic__wave span:nth-child(4) {
    animation-delay: .24s
}

.loaderx-basic__bars span:nth-child(5),
.loaderx-basic__wave span:nth-child(5) {
    animation-delay: .32s
}

.loaderx-basic__orbit {
    border: 2px solid color-mix(in srgb, var(--loaderx-primary, #e33446)20%, white);
    border-radius: 999px;
    width: 78px;
    height: 78px;
    animation: 1.1s linear infinite loaderx-spin;
    position: relative
}

.loaderx-basic__orbit span {
    background: var(--loaderx-primary, #e33446);
    border-radius: 999px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -6px;
    left: 50%
}

.loaderx-basic__cube {
    background: var(--loaderx-primary, #e33446);
    box-shadow: 16px 16px 0 color-mix(in srgb, var(--loaderx-primary, #e33446)28%, white);
    width: 58px;
    height: 58px;
    animation: 1.1s ease-in-out infinite loaderx-basic-cube
}

.loaderx-basic__logo-spin {
    color: #111827;
    background: #e5e7eb;
    border-radius: 999px;
    place-items: center;
    width: 74px;
    height: 74px;
    font-size: 13px;
    font-weight: 900;
    animation: 1.2s linear infinite loaderx-spin;
    display: grid
}

.loaderx-basic__typing {
    background: #f3f4f6;
    border-radius: 999px;
    padding: 14px 20px
}

.loaderx-basic__progress {
    background: #e5e7eb;
    border-radius: 999px;
    width: 170px;
    height: 9px;
    overflow: hidden
}

.loaderx-basic__progress span {
    border-radius: inherit;
    background: var(--loaderx-primary, #e33446);
    width: 42%;
    height: 100%;
    animation: 1.1s ease-in-out infinite alternate loaderx-basic-slide;
    display: block
}

.loaderx-basic__bounce {
    place-items: center;
    gap: 12px;
    display: grid
}

.loaderx-basic__bounce span {
    background: var(--loaderx-primary, #e33446);
    border-radius: 999px;
    width: 30px;
    height: 30px;
    animation: .55s ease-in-out infinite alternate loaderx-basic-bounce
}

.loaderx-basic__bounce i {
    background: #d1d5db;
    border-radius: 999px;
    width: 42px;
    height: 5px
}

.loaderx-basic__skeleton {
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 12px;
    width: 220px;
    display: grid
}

.loaderx-basic__skeleton span,
.loaderx-basic__skeleton i {
    background: #eef2f7;
    border-radius: 999px;
    animation: 1s ease-in-out infinite alternate loaderx-basic-skeleton;
    display: block
}

.loaderx-basic__skeleton span {
    width: 42px;
    height: 42px
}

.loaderx-basic__skeleton div {
    gap: 8px;
    display: grid
}

.loaderx-basic__skeleton i {
    height: 10px
}

.loaderx-basic__skeleton i:last-child {
    width: 64%
}

.loaderx-basic__prism {
    width: 94px;
    height: 94px;
    position: relative
}

.loaderx-basic__prism span {
    border: 8px solid var(--loaderx-primary, #e33446);
    border-radius: 999px;
    animation: 1.3s linear infinite loaderx-spin;
    position: absolute
}

.loaderx-basic__prism span:first-child {
    opacity: .45;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.loaderx-basic__prism span:nth-child(2) {
    border-color: color-mix(in srgb, var(--loaderx-primary, #e33446)50%, white);
    animation-direction: reverse;
    top: 13px;
    bottom: 13px;
    left: 13px;
    right: 13px
}

.loaderx-basic__prism span:nth-child(3) {
    opacity: .85;
    top: 28px;
    bottom: 28px;
    left: 28px;
    right: 28px
}

.loaderx-basic__grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    display: grid
}

.loaderx-basic__grid span {
    background: var(--loaderx-primary, #e33446);
    border-radius: 999px;
    width: 12px;
    height: 12px;
    animation: 1.1s ease-in-out infinite alternate loaderx-basic-bloom
}

.loaderx-basic__grid span:nth-child(2n) {
    background: color-mix(in srgb, var(--loaderx-primary, #e33446)38%, white);
    animation-delay: .12s
}

@keyframes loaderx-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes loaderx-drift {
    to {
        transform: translate(18px, -18px)scale(1.08)
    }
}

@keyframes loaderx-pulse {
    50% {
        opacity: .45
    }
}

@keyframes loaderx-bars {
    0% {
        opacity: .42;
        transform: scaleY(.35)
    }
    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes loaderx-basic-pulse {
    50% {
        box-shadow: 0 0 0 24px color-mix(in srgb, var(--loaderx-primary, #e33446)18%, transparent);
        transform: scale(.82)
    }
}

@keyframes loaderx-basic-bounce {
    to {
        transform: translateY(-18px)
    }
}

@keyframes loaderx-basic-cube {
    50% {
        transform: rotate(45deg)scale(.8)
    }
    to {
        transform: rotate(90deg)
    }
}

@keyframes loaderx-basic-slide {
    to {
        transform: translate(140%)
    }
}

@keyframes loaderx-basic-skeleton {
    to {
        opacity: .45
    }
}

@keyframes loaderx-basic-bloom {
    to {
        opacity: .45;
        transform: scale(.45)
    }
}

@media (max-width:680px) {
    .loaderx {
        min-height: calc(100vh - 28px)
    }
    .loaderx__grid-shell,
    .loaderx__glass {
        text-align: center;
        flex-direction: column;
        grid-template-columns: 1fr
    }
    .loaderx__grid-bars {
        width: 100%;
        min-height: 120px
    }
    .loaderx__signal-percent {
        justify-self: center
    }
}

.dc-themed-scrollbars {
    scroll-behavior: smooth;
    scrollbar-color: var(--state-active)var(--general-main-1);
    scrollbar-width: thin;
    position: relative;
    overflow: hidden auto
}

.dc-themed-scrollbars__autohide::-webkit-scrollbar-thumb {
    display: none
}

.dc-themed-scrollbars__autohide--is-hovered::-webkit-scrollbar-thumb {
    display: unset
}

.dc-themed-scrollbars--has-horizontal {
    overflow-x: auto
}

.dc-themed-scrollbars--hidden-scrollbar::-webkit-scrollbar {
    display: none !important
}

.dc-themed-scrollbars--only-horizontal {
    overflow: auto hidden
}

.dc-themed-scrollbars--only-horizontal-overlay {
    overflow-y: hidden;
    overflow-x: overlay
}

.dc-themed-scrollbars-wrapper {
    white-space: nowrap;
    justify-content: space-between;
    margin-bottom: -3rem;
    padding-bottom: 3rem;
    display: flex
}

.dc-themed-scrollbars-wrapper li {
    box-sizing: border-box;
    vertical-align: middle;
    width: unset;
    height: 40px;
    padding: 0 3rem;
    display: inline-block
}

@media (max-width:1279px) {
    .dc-themed-scrollbars-wrapper li {
        padding: 0 1.1rem
    }
}

.dc-themed-scrollbars::-webkit-scrollbar {
    background-color: #0000;
    border-radius: 10px;
    width: 5px;
    height: 5px
}

.dc-themed-scrollbars::-webkit-scrollbar-track {
    background-color: #0000
}

.dc-themed-scrollbars::-webkit-scrollbar-thumb {
    background-color: var(--state-active);
    border-radius: 10px
}

.dc-mobile-dialog {
    box-sizing: border-box;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    background: var(--fill-normal);
    width: 100vw;
    height: 100vh;
    transition: opacity .2s;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto
}

.dc-mobile-dialog--enter,
.dc-mobile-dialog--exit {
    opacity: 0;
    pointer-events: none
}

.dc-mobile-dialog--enter .dc-mobile-dialog__content,
.dc-mobile-dialog--exit .dc-mobile-dialog__content {
    transform: scale(0)
}

.dc-mobile-dialog--enter .dc-mobile-dialog__header,
.dc-mobile-dialog--exit .dc-mobile-dialog__header {
    transform: translateY(-100%)
}

.dc-mobile-dialog--enter-done {
    opacity: 1;
    pointer-events: auto
}

.dc-mobile-dialog--enter-done .dc-mobile-dialog__content {
    transform: scale(1)
}

.dc-mobile-dialog--enter-done .dc-mobile-dialog__header {
    transform: translateY(0)
}

.dc-mobile-dialog__content {
    box-sizing: border-box;
    z-index: 1;
    background: var(--fill-normal);
    margin-top: .4rem;
    padding-top: 3.6rem;
    transition: all .2s ease-out;
    position: relative
}

.dc-mobile-dialog__content--is-full-height {
    height: calc(100% - .4rem)
}

.dc-mobile-dialog__content>div {
    height: 100%
}

.dc-mobile-dialog__header {
    box-sizing: border-box;
    z-index: 4;
    background: var(--fill-normal);
    border-bottom: 1px solid var(--border-disabled);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 1rem;
    transition: all .2s ease-out .2s;
    display: flex;
    position: fixed;
    top: 0
}

.dc-mobile-dialog__container--has-scroll {
    overflow: hidden auto
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__header {
    top: unset;
    z-index: unset;
    background: unset;
    position: relative
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__header-wrapper {
    z-index: 4;
    background: var(--fill-normal);
    border-bottom: .01rem solid #0000;
    width: 100%;
    position: sticky;
    top: 0
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__header-wrapper .inline-message__information {
    margin: 1.6rem .8rem -.8rem
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__header-wrapper .learn-more {
    background-color: var(--general-section-1);
    cursor: pointer;
    border: none;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 1.6rem);
    height: 5rem;
    margin: 1.6rem .8rem .8rem;
    padding: 1.6rem;
    display: flex
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__content {
    margin-top: unset;
    padding-top: unset
}

.dc-mobile-dialog__footer {
    z-index: 4;
    width: 100%;
    position: fixed;
    bottom: 0
}

.dc-mobile-dialog__title {
    margin: 0;
    padding: 1.2rem 1.2rem 1.2rem .4rem
}

.dc-mobile-dialog__close-btn-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin: 1.2rem .4rem;
    --fill-color1: var(--text-prominent) !important
}

.dc-modal__container {
    background-color: var(--general-main-2);
    box-shadow: 0 4px 6px 0 var(--shadow-menu);
    border-radius: 8px;
    flex-direction: column;
    transition: transform .25s cubic-bezier(.25, .1, .1, .25), opacity .25s cubic-bezier(.25, .1, .1, .25);
    display: flex;
    position: relative;
    overflow: hidden
}

.dc-modal__container_trade-modal-wrapper {
    justify-content: center;
    align-items: center;
    display: flex
}

.dc-modal__container_trade-modal-wrapper .currency-icon {
    justify-content: center;
    margin-bottom: 4rem;
    display: flex
}

.dc-modal__container--is-vertical-centered {
    position: absolute;
    top: 50vh;
    transform: translateY(-50%) !important
}

.dc-modal__container--is-vertical-centered .dc-modal__container {
    min-width: unset;
    top: 2rem
}

@media (max-width:1279px) {
    .dc-modal__container--is-vertical-centered {
        left: 2.4rem;
        width: calc(100vw - 4.8rem) !important
    }
}

.dc-modal__container--is-vertical-top {
    position: absolute;
    top: 48px
}

@media (max-width:600px) {
    .dc-modal__container--is-vertical-top {
        top: 40px;
        left: 1.6rem;
        width: calc(100vw - 3.2rem) !important
    }
}

.dc-modal__container--is-vertical-bottom {
    position: absolute;
    bottom: 36px
}

@media (max-width:600px) {
    .dc-modal__container--is-vertical-bottom {
        left: 1.6rem;
        width: calc(100vw - 3.2rem) !important
    }
}

.dc-modal__container--hide {
    display: none
}

.dc-modal__container--enter,
.dc-modal__container--exit {
    opacity: 0;
    pointer-events: none;
    transform: translateY(50px)
}

.dc-modal__container--enter-done {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.dc-modal__container--small {
    max-width: 440px
}

.dc-modal__container--small .dc-modal-header,
.dc-modal__container--is-confirmation-modal .dc-modal-header {
    border-bottom: none
}

.dc-modal__container--is-confirmation-modal .dc-modal-header__title {
    padding: 2.4rem
}

.dc-modal__container--is-confirmation-modal .dc-modal-body {
    padding: 0 2.4rem
}

.dc-modal__container--is-confirmation-modal .dc-modal-footer {
    padding: 2.4rem
}

@media (min-width:601px) {
    .dc-modal__container {
        min-width: 440px !important;
        max-height: calc(100vh - 84px) !important
    }
}

@media (max-width:600px) {
    .dc-modal__container {
        max-width: calc(100vw - 3.2rem) !important
    }
}

@media (max-width:1279px) {
    .dc-modal__container_sent-email__modal {
        height: 42rem !important;
        overflow-y: scroll !important
    }
}

.dc-modal-header {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    line-height: 24px;
    display: flex
}

.dc-modal-header__border-bottom {
    border-bottom: 2px solid var(--general-section-5) !important
}

.dc-modal-header__icon {
    margin-right: 1rem
}

.dc-modal-header__icon:hover {
    cursor: pointer
}

.dc-modal-header__title {
    align-items: center;
    height: 100%;
    padding: 1.6rem 2.4rem;
    display: flex
}

.dc-modal-header__title:empty {
    border: none;
    padding: 0
}

@media (max-width:1279px) {
    .dc-modal-header__title {
        padding: 1.6rem;
        font-size: 1.4rem;
        line-height: 1.2
    }
}

.dc-modal-header__section {
    flex-grow: 1;
    align-items: center;
    padding: 1.6rem;
    line-height: 24px;
    display: flex
}

.dc-modal-header__close {
    cursor: pointer;
    width: 32px;
    height: 30px;
    margin: 1.2rem 1.6rem 1.2rem auto;
    padding: .6rem .8rem;
    display: block
}

@media (max-width:1279px) {
    .dc-modal-header__close {
        margin: .8rem
    }
}

html[dir=rtl] .dc-modal-header__close {
    margin: 1.2rem auto 1.2rem 1.6rem
}

.dc-modal-header--is-title-centered {
    justify-content: flex-end;
    position: relative
}

.dc-modal-header--is-title-centered .dc-modal-header__title {
    justify-content: center;
    width: 100%
}

@media (max-width:1279px) {
    .dc-modal-header--is-title-centered .dc-modal-header__title {
        position: absolute
    }
}

.dc-modal-header--is-title-centered .dc-modal-header__close {
    z-index: 1
}

@media not all and (-webkit-min-device-pixel-ratio:.0000264583),
not all and (-webkit-min-device-pixel-ratio:.0000264583),
not all and (min-resolution:.001dpcm) {
    @supports ((-webkit-appearance: none)) {
        .dc-modal-header {
            min-height:4.8rem
        }
    }
}

.dc-modal-body {
    color: var(--text-prominent);
    padding: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.43
}

.dc-modal-body:first-child {
    padding-top: 2.4rem
}

.dc-modal-body__expiration {
    min-height: 12rem;
    padding: 1.6rem
}

@media (max-width:1279px) {
    .dc-modal-body {
        padding: .8rem 2.4rem;
        font-size: 1.2rem
    }
}

.dc-modal-footer {
    justify-content: flex-end;
    margin-top: auto;
    padding: 1.6rem;
    display: flex
}

.dc-modal-footer .dc-btn {
    margin: 0 .8rem
}

.dc-modal-footer .dc-btn:last-child {
    margin: 0
}

.dc-modal-footer--separator {
    border-top: 2px solid var(--general-section-1)
}

.barspinner {
    white-space: nowrap;
    width: 6rem;
    height: 2rem;
    margin: auto
}

.barspinner__rect {
    border-radius: 20px;
    width: .6rem;
    height: 60%;
    margin: .4rem;
    animation: 1.2s ease-in-out infinite sk-stretchdelay;
    display: inline-block
}

.barspinner__rect--1 {
    animation-delay: -1.2s
}

.barspinner__rect--2 {
    animation-delay: -1.1s
}

.barspinner__rect--3 {
    animation-delay: -1s
}

.barspinner__rect--4 {
    animation-delay: -.9s
}

.barspinner__rect--5 {
    animation-delay: -.8s
}

.barspinner--dark .barspinner__rect {
    background-color: var(--brand-secondary)
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        transform: scaleY(1)
    }
    20% {
        transform: scaleY(2)
    }
}

.initial-loader {
    background: 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.initial-loader--fullscreen {
    width: 100vw;
    height: 100vh
}

@media (min-width:1280px) {
    .initial-loader--fullscreen {
        height: calc(100vh - 84px)
    }
}

@media (max-width:1279px) {
    .initial-loader--fullscreen {
        height: calc(100vh - 40px)
    }
}

.initial-loader__barspinner {
    margin: 5rem auto
}

.initial-loader__barspinner--rect {
    background-color: var(--brand-secondary)
}

:root {
    --button-primary-default: #ff444f;
    --text-colored-background: #fff;
    --button-primary-hover: #eb3e48;
    --button-secondary-default: #6e6e6e
}

.dc-btn {
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: #0000;
    border: 0;
    border-radius: 4px;
    outline: 0;
    justify-content: center;
    align-items: center;
    height: 3.2rem;
    padding: 0 1.6rem;
    text-decoration: none;
    transition: all .2s cubic-bezier(.65, .05, .36, 1);
    display: inline-flex;
    position: relative;
    text-transform: none !important
}

.dc-btn__toggle {
    height: auto;
    padding: .8rem 2.5rem
}

.dc-btn__text,
.dc-btn__icon {
    pointer-events: none;
    display: flex
}

.dc-btn__icon {
    text-transform: unset;
    text-align: center;
    color: var(--text-general);
    pointer-events: none;
    padding-right: .8rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5
}

.dc-btn__icon--circle {
    padding-right: 0
}

.dc-btn:not([disabled]):hover {
    text-decoration: none
}

.dc-btn__rounded {
    border-radius: 24px
}

.dc-btn--plus {
    background: inherit;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 2.4rem;
    border: 1px solid var(--border-hover) !important;
    height: 2.4rem !important;
    padding: 0 !important
}

.dc-btn--circle {
    border-radius: 50%;
    height: 3.2rem;
    width: 3.2rem !important
}

.dc-btn--circular {
    border-radius: 100px
}

.dc-btn--transparent {
    background: 0 0
}

.dc-btn--primary {
    background: var(--button-primary-default);
    color: var(--text-colored-background)
}

.dc-btn--primary:hover:not([disabled]) {
    background: var(--button-primary-hover)
}

.dc-btn--primary:active:not([disabled]) {
    background: var(--button-primary-default)
}

.dc-btn--primary:disabled,
.dc-btn--primary[disabled] {
    opacity: .32;
    cursor: not-allowed !important
}

.dc-btn--primary .dc-btn__text,
.dc-btn--primary .dc-btn__icon {
    color: var(--text-colored-background)
}

.dc-btn--primary .dc-btn__icon {
    padding-right: 0;
    padding-inline-end: .8rem
}

.dc-btn--primary__light {
    background: var(--button-primary-light-default)
}

.dc-btn--primary__light:hover:not([disabled]) {
    background: var(--button-primary-light-hover)
}

.dc-btn--primary__light:active:not([disabled]) {
    background: var(--button-primary-light-default)
}

.dc-btn--primary__light:disabled,
.dc-btn--primary__light[disabled] {
    opacity: .32;
    cursor: not-allowed !important
}

.dc-btn--primary__light .dc-btn__text,
.dc-btn--primary__light .dc-btn__icon {
    color: var(--brand-purple-coral)
}

.dc-btn--secondary {
    border: 1px solid var(--button-secondary-default);
    background: 0 0
}

.dc-btn--secondary:hover:not([disabled]) {
    background: var(--button-secondary-hover)
}

.dc-btn--secondary:active:not([disabled]) {
    border: 1px solid var(--button-secondary-default)
}

.dc-btn--secondary:disabled,
.dc-btn--secondary[disabled] {
    opacity: .32;
    cursor: not-allowed !important
}

.dc-btn--secondary .dc-btn__text,
.dc-btn--secondary .dc-btn__icon {
    color: var(--text-prominent)
}

.dc-btn--tertiary {
    background: var(--button-tertiary-default)
}

.dc-btn--tertiary:hover:not([disabled]) {
    background: var(--button-tertiary-hover)
}

.dc-btn--tertiary:active:not([disabled]) {
    background: var(--button-tertiary-default)
}

.dc-btn--tertiary .dc-btn__text,
.dc-btn--tertiary .dc-btn__icon {
    color: var(--brand-purple-coral)
}

.dc-btn--tertiary:disabled,
.dc-btn--tertiary[disabled] {
    opacity: .32;
    cursor: not-allowed !important
}

.dc-btn--alternate {
    background: var(--button-tertiary-default);
    border: 2px solid var(--button-primary-default)
}

.dc-btn--alternate:hover:not([disabled]) {
    background: var(--button-primary-default)
}

.dc-btn--alternate:hover:not([disabled]) .dc-btn__text {
    color: var(--text-colored-background)
}

.dc-btn--alternate .dc-btn__text,
.dc-btn--alternate .dc-btn__icon {
    color: var(--brand-purple-coral)
}

.dc-btn--green {
    background: var(--status-success)
}

.dc-btn--green:hover:not([disabled]) {
    background: var(--transparent-success)
}

.dc-btn--green:active:not([disabled]) {
    background: var(--status-success)
}

.dc-btn--green .dc-btn__text,
.dc-btn--green .dc-btn__icon {
    color: var(--text-colored-background)
}

.dc-btn--black {
    background: var(--button-get-started-bg)
}

.dc-btn--black:hover:not([disabled]),
.dc-btn--black:active:not([disabled]) {
    opacity: .7
}

.dc-btn--black .dc-btn__text,
.dc-btn--black .dc-btn__icon {
    color: var(--general-main-1)
}

.dc-btn__small {
    border-width: 1px;
    min-width: 4.8rem;
    height: 2.4rem
}

.dc-btn__small .dc-btn__text {
    font-size: 1.2rem
}

.dc-btn__medium {
    border-width: 1px;
    min-width: 5.6rem;
    height: 3.2rem
}

.dc-btn__medium .dc-btn__text {
    font-size: 1.4rem
}

.dc-btn__large {
    border-width: 2px;
    min-width: 6.4rem;
    height: 4rem
}

.dc-btn__large .dc-btn__text {
    font-size: 1.4rem
}

.dc-btn__wide {
    width: 100%;
    height: 4rem
}

.dc-btn__effect:focus:not(:active):after {
    content: "";
    border-radius: inherit;
    border: 0 solid var(--brand-secondary);
    opacity: .4;
    animation: .4s forwards button-effect;
    display: block;
    position: absolute;
    top: -.1em;
    bottom: -.1em;
    left: -.1em;
    right: -.1em
}

.dc-btn__group {
    white-space: nowrap
}

.dc-btn__group .dc-btn+.dc-btn {
    margin-left: 8px
}

.dc-btn__button-group {
    border-radius: 0 4px 4px 0
}

.dc-btn .initial-loader--btn {
    background-color: unset
}

.dc-btn .initial-loader--btn .initial-loader__barspinner--rect {
    background-color: var(--text-colored-background)
}

.dc-btn .initial-loader--btn .barspinner {
    margin: .6rem 4px 0 -4px
}

.dc-btn .initial-loader--btn .barspinner__rect {
    height: 35%
}

@keyframes button-effect {
    to {
        opacity: 0;
        border-width: 6px;
        top: -.6em;
        bottom: -.6em;
        left: -.6em;
        right: -.6em
    }
}

.dc-text {
    font-size: var(--text-size);
    color: var(--text-color);
    line-height: var(--text-lh);
    font-weight: var(--text-weight);
    text-align: var(--text-align)
}

.error-modal {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.error-modal .dc-btn {
    margin-top: 2.4rem
}

@media (max-width:1279px) {
    .error-modal {
        height: calc(100vh - 80px)
    }
    .error-modal .dc-btn {
        width: 100%;
        margin-top: 1.6rem
    }
}

.dc-page-error__container {
    justify-content: center;
    align-items: center;
    height: calc(100vh - 84px);
    display: flex
}

@media (min-width:1024px) {
    .dc-page-error__container--left {
        justify-content: left
    }
}

@media screen and (max-width:1024px) {
    .dc-page-error__container {
        flex-wrap: wrap
    }
}

.dc-page-error__box {
    background: var(--general-main-1);
    border: var(--general-main-1);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    display: flex
}

@media (min-width:1024px) {
    .dc-page-error__box--left {
        align-items: start
    }
}

@media screen and (min-width:1008px) {
    .dc-page-error__box {
        max-width: calc(100vw - 45%)
    }
}

.dc-page-error__box .inline-icon {
    margin: 0 auto
}

.dc-page-error__message {
    max-width: 500px;
    margin: 1.6rem 0 2.4rem
}

.dc-page-error__message-paragraph {
    text-align: center
}

.dc-page-error__message-wrapper {
    justify-content: center;
    display: flex
}

@media (min-width:1024px) {
    .dc-page-error__message-wrapper--left {
        justify-content: left
    }
}

.dc-page-error__message-wrapper--left .dc-page-error__message-paragraph:not(:last-child) {
    max-width: 38rem;
    margin-bottom: 1.6rem
}

@media (min-width:1024px) {
    .dc-page-error__message--left {
        text-align: left
    }
}

.dc-page-error__btn {
    min-width: 14rem;
    margin: 1rem
}

.dc-page-error__btn-wrapper {
    justify-content: center;
    display: flex
}

.dc-page-error__btn-wrapper button {
    min-width: 6.4rem;
    height: 4rem
}

.dc-page-error__btn-wrapper button span {
    font-size: 1.4rem;
    font-weight: 500
}

@media (max-width:1279px) {
    .dc-page-error__btn {
        margin: 0 0 1.6rem
    }
    .dc-page-error__btn-wrapper {
        flex-direction: column
    }
}

.unhandled-error {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.unhandled-error .dc-btn {
    margin-top: 2.4rem
}

@media (max-width:1279px) {
    .unhandled-error {
        height: calc(100vh - 80px)
    }
    .unhandled-error .dc-btn {
        width: 100%;
        margin-top: 1.6rem
    }
}

.theme--dark .blocklyDropDownDiv {
    background-color: #c2c2c2 !important;
    border-color: #c2c2c2 !important
}

.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyMainBackground,
.theme--dark .load-strategy__container .blocklyMainBackground,
.theme--dark .zelos-renderer.zelos_renderer-theme rect.blocklyFieldRect.blocklyDropdownRect,
.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyNonEditableText>rect:not(.blocklyDropdownRect),
.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyEditableText>rect:not(.blocklyDropdownRect),
.theme--dark .blocklyPath[fill=\#fff],
.theme--dark .blocklyVariableGet .blocklyPath,
.theme--dark .blocklyOutlinePath {
    fill: #0e0e0e !important
}

.theme--dark .flyout rect.blocklyFieldRect.blocklyDropdownRect,
.theme--dark .flyout .zelos-renderer.classic-theme .blocklyMainBackground {
    fill: #151816 !important
}

.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyEditableText>image,
.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyNonEditableText>image {
    filter: unset
}

.theme--dark .flyout .zelos-renderer.classic-theme .blocklyEditableText>image {
    filter: invert(0)
}

.theme--dark .zelos-renderer.classic-theme .blocklyNonEditableText>rect:not(.blocklyDropdownRect),
.theme--dark .zelos-renderer.classic-theme .blocklyEditableText>rect:not(.blocklyDropdownRect) {
    fill: unset
}

.flyout .injectionDiv {
    height: 100%
}

.flyout .zelos-renderer.classic-theme .blocklyMainBackground {
    filter: unset
}

@keyframes blink-effect {
    0% {
        stroke: red;
        stroke-width: 5px
    }
    50% {
        stroke: #ff0;
        stroke-width: 8px
    }
    to {
        stroke: red;
        stroke-width: 5px
    }
}

.zelos-renderer.zelos_renderer-theme .block--error-highlighted>.blocklyPath,
.flyout .zelos-renderer.classic-theme .block--error-highlighted>.blocklyPath,
.gtm-search-results .block--error-highlighted>.blocklyPath,
.load-strategy__container .block--error-highlighted>.blocklyPath {
    stroke: red;
    stroke-width: 5px
}

@keyframes fade-in-out {
    0% {
        stroke-opacity: 0
    }
    50% {
        stroke-opacity: 1;
        stroke-width: 6px
    }
    to {
        stroke-opacity: 0
    }
}

.zelos-renderer.zelos_renderer-theme .block--execution-highlighted>.blocklyPath,
.flyout .zelos-renderer.classic-theme .block--execution-highlighted>.blocklyPath,
.gtm-search-results .block--execution-highlighted>.blocklyPath,
.load-strategy__container .block--execution-highlighted>.blocklyPath {
    stroke: #89b2af;
    animation: 1.5s fade-in-out
}

.zelos-renderer.zelos_renderer-theme .block--blink>.blocklyPath,
.flyout .zelos-renderer.classic-theme .block--blink>.blocklyPath,
.gtm-search-results .block--blink>.blocklyPath,
.load-strategy__container .block--blink>.blocklyPath {
    animation: 1s infinite blink-effect
}

.zelos-renderer.zelos_renderer-theme .blocklySvg,
.flyout .zelos-renderer.classic-theme .blocklySvg,
.gtm-search-results .blocklySvg,
.load-strategy__container .blocklySvg {
    outline: none;
    display: block;
    position: absolute;
    overflow: hidden
}

.zelos-renderer.zelos_renderer-theme .blocklyRelativeWrapper,
.flyout .zelos-renderer.classic-theme .blocklyRelativeWrapper,
.gtm-search-results .blocklyRelativeWrapper,
.load-strategy__container .blocklyRelativeWrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv,
.gtm-search-results .blocklyWidgetDiv,
.load-strategy__container .blocklyWidgetDiv {
    z-index: 99999;
    display: none;
    position: absolute
}

.zelos-renderer.zelos_renderer-theme .blocklyNonSelectable,
.flyout .zelos-renderer.classic-theme .blocklyNonSelectable,
.gtm-search-results .blocklyNonSelectable,
.load-strategy__container .blocklyNonSelectable {
    -webkit-user-select: none;
    user-select: none
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv.fieldTextInput,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv.fieldTextInput,
.gtm-search-results .blocklyWidgetDiv.fieldTextInput,
.load-strategy__container .blocklyWidgetDiv.fieldTextInput {
    box-sizing: border-box;
    transform-origin: 0 0;
    border: 1px solid;
    overflow: hidden
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv.fieldTextInput.removableTextInput,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv.fieldTextInput.removableTextInput,
.gtm-search-results .blocklyWidgetDiv.fieldTextInput.removableTextInput,
.load-strategy__container .blocklyWidgetDiv.fieldTextInput.removableTextInput {
    overflow: visible
}

.zelos-renderer.zelos_renderer-theme .blocklyTextDropDownArrow,
.flyout .zelos-renderer.classic-theme .blocklyTextDropDownArrow,
.gtm-search-results .blocklyTextDropDownArrow,
.load-strategy__container .blocklyTextDropDownArrow {
    position: absolute
}

.zelos-renderer.zelos_renderer-theme .blocklyTextRemoveIcon,
.flyout .zelos-renderer.classic-theme .blocklyTextRemoveIcon,
.gtm-search-results .blocklyTextRemoveIcon,
.load-strategy__container .blocklyTextRemoveIcon {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    position: absolute;
    top: -40px;
    left: 50%
}

.zelos-renderer.zelos_renderer-theme .blocklyWsDragSurface,
.flyout .zelos-renderer.classic-theme .blocklyWsDragSurface,
.gtm-search-results .blocklyWsDragSurface,
.load-strategy__container .blocklyWsDragSurface {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.zelos-renderer.zelos_renderer-theme .blocklyWsDragSurface.blocklyOverflowVisible,
.flyout .zelos-renderer.classic-theme .blocklyWsDragSurface.blocklyOverflowVisible,
.gtm-search-results .blocklyWsDragSurface.blocklyOverflowVisible,
.load-strategy__container .blocklyWsDragSurface.blocklyOverflowVisible {
    overflow: visible
}

.zelos-renderer.zelos_renderer-theme .blocklyTooltipDiv,
.flyout .zelos-renderer.classic-theme .blocklyTooltipDiv,
.gtm-search-results .blocklyTooltipDiv,
.load-strategy__container .blocklyTooltipDiv {
    color: #333;
    letter-spacing: normal;
    z-index: 100000;
    background-color: #d6dadb;
    border-radius: 4px;
    min-height: 34px;
    padding: 8px;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    position: absolute
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv,
.gtm-search-results .blocklyDropDownDiv,
.load-strategy__container .blocklyDropDownDiv {
    z-index: 1000;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid;
    border-radius: 4px;
    min-height: 15px;
    padding: 4px;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 8px 1px #0000004d
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownContent,
.flyout .zelos-renderer.classic-theme .blocklyDropDownContent,
.gtm-search-results .blocklyDropDownContent,
.load-strategy__container .blocklyDropDownContent {
    max-height: 300px;
    overflow: auto
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownArrow,
.flyout .zelos-renderer.classic-theme .blocklyDropDownArrow,
.gtm-search-results .blocklyDropDownArrow,
.load-strategy__container .blocklyDropDownArrow {
    z-index: -1;
    background-color: inherit;
    border-color: inherit;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownButton,
.flyout .zelos-renderer.classic-theme .blocklyDropDownButton,
.gtm-search-results .blocklyDropDownButton,
.load-strategy__container .blocklyDropDownButton {
    float: left;
    cursor: pointer;
    border: 1px solid;
    border-radius: 4px;
    outline: none;
    margin: 4px;
    padding: 0;
    transition: box-shadow .1s;
    display: inline-block
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownButtonHover,
.flyout .zelos-renderer.classic-theme .blocklyDropDownButtonHover,
.gtm-search-results .blocklyDropDownButtonHover,
.load-strategy__container .blocklyDropDownButtonHover {
    box-shadow: 0 0 0 4px #0000001a
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownButton:active,
.flyout .zelos-renderer.classic-theme .blocklyDropDownButton:active,
.gtm-search-results .blocklyDropDownButton:active,
.load-strategy__container .blocklyDropDownButton:active {
    box-shadow: 0 0 0 6px #0000001a
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownButton>img,
.flyout .zelos-renderer.classic-theme .blocklyDropDownButton>img,
.gtm-search-results .blocklyDropDownButton>img,
.load-strategy__container .blocklyDropDownButton>img {
    width: 80%;
    height: 80%;
    margin-top: 5%
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownPlaceholder,
.flyout .zelos-renderer.classic-theme .blocklyDropDownPlaceholder,
.gtm-search-results .blocklyDropDownPlaceholder,
.load-strategy__container .blocklyDropDownPlaceholder {
    float: left;
    margin: 4px;
    padding: 0;
    display: inline-block
}

.zelos-renderer.zelos_renderer-theme .blocklyNumPadButton,
.flyout .zelos-renderer.classic-theme .blocklyNumPadButton,
.gtm-search-results .blocklyNumPadButton,
.load-strategy__container .blocklyNumPadButton {
    float: left;
    color: #333;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    background: #0e0e0e;
    border: 1px solid #0e0e0e;
    border-radius: 4px;
    outline: none;
    width: 48px;
    height: 48px;
    margin: 4px;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    display: inline-block
}

.zelos-renderer.zelos_renderer-theme .blocklyNumPadButton>img,
.flyout .zelos-renderer.classic-theme .blocklyNumPadButton>img,
.gtm-search-results .blocklyNumPadButton>img,
.load-strategy__container .blocklyNumPadButton>img {
    filter: invert();
    width: 80%;
    height: 80%;
    margin-top: 10%
}

.zelos-renderer.zelos_renderer-theme .blocklyNumPadButton:active,
.flyout .zelos-renderer.classic-theme .blocklyNumPadButton:active,
.gtm-search-results .blocklyNumPadButton:active,
.load-strategy__container .blocklyNumPadButton:active {
    -webkit-tap-highlight-color: #0000;
    background: #0e0e0e
}

.zelos-renderer.zelos_renderer-theme .arrowTop,
.flyout .zelos-renderer.classic-theme .arrowTop,
.gtm-search-results .arrowTop,
.load-strategy__container .arrowTop {
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: inherit;
    border-top-left-radius: 4px
}

.zelos-renderer.zelos_renderer-theme .arrowBottom,
.flyout .zelos-renderer.classic-theme .arrowBottom,
.gtm-search-results .arrowBottom,
.load-strategy__container .arrowBottom {
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: inherit;
    border-bottom-right-radius: 4px
}

.zelos-renderer.zelos_renderer-theme .valueReportBox,
.flyout .zelos-renderer.classic-theme .valueReportBox,
.gtm-search-results .valueReportBox,
.load-strategy__container .valueReportBox {
    word-wrap: break-word;
    text-align: center;
    min-width: 50px;
    max-width: 300px;
    max-height: 200px;
    font-size: .8em;
    overflow: auto
}

.zelos-renderer.zelos_renderer-theme .blocklyResizeSE,
.flyout .zelos-renderer.classic-theme .blocklyResizeSE,
.gtm-search-results .blocklyResizeSE,
.load-strategy__container .blocklyResizeSE {
    cursor: se-resize;
    fill: #aaa
}

.zelos-renderer.zelos_renderer-theme .blocklyResizeSW,
.flyout .zelos-renderer.classic-theme .blocklyResizeSW,
.gtm-search-results .blocklyResizeSW,
.load-strategy__container .blocklyResizeSW {
    cursor: sw-resize;
    fill: #aaa
}

.zelos-renderer.zelos_renderer-theme .blocklyResizeLine,
.flyout .zelos-renderer.classic-theme .blocklyResizeLine,
.gtm-search-results .blocklyResizeLine,
.load-strategy__container .blocklyResizeLine {
    stroke: #888;
    stroke-width: 1px
}

.zelos-renderer.zelos_renderer-theme .blocklyHighlightedConnectionPath,
.flyout .zelos-renderer.classic-theme .blocklyHighlightedConnectionPath,
.gtm-search-results .blocklyHighlightedConnectionPath,
.load-strategy__container .blocklyHighlightedConnectionPath {
    fill: none;
    stroke: #fc3;
    stroke-width: 4px
}

.zelos-renderer.zelos_renderer-theme .blocklyPath,
.flyout .zelos-renderer.classic-theme .blocklyPath,
.gtm-search-results .blocklyPath,
.load-strategy__container .blocklyPath {
    stroke-width: .4px
}

.zelos-renderer.zelos_renderer-theme .blocklySelected>.blocklyPath,
.flyout .zelos-renderer.classic-theme .blocklySelected>.blocklyPath,
.gtm-search-results .blocklySelected>.blocklyPath,
.load-strategy__container .blocklySelected>.blocklyPath {
    stroke: #ffc358;
    stroke-width: 3px
}

.zelos-renderer.zelos_renderer-theme .blocklySelected>.blocklyPathLight,
.flyout .zelos-renderer.classic-theme .blocklySelected>.blocklyPathLight,
.gtm-search-results .blocklySelected>.blocklyPathLight,
.load-strategy__container .blocklySelected>.blocklyPathLight {
    display: none
}

.zelos-renderer.zelos_renderer-theme .blocklyDraggable,
.flyout .zelos-renderer.classic-theme .blocklyDraggable,
.gtm-search-results .blocklyDraggable,
.load-strategy__container .blocklyDraggable {
    cursor: grab
}

.zelos-renderer.zelos_renderer-theme .blocklyDraggable image[alt=Collapsed],
.flyout .zelos-renderer.classic-theme .blocklyDraggable image[alt=Collapsed],
.gtm-search-results .blocklyDraggable image[alt=Collapsed],
.load-strategy__container .blocklyDraggable image[alt=Collapsed] {
    transform: translate(7px)
}

.zelos-renderer.zelos_renderer-theme .blocklyDragging,
.flyout .zelos-renderer.classic-theme .blocklyDragging,
.gtm-search-results .blocklyDragging,
.load-strategy__container .blocklyDragging,
.zelos-renderer.zelos_renderer-theme .blocklyDraggable:active,
.zelos-renderer.zelos_renderer-theme .blocklyBlockDragSurface .blocklyDraggable,
.flyout .zelos-renderer.classic-theme .blocklyDraggable:active,
.flyout .zelos-renderer.classic-theme .blocklyBlockDragSurface .blocklyDraggable,
.gtm-search-results .blocklyDraggable:active,
.gtm-search-results .blocklyBlockDragSurface .blocklyDraggable,
.load-strategy__container .blocklyDraggable:active,
.load-strategy__container .blocklyBlockDragSurface .blocklyDraggable {
    cursor: grabbing
}

.zelos-renderer.zelos_renderer-theme .blocklyDragging.blocklyDraggingMouseThrough,
.flyout .zelos-renderer.classic-theme .blocklyDragging.blocklyDraggingMouseThrough,
.gtm-search-results .blocklyDragging.blocklyDraggingMouseThrough,
.load-strategy__container .blocklyDragging.blocklyDraggingMouseThrough {
    pointer-events: none
}

.zelos-renderer.zelos_renderer-theme .blocklyToolboxGrab,
.flyout .zelos-renderer.classic-theme .blocklyToolboxGrab,
.gtm-search-results .blocklyToolboxGrab,
.load-strategy__container .blocklyToolboxGrab {
    cursor: grabbing
}

.zelos-renderer.zelos_renderer-theme .blocklyDragging>.blocklyPath,
.zelos-renderer.zelos_renderer-theme .blocklyDragging>.blocklyPathLight,
.flyout .zelos-renderer.classic-theme .blocklyDragging>.blocklyPath,
.flyout .zelos-renderer.classic-theme .blocklyDragging>.blocklyPathLight,
.gtm-search-results .blocklyDragging>.blocklyPath,
.gtm-search-results .blocklyDragging>.blocklyPathLight,
.load-strategy__container .blocklyDragging>.blocklyPath,
.load-strategy__container .blocklyDragging>.blocklyPathLight {
    fill-opacity: 1;
    stroke-opacity: 1
}

.zelos-renderer.zelos_renderer-theme .blocklyDisabled>.blocklyPath,
.flyout .zelos-renderer.classic-theme .blocklyDisabled>.blocklyPath,
.gtm-search-results .blocklyDisabled>.blocklyPath,
.load-strategy__container .blocklyDisabled>.blocklyPath {
    fill-opacity: .5;
    stroke-opacity: .5
}

.zelos-renderer.zelos_renderer-theme .blocklyInsertionMarker>.blocklyPath,
.flyout .zelos-renderer.classic-theme .blocklyInsertionMarker>.blocklyPath,
.gtm-search-results .blocklyInsertionMarker>.blocklyPath,
.load-strategy__container .blocklyInsertionMarker>.blocklyPath {
    stroke: none
}

.zelos-renderer.zelos_renderer-theme .blocklyText,
.flyout .zelos-renderer.classic-theme .blocklyText,
.gtm-search-results .blocklyText,
.load-strategy__container .blocklyText {
    fill: #333;
    letter-spacing: normal;
    font-family: inherit;
    font-size: 1.63rem;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    line-height: 1.5
}

.zelos-renderer.zelos_renderer-theme .blocklyTextTruncated,
.flyout .zelos-renderer.classic-theme .blocklyTextTruncated,
.gtm-search-results .blocklyTextTruncated,
.load-strategy__container .blocklyTextTruncated {
    font-size: 11px
}

.zelos-renderer.zelos_renderer-theme .blocklyNonEditableText>text,
.flyout .zelos-renderer.classic-theme .blocklyNonEditableText>text,
.gtm-search-results .blocklyNonEditableText>text,
.load-strategy__container .blocklyNonEditableText>text {
    pointer-events: none
}

.zelos-renderer.zelos_renderer-theme .blocklyNonEditableText>text,
.zelos-renderer.zelos_renderer-theme .blocklyEditableText>text,
.flyout .zelos-renderer.classic-theme .blocklyNonEditableText>text,
.flyout .zelos-renderer.classic-theme .blocklyEditableText>text,
.gtm-search-results .blocklyNonEditableText>text,
.gtm-search-results .blocklyEditableText>text,
.load-strategy__container .blocklyNonEditableText>text,
.load-strategy__container .blocklyEditableText>text,
.zelos-renderer.zelos_renderer-theme .blocklyEditableText>.blocklyEditableLabel,
.flyout .zelos-renderer.classic-theme .blocklyEditableText>.blocklyEditableLabel,
.gtm-search-results .blocklyEditableText>.blocklyEditableLabel,
.load-strategy__container .blocklyEditableText>.blocklyEditableLabel {
    fill: var(--text-prominent)
}

.zelos-renderer.zelos_renderer-theme .blocklyNonEditableText>image,
.zelos-renderer.zelos_renderer-theme .blocklyEditableText>image,
.flyout .zelos-renderer.classic-theme .blocklyNonEditableText>image,
.flyout .zelos-renderer.classic-theme .blocklyEditableText>image,
.gtm-search-results .blocklyNonEditableText>image,
.gtm-search-results .blocklyEditableText>image,
.load-strategy__container .blocklyNonEditableText>image,
.load-strategy__container .blocklyEditableText>image {
    filter: invert()
}

.zelos-renderer.zelos_renderer-theme .blocklyDropdownText,
.flyout .zelos-renderer.classic-theme .blocklyDropdownText,
.gtm-search-results .blocklyDropdownText,
.load-strategy__container .blocklyDropdownText {
    font-size: 1.6rem;
    fill: var(--text-prominent) !important
}

.zelos-renderer.zelos_renderer-theme .blocklyBubbleText,
.flyout .zelos-renderer.classic-theme .blocklyBubbleText,
.gtm-search-results .blocklyBubbleText,
.load-strategy__container .blocklyBubbleText {
    fill: #0e0e0e
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyout,
.flyout .zelos-renderer.classic-theme .blocklyFlyout,
.gtm-search-results .blocklyFlyout,
.load-strategy__container .blocklyFlyout {
    z-index: 20;
    position: absolute
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButton,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutButton,
.gtm-search-results .blocklyFlyoutButton,
.load-strategy__container .blocklyFlyoutButton {
    fill: none;
    pointer-events: all
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButtonBackground,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutButtonBackground,
.gtm-search-results .blocklyFlyoutButtonBackground,
.load-strategy__container .blocklyFlyoutButtonBackground {
    stroke: #c6c6c6
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButton .blocklyText,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutButton .blocklyText,
.gtm-search-results .blocklyFlyoutButton .blocklyText,
.load-strategy__container .blocklyFlyoutButton .blocklyText {
    fill: #0e0e0e
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButtonShadow,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutButtonShadow,
.gtm-search-results .blocklyFlyoutButtonShadow,
.load-strategy__container .blocklyFlyoutButtonShadow {
    fill: #0000
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButton:hover,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutButton:hover,
.gtm-search-results .blocklyFlyoutButton:hover,
.load-strategy__container .blocklyFlyoutButton:hover {
    fill: #fff;
    cursor: pointer
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutLabel,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutLabel,
.gtm-search-results .blocklyFlyoutLabel,
.load-strategy__container .blocklyFlyoutLabel {
    cursor: default
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutLabelBackground,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutLabelBackground,
.gtm-search-results .blocklyFlyoutLabelBackground,
.load-strategy__container .blocklyFlyoutLabelBackground {
    opacity: 0
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutLabelText,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutLabelText,
.gtm-search-results .blocklyFlyoutLabelText,
.load-strategy__container .blocklyFlyoutLabelText {
    fill: #575e75;
    font-size: 14px;
    font-weight: 700
}

.zelos-renderer.zelos_renderer-theme .blocklySvg text,
.zelos-renderer.zelos_renderer-theme .blocklyBlockDragSurface text,
.zelos-renderer.zelos_renderer-theme .blocklyFlyout text,
.zelos-renderer.zelos_renderer-theme .blocklyToolboxDiv text,
.flyout .zelos-renderer.classic-theme .blocklySvg text,
.flyout .zelos-renderer.classic-theme .blocklyBlockDragSurface text,
.flyout .zelos-renderer.classic-theme .blocklyFlyout text,
.flyout .zelos-renderer.classic-theme .blocklyToolboxDiv text,
.gtm-search-results .blocklySvg text,
.gtm-search-results .blocklyBlockDragSurface text,
.gtm-search-results .blocklyFlyout text,
.gtm-search-results .blocklyToolboxDiv text,
.load-strategy__container .blocklySvg text,
.load-strategy__container .blocklyBlockDragSurface text,
.load-strategy__container .blocklyFlyout text,
.load-strategy__container .blocklyToolboxDiv text {
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit
}

.zelos-renderer.zelos_renderer-theme .blocklyHidden,
.flyout .zelos-renderer.classic-theme .blocklyHidden,
.gtm-search-results .blocklyHidden,
.load-strategy__container .blocklyHidden {
    display: none
}

.zelos-renderer.zelos_renderer-theme .blocklyFieldDropdown:not(.blocklyHidden),
.flyout .zelos-renderer.classic-theme .blocklyFieldDropdown:not(.blocklyHidden),
.gtm-search-results .blocklyFieldDropdown:not(.blocklyHidden),
.load-strategy__container .blocklyFieldDropdown:not(.blocklyHidden) {
    display: block
}

.zelos-renderer.zelos_renderer-theme .blocklyIconGroup,
.flyout .zelos-renderer.classic-theme .blocklyIconGroup,
.gtm-search-results .blocklyIconGroup,
.load-strategy__container .blocklyIconGroup {
    cursor: default
}

.zelos-renderer.zelos_renderer-theme .blocklyIconGroup:not(:hover),
.zelos-renderer.zelos_renderer-theme .blocklyIconGroupReadonly,
.flyout .zelos-renderer.classic-theme .blocklyIconGroup:not(:hover),
.flyout .zelos-renderer.classic-theme .blocklyIconGroupReadonly,
.gtm-search-results .blocklyIconGroup:not(:hover),
.gtm-search-results .blocklyIconGroupReadonly,
.load-strategy__container .blocklyIconGroup:not(:hover),
.load-strategy__container .blocklyIconGroupReadonly {
    opacity: .6
}

.zelos-renderer.zelos_renderer-theme .blocklyIconShape,
.flyout .zelos-renderer.classic-theme .blocklyIconShape,
.gtm-search-results .blocklyIconShape,
.load-strategy__container .blocklyIconShape {
    fill: #00f;
    stroke: #fff;
    stroke-width: 1px
}

.zelos-renderer.zelos_renderer-theme .blocklyIconSymbol,
.flyout .zelos-renderer.classic-theme .blocklyIconSymbol,
.gtm-search-results .blocklyIconSymbol,
.load-strategy__container .blocklyIconSymbol {
    fill: #fff
}

.zelos-renderer.zelos_renderer-theme .blocklyMinimalBody,
.flyout .zelos-renderer.classic-theme .blocklyMinimalBody,
.gtm-search-results .blocklyMinimalBody,
.load-strategy__container .blocklyMinimalBody {
    margin: 0;
    padding: 0
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentForeignObject,
.flyout .zelos-renderer.classic-theme .blocklyCommentForeignObject,
.gtm-search-results .blocklyCommentForeignObject,
.load-strategy__container .blocklyCommentForeignObject {
    z-index: 0;
    position: relative
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentRect,
.flyout .zelos-renderer.classic-theme .blocklyCommentRect,
.gtm-search-results .blocklyCommentRect,
.load-strategy__container .blocklyCommentRect {
    fill: #e7de8e;
    stroke: #bca903;
    stroke-width: 1px
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentTarget,
.flyout .zelos-renderer.classic-theme .blocklyCommentTarget,
.gtm-search-results .blocklyCommentTarget,
.load-strategy__container .blocklyCommentTarget {
    fill: #0000;
    stroke: #bca903
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentTargetFocused,
.flyout .zelos-renderer.classic-theme .blocklyCommentTargetFocused,
.gtm-search-results .blocklyCommentTargetFocused,
.load-strategy__container .blocklyCommentTargetFocused,
.zelos-renderer.zelos_renderer-theme .blocklyCommentHandleTarget,
.flyout .zelos-renderer.classic-theme .blocklyCommentHandleTarget,
.gtm-search-results .blocklyCommentHandleTarget,
.load-strategy__container .blocklyCommentHandleTarget {
    fill: none
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentHandleTargetFocused,
.flyout .zelos-renderer.classic-theme .blocklyCommentHandleTargetFocused,
.gtm-search-results .blocklyCommentHandleTargetFocused,
.load-strategy__container .blocklyCommentHandleTargetFocused {
    fill: #0000
}

.zelos-renderer.zelos_renderer-theme .blocklyFocused>.blocklyCommentRect,
.flyout .zelos-renderer.classic-theme .blocklyFocused>.blocklyCommentRect,
.gtm-search-results .blocklyFocused>.blocklyCommentRect,
.load-strategy__container .blocklyFocused>.blocklyCommentRect {
    fill: #b9b272;
    stroke: #b9b272
}

.zelos-renderer.zelos_renderer-theme .blocklySelected>.blocklyCommentTarget,
.flyout .zelos-renderer.classic-theme .blocklySelected>.blocklyCommentTarget,
.gtm-search-results .blocklySelected>.blocklyCommentTarget,
.load-strategy__container .blocklySelected>.blocklyCommentTarget {
    stroke: #fc3;
    stroke-width: 3px
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentTextarea,
.flyout .zelos-renderer.classic-theme .blocklyCommentTextarea,
.gtm-search-results .blocklyCommentTextarea,
.load-strategy__container .blocklyCommentTextarea {
    resize: none;
    background-color: #fef49c;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 3px;
    display: block;
    overflow: hidden
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentDeleteIcon,
.flyout .zelos-renderer.classic-theme .blocklyCommentDeleteIcon,
.gtm-search-results .blocklyCommentDeleteIcon,
.load-strategy__container .blocklyCommentDeleteIcon {
    cursor: pointer;
    fill: #000;
    display: none
}

.zelos-renderer.zelos_renderer-theme .blocklySelected>.blocklyCommentDeleteIcon,
.flyout .zelos-renderer.classic-theme .blocklySelected>.blocklyCommentDeleteIcon,
.gtm-search-results .blocklySelected>.blocklyCommentDeleteIcon,
.load-strategy__container .blocklySelected>.blocklyCommentDeleteIcon {
    display: block
}

.zelos-renderer.zelos_renderer-theme .blocklyDeleteIconShape,
.flyout .zelos-renderer.classic-theme .blocklyDeleteIconShape,
.gtm-search-results .blocklyDeleteIconShape,
.load-strategy__container .blocklyDeleteIconShape {
    fill: #000;
    stroke: #000;
    stroke-width: 1px
}

.zelos-renderer.zelos_renderer-theme .blocklyDeleteIconShape.blocklyDeleteIconHighlighted,
.flyout .zelos-renderer.classic-theme .blocklyDeleteIconShape.blocklyDeleteIconHighlighted,
.gtm-search-results .blocklyDeleteIconShape.blocklyDeleteIconHighlighted,
.load-strategy__container .blocklyDeleteIconShape.blocklyDeleteIconHighlighted {
    stroke: #fc3
}

.zelos-renderer.zelos_renderer-theme .scratchCommentForeignObject,
.flyout .zelos-renderer.classic-theme .scratchCommentForeignObject,
.gtm-search-results .scratchCommentForeignObject,
.load-strategy__container .scratchCommentForeignObject {
    position: relative
}

.zelos-renderer.zelos_renderer-theme .scratchCommentBody,
.flyout .zelos-renderer.classic-theme .scratchCommentBody,
.gtm-search-results .scratchCommentBody,
.load-strategy__container .scratchCommentBody {
    background-color: #fef49c;
    border-radius: 4px
}

.zelos-renderer.zelos_renderer-theme .scratchCommentRect,
.flyout .zelos-renderer.classic-theme .scratchCommentRect,
.gtm-search-results .scratchCommentRect,
.load-strategy__container .scratchCommentRect {
    fill: #fef49c
}

.zelos-renderer.zelos_renderer-theme .scratchCommentTarget,
.flyout .zelos-renderer.classic-theme .scratchCommentTarget,
.gtm-search-results .scratchCommentTarget,
.load-strategy__container .scratchCommentTarget {
    fill: #0000
}

.zelos-renderer.zelos_renderer-theme .scratchWorkspaceCommentBorder,
.flyout .zelos-renderer.classic-theme .scratchWorkspaceCommentBorder,
.gtm-search-results .scratchWorkspaceCommentBorder,
.load-strategy__container .scratchWorkspaceCommentBorder {
    stroke: #bca903;
    stroke-width: 1px
}

.zelos-renderer.zelos_renderer-theme .scratchCommentTargetFocused,
.flyout .zelos-renderer.classic-theme .scratchCommentTargetFocused,
.gtm-search-results .scratchCommentTargetFocused,
.load-strategy__container .scratchCommentTargetFocused {
    fill: none
}

.zelos-renderer.zelos_renderer-theme .scratchCommentTopBar,
.flyout .zelos-renderer.classic-theme .scratchCommentTopBar,
.gtm-search-results .scratchCommentTopBar,
.load-strategy__container .scratchCommentTopBar {
    fill: #000;
    fill-opacity: .1
}

.zelos-renderer.zelos_renderer-theme .scratchCommentText,
.flyout .zelos-renderer.classic-theme .scratchCommentText,
.gtm-search-results .scratchCommentText,
.load-strategy__container .scratchCommentText {
    font-size: 12px;
    font-weight: 400
}

.zelos-renderer.zelos_renderer-theme .scratchCommentTextarea,
.flyout .zelos-renderer.classic-theme .scratchCommentTextarea,
.gtm-search-results .scratchCommentTextarea,
.load-strategy__container .scratchCommentTextarea {
    resize: none;
    background-color: #fef49c;
    border: 0;
    outline: 0;
    padding: 0;
    overflow: hidden
}

.zelos-renderer.zelos_renderer-theme .scratchCommentResizeSE,
.flyout .zelos-renderer.classic-theme .scratchCommentResizeSE,
.gtm-search-results .scratchCommentResizeSE,
.load-strategy__container .scratchCommentResizeSE {
    cursor: se-resize;
    fill: #0000
}

.zelos-renderer.zelos_renderer-theme .scratchCommentResizeSW,
.flyout .zelos-renderer.classic-theme .scratchCommentResizeSW,
.gtm-search-results .scratchCommentResizeSW,
.load-strategy__container .scratchCommentResizeSW {
    cursor: sw-resize;
    fill: #0000
}

.zelos-renderer.zelos_renderer-theme .blocklyHtmlInput,
.flyout .zelos-renderer.classic-theme .blocklyHtmlInput,
.gtm-search-results .blocklyHtmlInput,
.load-strategy__container .blocklyHtmlInput {
    box-sizing: border-box;
    text-align: center;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 12px;
    font-weight: 500
}

.zelos-renderer.zelos_renderer-theme .blocklyMainBackground,
.flyout .zelos-renderer.classic-theme .blocklyMainBackground,
.gtm-search-results .blocklyMainBackground,
.load-strategy__container .blocklyMainBackground {
    stroke-width: 0;
    fill: #fff
}

.zelos-renderer.zelos_renderer-theme .blocklyMutatorBackground,
.flyout .zelos-renderer.classic-theme .blocklyMutatorBackground,
.gtm-search-results .blocklyMutatorBackground,
.load-strategy__container .blocklyMutatorBackground {
    fill: #fff;
    stroke: #fff;
    stroke-width: 1px
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutBackground,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutBackground,
.gtm-search-results .blocklyFlyoutBackground,
.load-strategy__container .blocklyFlyoutBackground {
    fill: #0e0e0e;
    fill-opacity: .8
}

.zelos-renderer.zelos_renderer-theme .blocklyMainWorkspaceScrollbar,
.flyout .zelos-renderer.classic-theme .blocklyMainWorkspaceScrollbar,
.gtm-search-results .blocklyMainWorkspaceScrollbar,
.load-strategy__container .blocklyMainWorkspaceScrollbar {
    z-index: 20
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutScrollbar,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutScrollbar,
.gtm-search-results .blocklyFlyoutScrollbar,
.load-strategy__container .blocklyFlyoutScrollbar {
    z-index: 30
}

.zelos-renderer.zelos_renderer-theme .blocklyScrollbarHorizontal,
.zelos-renderer.zelos_renderer-theme .blocklyScrollbarVertical,
.flyout .zelos-renderer.classic-theme .blocklyScrollbarHorizontal,
.flyout .zelos-renderer.classic-theme .blocklyScrollbarVertical,
.gtm-search-results .blocklyScrollbarHorizontal,
.gtm-search-results .blocklyScrollbarVertical,
.load-strategy__container .blocklyScrollbarHorizontal,
.load-strategy__container .blocklyScrollbarVertical {
    outline: none;
    position: absolute
}

.zelos-renderer.zelos_renderer-theme .blocklyScrollbarBackground,
.flyout .zelos-renderer.classic-theme .blocklyScrollbarBackground,
.gtm-search-results .blocklyScrollbarBackground,
.load-strategy__container .blocklyScrollbarBackground {
    opacity: 0
}

.zelos-renderer.zelos_renderer-theme .blocklyScrollbarHandle,
.flyout .zelos-renderer.classic-theme .blocklyScrollbarHandle,
.gtm-search-results .blocklyScrollbarHandle,
.load-strategy__container .blocklyScrollbarHandle,
.zelos-renderer.zelos_renderer-theme .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.zelos-renderer.zelos_renderer-theme .blocklyScrollbarHandle:hover,
.flyout .zelos-renderer.classic-theme .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.flyout .zelos-renderer.classic-theme .blocklyScrollbarHandle:hover,
.gtm-search-results .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.gtm-search-results .blocklyScrollbarHandle:hover,
.load-strategy__container .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.load-strategy__container .blocklyScrollbarHandle:hover {
    fill: #0e0e0e
}

.zelos-renderer.zelos_renderer-theme .blocklyZoom>image,
.flyout .zelos-renderer.classic-theme .blocklyZoom>image,
.gtm-search-results .blocklyZoom>image,
.load-strategy__container .blocklyZoom>image {
    opacity: 1
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyout .blocklyScrollbarHandle,
.flyout .zelos-renderer.classic-theme .blocklyFlyout .blocklyScrollbarHandle,
.gtm-search-results .blocklyFlyout .blocklyScrollbarHandle,
.load-strategy__container .blocklyFlyout .blocklyScrollbarHandle {
    fill: #bbb
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyout .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.zelos-renderer.zelos_renderer-theme .blocklyFlyout .blocklyScrollbarHandle:hover,
.flyout .zelos-renderer.classic-theme .blocklyFlyout .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.flyout .zelos-renderer.classic-theme .blocklyFlyout .blocklyScrollbarHandle:hover,
.gtm-search-results .blocklyFlyout .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.gtm-search-results .blocklyFlyout .blocklyScrollbarHandle:hover,
.load-strategy__container .blocklyFlyout .blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,
.load-strategy__container .blocklyFlyout .blocklyScrollbarHandle:hover {
    fill: #aaa
}

.zelos-renderer.zelos_renderer-theme .blocklyInvalidInput,
.flyout .zelos-renderer.classic-theme .blocklyInvalidInput,
.gtm-search-results .blocklyInvalidInput,
.load-strategy__container .blocklyInvalidInput {
    background: #faa
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleCircle,
.flyout .zelos-renderer.classic-theme .blocklyAngleCircle,
.gtm-search-results .blocklyAngleCircle,
.load-strategy__container .blocklyAngleCircle {
    stroke: #3373cc;
    stroke-width: 1px;
    fill: #4280d7
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleCenterPoint,
.flyout .zelos-renderer.classic-theme .blocklyAngleCenterPoint,
.gtm-search-results .blocklyAngleCenterPoint,
.load-strategy__container .blocklyAngleCenterPoint {
    stroke: #fff;
    stroke-width: 1px;
    fill: #fff
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleDragHandle,
.flyout .zelos-renderer.classic-theme .blocklyAngleDragHandle,
.gtm-search-results .blocklyAngleDragHandle,
.load-strategy__container .blocklyAngleDragHandle {
    stroke: #fff;
    stroke-width: 5px;
    stroke-opacity: .25;
    fill: #fff;
    cursor: pointer
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleDragArrow,
.flyout .zelos-renderer.classic-theme .blocklyAngleDragArrow,
.gtm-search-results .blocklyAngleDragArrow,
.load-strategy__container .blocklyAngleDragArrow {
    pointer-events: none
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleMarks,
.flyout .zelos-renderer.classic-theme .blocklyAngleMarks,
.gtm-search-results .blocklyAngleMarks,
.load-strategy__container .blocklyAngleMarks {
    stroke: #fff;
    stroke-width: 1px;
    stroke-opacity: .5
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleGauge,
.flyout .zelos-renderer.classic-theme .blocklyAngleGauge,
.gtm-search-results .blocklyAngleGauge,
.load-strategy__container .blocklyAngleGauge {
    fill: #fff;
    fill-opacity: .2
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleLine,
.flyout .zelos-renderer.classic-theme .blocklyAngleLine,
.gtm-search-results .blocklyAngleLine,
.load-strategy__container .blocklyAngleLine {
    stroke: #fff;
    stroke-width: 1px;
    stroke-linecap: round;
    pointer-events: none
}

.zelos-renderer.zelos_renderer-theme .blocklyContextMenu,
.flyout .zelos-renderer.classic-theme .blocklyContextMenu,
.gtm-search-results .blocklyContextMenu,
.load-strategy__container .blocklyContextMenu {
    border-radius: 4px;
    min-width: 20rem;
    max-height: 100%
}

.zelos-renderer.zelos_renderer-theme .blocklyDropdownMenu,
.flyout .zelos-renderer.classic-theme .blocklyDropdownMenu,
.gtm-search-results .blocklyDropdownMenu,
.load-strategy__container .blocklyDropdownMenu {
    padding: 0 !important
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownNumPad,
.flyout .zelos-renderer.classic-theme .blocklyDropDownNumPad,
.gtm-search-results .blocklyDropDownNumPad,
.load-strategy__container .blocklyDropDownNumPad {
    background-color: #0e0e0e
}

.zelos-renderer.zelos_renderer-theme .blocklyToolboxDiv,
.flyout .zelos-renderer.classic-theme .blocklyToolboxDiv,
.gtm-search-results .blocklyToolboxDiv,
.load-strategy__container .blocklyToolboxDiv {
    color: #0e0e0e;
    z-index: 40;
    -webkit-tap-highlight-color: #0000;
    background-color: #0e0e0e;
    position: absolute;
    overflow: visible auto
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeRoot,
.flyout .zelos-renderer.classic-theme .blocklyTreeRoot,
.gtm-search-results .blocklyTreeRoot,
.load-strategy__container .blocklyTreeRoot {
    padding: 4px 0
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeRoot:focus,
.flyout .zelos-renderer.classic-theme .blocklyTreeRoot:focus,
.gtm-search-results .blocklyTreeRoot:focus,
.load-strategy__container .blocklyTreeRoot:focus {
    outline: none
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeRow,
.flyout .zelos-renderer.classic-theme .blocklyTreeRow,
.gtm-search-results .blocklyTreeRow,
.load-strategy__container .blocklyTreeRow {
    white-space: nowrap;
    height: 22px;
    margin-bottom: 3px;
    padding-right: 8px;
    line-height: 22px
}

.zelos-renderer.zelos_renderer-theme .blocklyHorizontalTree,
.flyout .zelos-renderer.classic-theme .blocklyHorizontalTree,
.gtm-search-results .blocklyHorizontalTree,
.load-strategy__container .blocklyHorizontalTree {
    float: left;
    margin: 1px 5px 8px 0
}

.zelos-renderer.zelos_renderer-theme .blocklyHorizontalTreeRtl,
.flyout .zelos-renderer.classic-theme .blocklyHorizontalTreeRtl,
.gtm-search-results .blocklyHorizontalTreeRtl,
.load-strategy__container .blocklyHorizontalTreeRtl {
    float: right;
    margin: 1px 0 8px 5px
}

.zelos-renderer.zelos_renderer-theme .blocklyToolboxDiv[dir=RTL] .blocklyTreeRow,
.flyout .zelos-renderer.classic-theme .blocklyToolboxDiv[dir=RTL] .blocklyTreeRow,
.gtm-search-results .blocklyToolboxDiv[dir=RTL] .blocklyTreeRow,
.load-strategy__container .blocklyToolboxDiv[dir=RTL] .blocklyTreeRow {
    margin-left: 8px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeRow:not(.blocklyTreeSelected):hover,
.flyout .zelos-renderer.classic-theme .blocklyTreeRow:not(.blocklyTreeSelected):hover,
.gtm-search-results .blocklyTreeRow:not(.blocklyTreeSelected):hover,
.load-strategy__container .blocklyTreeRow:not(.blocklyTreeSelected):hover {
    background-color: #e4e4e4
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSeparator,
.flyout .zelos-renderer.classic-theme .blocklyTreeSeparator,
.gtm-search-results .blocklyTreeSeparator,
.load-strategy__container .blocklyTreeSeparator {
    border-bottom: 1px solid #e5e5e5;
    height: 0;
    margin: 5px 0
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSeparatorHorizontal,
.flyout .zelos-renderer.classic-theme .blocklyTreeSeparatorHorizontal,
.gtm-search-results .blocklyTreeSeparatorHorizontal,
.load-strategy__container .blocklyTreeSeparatorHorizontal {
    border-right: 1px solid #e5e5e5;
    width: 0;
    margin: 0 5px;
    padding: 5px 0
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIcon,
.flyout .zelos-renderer.classic-theme .blocklyTreeIcon,
.gtm-search-results .blocklyTreeIcon,
.load-strategy__container .blocklyTreeIcon {
    vertical-align: middle;
    width: 16px;
    height: 16px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIconClosedLtr,
.flyout .zelos-renderer.classic-theme .blocklyTreeIconClosedLtr,
.gtm-search-results .blocklyTreeIconClosedLtr,
.load-strategy__container .blocklyTreeIconClosedLtr {
    background-position: -32px -1px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIconClosedRtl,
.flyout .zelos-renderer.classic-theme .blocklyTreeIconClosedRtl,
.gtm-search-results .blocklyTreeIconClosedRtl,
.load-strategy__container .blocklyTreeIconClosedRtl {
    background-position: 0 -1px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIconOpen,
.flyout .zelos-renderer.classic-theme .blocklyTreeIconOpen,
.gtm-search-results .blocklyTreeIconOpen,
.load-strategy__container .blocklyTreeIconOpen {
    background-position: -16px -1px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected>.blocklyTreeIconClosedLtr,
.flyout .zelos-renderer.classic-theme .blocklyTreeSelected>.blocklyTreeIconClosedLtr,
.gtm-search-results .blocklyTreeSelected>.blocklyTreeIconClosedLtr,
.load-strategy__container .blocklyTreeSelected>.blocklyTreeIconClosedLtr {
    background-position: -32px -17px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected>.blocklyTreeIconClosedRtl,
.flyout .zelos-renderer.classic-theme .blocklyTreeSelected>.blocklyTreeIconClosedRtl,
.gtm-search-results .blocklyTreeSelected>.blocklyTreeIconClosedRtl,
.load-strategy__container .blocklyTreeSelected>.blocklyTreeIconClosedRtl {
    background-position: 0 -17px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected>.blocklyTreeIconOpen,
.flyout .zelos-renderer.classic-theme .blocklyTreeSelected>.blocklyTreeIconOpen,
.gtm-search-results .blocklyTreeSelected>.blocklyTreeIconOpen,
.load-strategy__container .blocklyTreeSelected>.blocklyTreeIconOpen {
    background-position: -16px -17px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIconNone,
.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected>.blocklyTreeIconNone,
.flyout .zelos-renderer.classic-theme .blocklyTreeIconNone,
.flyout .zelos-renderer.classic-theme .blocklyTreeSelected>.blocklyTreeIconNone,
.gtm-search-results .blocklyTreeIconNone,
.gtm-search-results .blocklyTreeSelected>.blocklyTreeIconNone,
.load-strategy__container .blocklyTreeIconNone,
.load-strategy__container .blocklyTreeSelected>.blocklyTreeIconNone {
    background-position: -48px -1px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeLabel,
.flyout .zelos-renderer.classic-theme .blocklyTreeLabel,
.gtm-search-results .blocklyTreeLabel,
.load-strategy__container .blocklyTreeLabel {
    cursor: default;
    vertical-align: middle;
    padding: 0 3px;
    font-size: 16px
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected .blocklyTreeLabel,
.flyout .zelos-renderer.classic-theme .blocklyTreeSelected .blocklyTreeLabel,
.gtm-search-results .blocklyTreeSelected .blocklyTreeLabel,
.load-strategy__container .blocklyTreeSelected .blocklyTreeLabel {
    color: #fff
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-slider-horizontal,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-slider-horizontal,
.gtm-search-results .blocklyDropDownDiv .goog-slider-horizontal,
.load-strategy__container .blocklyDropDownDiv .goog-slider-horizontal {
    border-radius: 11px;
    outline: none;
    width: 150px;
    height: 22px;
    margin: 8px 8px 20px;
    position: relative
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-slider-horizontal .goog-slider-thumb,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-slider-horizontal .goog-slider-thumb,
.gtm-search-results .blocklyDropDownDiv .goog-slider-horizontal .goog-slider-thumb,
.load-strategy__container .blocklyDropDownDiv .goog-slider-horizontal .goog-slider-thumb {
    background-color: #fff;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -1px;
    box-shadow: 0 0 0 4px #00000026
}

.zelos-renderer.zelos_renderer-theme .scratchEyedropper,
.flyout .zelos-renderer.classic-theme .scratchEyedropper,
.gtm-search-results .scratchEyedropper,
.load-strategy__container .scratchEyedropper {
    text-align: center;
    cursor: pointer;
    background: 0 0;
    border: none;
    border-top: 1px solid #ddd;
    outline: none;
    width: 100%;
    padding-top: 5px
}

.zelos-renderer.zelos_renderer-theme .scratchColourPickerLabel,
.flyout .zelos-renderer.classic-theme .scratchColourPickerLabel,
.gtm-search-results .scratchColourPickerLabel,
.load-strategy__container .scratchColourPickerLabel {
    color: #0e0e0e;
    margin: 8px;
    font-size: .65rem
}

.zelos-renderer.zelos_renderer-theme .scratchColourPickerLabelText,
.flyout .zelos-renderer.classic-theme .scratchColourPickerLabelText,
.gtm-search-results .scratchColourPickerLabelText,
.load-strategy__container .scratchColourPickerLabelText {
    font-weight: 700
}

.zelos-renderer.zelos_renderer-theme .scratchColourPickerReadout,
.flyout .zelos-renderer.classic-theme .scratchColourPickerReadout,
.gtm-search-results .scratchColourPickerReadout,
.load-strategy__container .scratchColourPickerReadout {
    margin-left: 10px
}

.zelos-renderer.zelos_renderer-theme .scratchMatrixButtonDiv,
.flyout .zelos-renderer.classic-theme .scratchMatrixButtonDiv,
.gtm-search-results .scratchMatrixButtonDiv,
.load-strategy__container .scratchMatrixButtonDiv {
    text-align: center;
    float: left;
    width: 50%
}

.zelos-renderer.zelos_renderer-theme .scratchNotePickerKeyLabel,
.flyout .zelos-renderer.classic-theme .scratchNotePickerKeyLabel,
.gtm-search-results .scratchNotePickerKeyLabel,
.load-strategy__container .scratchNotePickerKeyLabel {
    fill: #0e0e0e;
    pointer-events: none;
    font-size: .75rem
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menu,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menu,
.gtm-search-results .blocklyWidgetDiv .goog-menu,
.load-strategy__container .blocklyWidgetDiv .goog-menu {
    cursor: default;
    z-index: 20000;
    background: #fff;
    border: 1px solid #666;
    border-color: #ccc #666 #666 #ccc;
    outline: none;
    margin: 0;
    padding: 4px 0;
    font: 13px Helvetica Neue, sans-serif;
    position: absolute;
    overflow: hidden auto
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menu,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menu,
.gtm-search-results .blocklyDropDownDiv .goog-menu,
.load-strategy__container .blocklyDropDownDiv .goog-menu {
    cursor: default;
    z-index: 20000;
    outline: none;
    font: 13px Helvetica Neue, sans-serif
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem {
    color: #000;
    white-space: nowrap;
    margin: 0;
    padding: 4px 7em 4px 28px;
    font: 13px Helvetica Neue, sans-serif;
    list-style: none
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem {
    color: #333;
    white-space: nowrap;
    min-height: 24px;
    margin: 0;
    padding: 4px 7em 4px 28px;
    font: 700 13px Helvetica Neue, sans-serif;
    list-style: none
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem,
.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menu-noicon .goog-menuitem,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menu-nocheckbox .goog-menuitem,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menu-noicon .goog-menuitem,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menu-noicon .goog-menuitem,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menu-nocheckbox .goog-menuitem,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menu-noicon .goog-menuitem,
.gtm-search-results .blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem,
.gtm-search-results .blocklyWidgetDiv .goog-menu-noicon .goog-menuitem,
.gtm-search-results .blocklyDropDownDiv .goog-menu-nocheckbox .goog-menuitem,
.gtm-search-results .blocklyDropDownDiv .goog-menu-noicon .goog-menuitem,
.load-strategy__container .blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem,
.load-strategy__container .blocklyWidgetDiv .goog-menu-noicon .goog-menuitem,
.load-strategy__container .blocklyDropDownDiv .goog-menu-nocheckbox .goog-menuitem,
.load-strategy__container .blocklyDropDownDiv .goog-menu-noicon .goog-menuitem {
    padding-left: 12px
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menu-noaccel .goog-menuitem,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menu-noaccel .goog-menuitem,
.gtm-search-results .blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem,
.gtm-search-results .blocklyDropDownDiv .goog-menu-noaccel .goog-menuitem,
.load-strategy__container .blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem,
.load-strategy__container .blocklyDropDownDiv .goog-menu-noaccel .goog-menuitem {
    padding-right: 20px
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-content,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-content,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-content,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-content,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-content,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-content,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-content,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-content {
    color: #000;
    font: 13px Helvetica Neue, sans-serif
}

.zelos-renderer.zelos_renderer-theme .blocklyMenuItemContent.goog-menuitem-content,
.flyout .zelos-renderer.classic-theme .blocklyMenuItemContent.goog-menuitem-content,
.gtm-search-results .blocklyMenuItemContent.goog-menuitem-content,
.load-strategy__container .blocklyMenuItemContent.goog-menuitem-content {
    color: #000
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownContent .blocklyMenuItemContent.goog-menuitem-content,
.flyout .zelos-renderer.classic-theme .blocklyDropDownContent .blocklyMenuItemContent.goog-menuitem-content,
.gtm-search-results .blocklyDropDownContent .blocklyMenuItemContent.goog-menuitem-content,
.load-strategy__container .blocklyDropDownContent .blocklyMenuItemContent.goog-menuitem-content {
    font-weight: 700
}

.zelos-renderer.zelos_renderer-theme .blocklyCheckbox,
.flyout .zelos-renderer.classic-theme .blocklyCheckbox,
.gtm-search-results .blocklyCheckbox,
.load-strategy__container .blocklyCheckbox {
    y: 7;
    x: 2;
    width: 16px;
    height: 16px
}

.zelos-renderer.zelos_renderer-theme .header__title,
.flyout .zelos-renderer.classic-theme .header__title,
.gtm-search-results .header__title,
.load-strategy__container .header__title {
    color: var(--text-prominent);
    font-weight: 700;
    display: inline-block
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel,
.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-accel,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-content,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-accel,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-content,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-accel,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-content,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-accel,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-content {
    color: #ccc !important
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-icon,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-icon,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-icon,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-icon {
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30)
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-highlight,
.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-hover,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-highlight,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-hover,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-highlight,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-hover,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-highlight,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-hover {
    background-color: #d6e9f8;
    border: 1px dotted #d6e9f8;
    border-width: 1px 0;
    padding-top: 3px;
    padding-bottom: 3px
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-highlight,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-hover,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-highlight,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-hover,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-highlight,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-hover,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-highlight,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-hover {
    background-color: #0003
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-checkbox,
.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-icon,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-checkbox,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-icon,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-checkbox,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-icon,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-checkbox,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-icon,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-checkbox,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-icon,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-checkbox,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-icon,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-checkbox,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-icon,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-checkbox,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-icon {
    vertical-align: middle;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 6px;
    right: auto
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox,
.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon,
.gtm-search-results .blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox,
.gtm-search-results .blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon,
.gtm-search-results .blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox,
.gtm-search-results .blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon,
.load-strategy__container .blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox,
.load-strategy__container .blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon,
.load-strategy__container .blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox,
.load-strategy__container .blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon {
    float: left;
    margin-left: -24px;
    position: static
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-icon,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-icon,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-icon,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-checkbox,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-icon {
    float: right;
    margin-right: -24px
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-accel,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-accel,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-accel,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-accel,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-accel,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-accel,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-accel,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-accel {
    color: #999;
    text-align: right;
    direction: ltr;
    padding: 0 6px;
    position: absolute;
    left: auto;
    right: 0
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-accel,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-accel,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-accel,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-accel {
    text-align: left;
    left: 0;
    right: auto
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-mnemonic-hint,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-mnemonic-hint,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-mnemonic-hint,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-mnemonic-hint,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-mnemonic-hint,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-mnemonic-hint,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-mnemonic-hint,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-mnemonic-hint {
    text-decoration: underline
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-mnemonic-separator,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-mnemonic-separator,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-mnemonic-separator,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-mnemonic-separator,
.gtm-search-results .blocklyWidgetDiv .goog-menuitem-mnemonic-separator,
.gtm-search-results .blocklyDropDownDiv .goog-menuitem-mnemonic-separator,
.load-strategy__container .blocklyWidgetDiv .goog-menuitem-mnemonic-separator,
.load-strategy__container .blocklyDropDownDiv .goog-menuitem-mnemonic-separator {
    color: #999;
    padding-left: 4px;
    font-size: 12px
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuseparator,
.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuseparator,
.flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuseparator,
.flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuseparator,
.gtm-search-results .blocklyWidgetDiv .goog-menuseparator,
.gtm-search-results .blocklyDropDownDiv .goog-menuseparator,
.load-strategy__container .blocklyWidgetDiv .goog-menuseparator,
.load-strategy__container .blocklyDropDownDiv .goog-menuseparator {
    border-top: 1px solid #ccc;
    margin: 4px 0;
    padding: 0
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutCheckbox,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutCheckbox,
.gtm-search-results .blocklyFlyoutCheckbox,
.load-strategy__container .blocklyFlyoutCheckbox {
    fill: #fff;
    stroke: #c8c8c8
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutCheckbox.checked,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutCheckbox.checked,
.gtm-search-results .blocklyFlyoutCheckbox.checked,
.load-strategy__container .blocklyFlyoutCheckbox.checked {
    fill: #4c97ff;
    stroke: #3373cc
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutCheckboxPath,
.flyout .zelos-renderer.classic-theme .blocklyFlyoutCheckboxPath,
.gtm-search-results .blocklyFlyoutCheckboxPath,
.load-strategy__container .blocklyFlyoutCheckboxPath {
    stroke: #fff;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke-linejoin: round
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenu,
.flyout .zelos-renderer.classic-theme .scratchCategoryMenu,
.gtm-search-results .scratchCategoryMenu,
.load-strategy__container .scratchCategoryMenu {
    color: #0e0e0e;
    -webkit-user-select: none;
    user-select: none;
    background: #0e0e0e;
    width: 60px;
    font-size: .7rem
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuHorizontal,
.flyout .zelos-renderer.classic-theme .scratchCategoryMenuHorizontal,
.gtm-search-results .scratchCategoryMenuHorizontal,
.load-strategy__container .scratchCategoryMenuHorizontal {
    color: #0e0e0e;
    -webkit-user-select: none;
    user-select: none;
    background: #0e0e0e;
    width: 100%;
    height: 50px;
    font-size: .7em
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuHorizontal .scratchCategoryMenuRow,
.flyout .zelos-renderer.classic-theme .scratchCategoryMenuHorizontal .scratchCategoryMenuRow,
.gtm-search-results .scratchCategoryMenuHorizontal .scratchCategoryMenuRow,
.load-strategy__container .scratchCategoryMenuHorizontal .scratchCategoryMenuRow {
    float: left;
    margin: 3px
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuItem,
.flyout .zelos-renderer.classic-theme .scratchCategoryMenuItem,
.gtm-search-results .scratchCategoryMenuItem,
.load-strategy__container .scratchCategoryMenuItem {
    cursor: pointer;
    text-align: center;
    padding: .375rem 0
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuHorizontal .scratchCategoryMenuItem,
.flyout .zelos-renderer.classic-theme .scratchCategoryMenuHorizontal .scratchCategoryMenuItem,
.gtm-search-results .scratchCategoryMenuHorizontal .scratchCategoryMenuItem,
.load-strategy__container .scratchCategoryMenuHorizontal .scratchCategoryMenuItem {
    padding: 6px 5px
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuItem.categorySelected,
.flyout .zelos-renderer.classic-theme .scratchCategoryMenuItem.categorySelected,
.gtm-search-results .scratchCategoryMenuItem.categorySelected,
.load-strategy__container .scratchCategoryMenuItem.categorySelected {
    background: #0e0e0e
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryItemBubble,
.flyout .zelos-renderer.classic-theme .scratchCategoryItemBubble,
.gtm-search-results .scratchCategoryItemBubble,
.load-strategy__container .scratchCategoryItemBubble {
    border: 1px solid;
    border-radius: 100%;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 auto .125rem
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryItemIcon,
.flyout .zelos-renderer.classic-theme .scratchCategoryItemIcon,
.gtm-search-results .scratchCategoryItemIcon,
.load-strategy__container .scratchCategoryItemIcon {
    background-size: 100%;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 auto .125rem
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuItem:hover,
.flyout .zelos-renderer.classic-theme .scratchCategoryMenuItem:hover,
.gtm-search-results .scratchCategoryMenuItem:hover,
.load-strategy__container .scratchCategoryMenuItem:hover {
    color: #0e0e0e !important
}

.zelos-renderer.zelos_renderer-theme rect.blocklyFieldRect.blocklyDropdownRect,
.flyout .zelos-renderer.classic-theme rect.blocklyFieldRect.blocklyDropdownRect,
.gtm-search-results rect.blocklyFieldRect.blocklyDropdownRect,
.load-strategy__container rect.blocklyFieldRect.blocklyDropdownRect {
    fill: #fff;
    rx: 16px;
    ry: 16px
}

.zelos-renderer.zelos_renderer-theme .blocklyTextRootBlockHeader,
.zelos-renderer.zelos_renderer-theme .blocklyTextRootBlockHeaderCollapsed,
.flyout .zelos-renderer.classic-theme .blocklyTextRootBlockHeader,
.flyout .zelos-renderer.classic-theme .blocklyTextRootBlockHeaderCollapsed,
.gtm-search-results .blocklyTextRootBlockHeader,
.gtm-search-results .blocklyTextRootBlockHeaderCollapsed,
.load-strategy__container .blocklyTextRootBlockHeader,
.load-strategy__container .blocklyTextRootBlockHeaderCollapsed {
    color: #fff;
    fill: #fff;
    font-size: 1.9rem;
    width: 17rem !important
}

.zelos-renderer.zelos_renderer-theme .blocklyTextRootBlockHeaderCollapsed,
.flyout .zelos-renderer.classic-theme .blocklyTextRootBlockHeaderCollapsed,
.gtm-search-results .blocklyTextRootBlockHeaderCollapsed,
.load-strategy__container .blocklyTextRootBlockHeaderCollapsed {
    font-size: 1.8rem
}

.zelos-renderer.zelos_renderer-theme .blocklyTextTickAnalysis,
.flyout .zelos-renderer.classic-theme .blocklyTextTickAnalysis,
.gtm-search-results .blocklyTextTickAnalysis,
.load-strategy__container .blocklyTextTickAnalysis {
    fill: #fff;
    font-size: 1.6rem
}

.blocklyNonEditableText:has(>.blocklyCheckbox) .blocklyFieldRect {
    y: 7;
    x: 2;
    width: 16px;
    height: 16px
}

.blocklyEditableText:has(>.blocklyCheckbox) .blocklyFieldRect {
    y: 7;
    x: 2;
    width: 16px;
    height: 16px
}

.blocklyVHSettingsBtn {
    cursor: pointer !important;
    fill: #ffc107 !important;
    font-weight: 600 !important;
    text-decoration: underline !important
}

.blocklyVHSettingsBtn:hover {
    fill: #ff9800 !important
}

.blocklyEditableText.blocklyVHSettingsBtn,
.blocklyNonEditableText.blocklyVHSettingsBtn {
    cursor: pointer !important
}

.blocklyEditableText.blocklyVHSettingsBtn text,
.blocklyNonEditableText.blocklyVHSettingsBtn text {
    filter: drop-shadow(0 0 4px #ffc10799);
    transition: all .2s;
    fill: #ffc107 !important;
    font-weight: 600 !important;
    text-decoration: underline !important
}

.blocklyEditableText.blocklyVHSettingsBtn:hover text,
.blocklyNonEditableText.blocklyVHSettingsBtn:hover text {
    filter: drop-shadow(0 0 8px #ffc107cc);
    fill: #ffdb4d !important
}

.blocklyEditableText:has(.blocklyCheckbox[value=TRUE])+.blocklyVHSettingsBtn text {
    filter: drop-shadow(0 0 6px #00d4aa99);
    fill: #00d4aa !important
}

.blocklyEditableText:has(.blocklyCheckbox:checked)+.blocklyVHSettingsBtn text {
    filter: drop-shadow(0 0 6px #00d4aa99);
    fill: #00d4aa !important
}

.alert-popup-overlay {
    z-index: 1000;
    pointer-events: auto;
    background-color: #00000080;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

.alert-popup-container {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    width: 400px;
    padding: 20px;
    box-shadow: 0 4px 8px #0003
}

.alert-popup-head {
    color: #f44336;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 700
}

.alert-popup-message {
    color: #777;
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4
}

.alert-popup-buttons {
    justify-content: space-between;
    display: flex
}

.alert-popup-button {
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px
}

.alert-popup-button.load-here {
    color: #fff;
    background-color: #4caf50
}

.alert-popup-button.close {
    color: #fff;
    background-color: #f44336
}

.error-checkmark {
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.cross-icon {
    box-sizing: content-box;
    border: 4px solid #f44336;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: relative
}

.cross-icon .icon-line {
    z-index: 10;
    background-color: #f44336;
    border-radius: 2px;
    width: 47px;
    height: 5px;
    display: block;
    position: absolute;
    top: 37px;
    left: 18px
}

.cross-icon .line-left {
    animation: .6s icon-line-left;
    transform: rotate(45deg)
}

.cross-icon .line-right {
    animation: .6s icon-line-right;
    transform: rotate(-45deg)
}

.icon-circle {
    z-index: 10;
    box-sizing: content-box;
    border: 4px solid #f4433680;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -4px;
    left: -4px
}

@keyframes icon-line-left {
    0% {
        transform: rotate(45deg)scale(0)
    }
    to {
        transform: rotate(45deg)scale(1)
    }
}

@keyframes icon-line-right {
    0% {
        transform: rotate(-45deg)scale(0)
    }
    to {
        transform: rotate(-45deg)scale(1)
    }
}

.dc-expansion-panel__header-container {
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    display: flex
}

.dc-expansion-panel__header-chevron-icon {
    cursor: pointer;
    transition: transform .3s;
    transform: rotate(0)
}

.dc-expansion-panel__header-active .dc-expansion-panel__header-chevron-icon {
    transform: rotate(180deg)
}

.dc-expansion-panel__header-active {
    margin-bottom: 1.6rem
}

.dc-expansion-panel__content-array {
    font-size: var(--text-size-xxs);
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 1.5;
    display: flex
}

.dc-expansion-panel__content-chevron-icon {
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    transition: transform .3s;
    transform: rotate(0)
}

.dc-expansion-panel__content-active .dc-expansion-panel__content-chevron-icon {
    transform: rotate(90deg)
}

.dc-expansion-panel__content-array-item-index {
    margin-right: 4px
}

.notify__item-button {
    margin-top: 8px;
    margin-left: 100%;
    transform: translate(-100%);
    height: 2.8rem !important
}

.notify__item-button .btn__text {
    font-size: var(--text-size-xxs)
}

.notify__item-container {
    align-items: center;
    display: flex
}

.notify__item-message {
    font-size: var(--text-size-xxs);
    margin-left: 8px;
    line-height: 1.2
}

.dc-dialog {
    text-align: center;
    z-index: 999;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.dc-dialog__wrapper {
    z-index: 999;
    background-color: var(--overlay-outside-dialog);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: opacity .25s cubic-bezier(.25, .1, .1, .25);
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

.dc-dialog__wrapper--enter,
.dc-dialog__wrapper--exit {
    opacity: 0
}

.dc-dialog__wrapper--enter .dc-dialog__dialog,
.dc-dialog__wrapper--exit .dc-dialog__dialog {
    opacity: 0;
    transform: translateY(50px)
}

.dc-dialog__wrapper--enter-done {
    opacity: 1
}

.dc-dialog__wrapper--enter-done .dc-dialog__dialog {
    opacity: 1;
    transform: translate(0, 0)
}

.dc-dialog__wrapper--has-portal {
    background-color: #0000
}

.dc-dialog__dialog {
    box-sizing: border-box;
    box-shadow: 0 2px 8px 0 var(--shadow-menu);
    background-color: var(--general-main-2);
    border-radius: 8px;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    min-width: 440px;
    max-width: 560px;
    min-height: 176px;
    max-height: 338px;
    margin-top: -48px;
    padding: 2.4rem;
    transition: transform .25s cubic-bezier(.25, .1, .1, .25), opacity .25s cubic-bezier(.25, .1, .1, .25);
    display: flex
}

.dc-dialog__header-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
    display: flex
}

.dc-dialog__header-wrapper--end {
    justify-content: flex-end
}

.dc-dialog__header--title {
    align-self: flex-start
}

.dc-dialog__header--close {
    cursor: pointer
}

.dc-dialog__content {
    align-self: flex-start;
    width: 100%;
    max-width: calc(440px - 4.8rem);
    margin-bottom: 2.4rem
}

.dc-dialog__content .dc-input__label {
    background-color: var(--general-main-2)
}

.dc-dialog__content--centered {
    align-self: center
}

.dc-dialog__footer {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex
}

@media (max-width:1279px) {
    .dc-dialog__footer {
        flex-wrap: wrap;
        align-items: flex-start
    }
}

.dc-dialog__button {
    margin-left: .8rem
}

@media (max-width:1279px) {
    .dc-dialog__button:not(:last-child) {
        margin-bottom: 1rem
    }
}

@media screen and (max-width:560px) {
    .dc-dialog__dialog {
        min-width: auto
    }
    .dc-dialog__dialog--has-margin {
        min-width: unset;
        width: calc(100vw - 4.8rem)
    }
}

.endpoint {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60%;
    display: flex
}

.endpoint__title {
    margin-bottom: 2rem
}

.endpoint__form {
    flex-direction: column;
    gap: 3rem;
    display: flex
}

.endpoint__button {
    margin-right: 1rem
}

@media (max-width:1279px) {
    .endpoint {
        height: unset;
        padding-top: 2rem
    }
}

.app-root {
    background: var(--general-main-1, #0b0f1a);
    color: var(--text-general, #fff);
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    font-size: 1.6rem;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.app-root .load-message {
    margin-top: 6rem
}

:host,
:root {
    --text-size-xxxxs: .8rem;
    --text-size-xxxs: 1rem;
    --text-size-xxs: 1.2rem;
    --text-size-xs: 1.4rem;
    --text-size-s: 1.6rem;
    --text-size-xsm: 1.8rem;
    --text-size-sm: 2rem;
    --text-size-m: 2.4rem;
    --text-size-l: 3.2rem;
    --text-size-xl: 4.8rem;
    --text-size-xxl: 6.4rem;
    --text-lh-xxs: 1;
    --text-lh-xs: 1.25;
    --text-lh-s: 1.4;
    --text-lh-m: 1.5;
    --text-lh-l: 1.75;
    --text-lh-xl: 2;
    --text-lh-xxl: 2.4;
    --text-weight-lighter: lighter;
    --text-weight-normal: normal;
    --text-weight-bold: bold;
    --text-weight-bolder: bolder;
    --text-align-left: start;
    --text-align-right: right;
    --text-align-center: center;
    --brand-white: #fff;
    --brand-dark-grey: #0e0e0e;
    --brand-red-coral: #ff444f;
    --brand-orange: #ff6444;
    --brand-purple-coral: var(--dynamic-list-bg, #002d62);
    --brand-blue-coral: #51d5ec;
    --brand-secondary: #85acb0;
    --app-card-virtual: linear-gradient(274.25deg, #333 9.01%, #5c5b5b 103.31%);
    --app-card-virtual-swap-free: linear-gradient(58.51deg, #061828 28.06%, #1a3c60 93.51%);
    --tw-border-opacity: 1
}

:host .theme--light,
:root .theme--light {
    --general-main-1: #fff;
    --general-main-2: #fff;
    --general-main-3: #999;
    --general-main-4: #ffffffb3;
    --general-section-1: #f2f3f4;
    --general-section-2: #f2f3f4;
    --general-section-3: #fafafa;
    --general-section-4: #f5f7fa;
    --general-section-5: #f2f3f4;
    --general-section-6: #f2f3f4;
    --general-disabled: #eaeced;
    --general-hover: #e6e9e9;
    --general-active: #d6dadb;
    --icons: #feb72a;
    --text-general: #333;
    --text-primary: #999;
    --text-less-prominent: #999;
    --text-prominent: #333;
    --text-disabled: #999;
    --text-disabled-1: #d6d6d6;
    --text-loss-danger: #ec3f3f;
    --text-profit-success: #4bb4b3;
    --text-warning: #ffad3a;
    --text-red: #ff444f;
    --text-green: #17eabd;
    --text-blue: #0796e0;
    --text-info-blue: #377cfc;
    --text-info-blue-background: #dfeaff;
    --text-colored-background: #fff;
    --icon-light-background: #5c5c5c;
    --icon-dark-background: #fff;
    --icon-grey-background: #f2f3f4;
    --icon-black-plus: #000;
    --text-status-info-blue: #377cfc;
    --text-hint: #333;
    --purchase-main-1: #4bb4b3;
    --purchase-section-1: #3d9494;
    --purchase-main-2: #ec3f3f;
    --purchase-section-2: #d33636;
    --purchase-disabled-main: #eaeced;
    --purchase-disabled-section: #e6e9e9;
    --button-primary-default: var(--brand-purple-coral);
    --button-secondary-default: #999;
    --button-tertiary-default: transparent;
    --button-primary-light-default: #ff444f29;
    --button-primary-hover: #eb3e48;
    --button-secondary-hover: #00000014;
    --button-tertiary-hover: #ff444f14;
    --button-primary-light-hover: #ff444f3d;
    --button-toggle-primary: #0796e0;
    --button-toggle-secondary: #d6dadb;
    --button-toggle-alternate: #fff;
    --overlay-outside-dialog: #000000b8;
    --overlay-inside-dialog: #fffffff5;
    --shadow-menu: #00000029;
    --shadow-menu-2: #00000029;
    --shadow-drop: #00000014;
    --shadow-box: #0006;
    --state-normal: #fff;
    --state-hover: #e6e9e9;
    --state-active: #d6dadb;
    --state-disabled: #eaeced;
    --checkbox-disabled-grey: #d6d6d6;
    --sidebar-tab: #d6d6d6;
    --border-normal: #d6dadb;
    --border-normal-1: #d6dadb;
    --border-normal-2: #d6dadb;
    --border-normal-3: #d6d6d6;
    --border-hover: #999;
    --border-hover-1: #5c5c5c;
    --border-active: var(--brand-secondary);
    --border-disabled: #eaeced;
    --border-divider: #f2f3f4;
    --fill-normal: #fff;
    --fill-normal-1: #c2c2c2;
    --fill-hover: #999;
    --fill-active: var(--brand-secondary);
    --fill-disabled: #eaeced;
    --status-default: #eaeced;
    --status-adjustment: #999;
    --status-danger: #ec3f3f;
    --status-success: #4bb4b3;
    --status-warning: #ffad3a;
    --status-warning-transparent: #ffad3a29;
    --status-transfer: #ff6444;
    --status-info: #377cfc;
    --status-colored-background: #fff;
    --status-alert-background: #ffad3a29;
    --dashboard-swap-free: linear-gradient(58.51deg, #061828 28.06%, #1a3c60 93.51%);
    --dashboard-app: linear-gradient(274.25deg, #333 9.01%, #5c5b5b 103.31%);
    --transparent-success: #4bb4b3eb;
    --transparent-info: #377cfc29;
    --transparent-hint: #377cfc14;
    --transparent-danger: #ff444f29;
    --transparent-correct-message: #4bb4b329;
    --transparent-fake-message: #ec3f3f29;
    --gradient-success: linear-gradient(to top, #fff, #4bb4b329);
    --gradient-danger: linear-gradient(to top, #fff, #ff444f29);
    --contract-gradient-danger: linear-gradient(to top, #fff 85%, #ff444f29);
    --gradient-right-edge: linear-gradient(to right, #fff0 -5%, #fff 71%);
    --gradient-blue: linear-gradient(90deg, #00a8af 0%, #04cfd8 104.41%);
    --gradient-gold: linear-gradient(90deg, #f7931a 0%, #ffc71b 104.41%);
    --gradient-green: linear-gradient(90deg, #1db193 0%, #09da7a 104.41%);
    --badge-white: #fff;
    --badge-blue: #0677af;
    --badge-violet: #2a3052;
    --badge-green: #00a79e;
    --traders-hub-banner-border-color: #e6e9e9;
    --demo-text-color-1: #c2c2c2;
    --demo-text-color-2: #fff;
    --header-background-mt5: #e6f5ff;
    --header-background-others: #e8fdf8
}

:host .theme--dark,
:root .theme--dark {
    --general-main-1: #0e0e0e;
    --general-main-2: #151717;
    --general-main-3: #1d1f20;
    --general-main-4: #0e0e0e80;
    --general-section-1: #151717;
    --general-section-2: #0e0e0e;
    --general-section-3: #242828;
    --general-section-4: #242828;
    --general-section-5: #242828;
    --general-section-6: #6e6e6e;
    --general-disabled: #1d1f20;
    --general-hover: #242828;
    --general-active: #323738;
    --icons: #feb72a;
    --text-prominent: #fff;
    --text-general: #c2c2c2;
    --text-less-prominent: #6e6e6e;
    --text-primary: #999;
    --text-disabled: #3e3e3e;
    --text-disabled-1: #3e3e3e;
    --text-profit-success: #00a79e;
    --text-loss-danger: #cc2e3d;
    --text-red: #ff444f;
    --text-colored-background: #fff;
    --text-info-blue: #92b8ff;
    --text-info-blue-background: #182130;
    --text-status-info-blue: #377cfc;
    --text-hint: #c2c2c2;
    --icon-light-background: #5c5c5c;
    --icon-dark-background: #fff;
    --icon-grey-background: #333;
    --icon-black-plus: #fff;
    --purchase-main-1: #00a79e;
    --purchase-section-1: #008079;
    --purchase-main-2: #cc2e3d;
    --purchase-section-2: #a32430;
    --purchase-disabled-main: #1d1f20;
    --purchase-disabled-section: #0e0e0e;
    --button-primary-default: var(--brand-purple-coral);
    --button-secondary-default: #6e6e6e;
    --button-tertiary-default: transparent;
    --button-primary-light-default: #ff444f29;
    --button-primary-hover: #eb3e48;
    --button-secondary-hover: #ffffff14;
    --button-tertiary-hover: #ff444f14;
    --button-primary-light-hover: #ff444f3d;
    --button-toggle-primary: #0796e0;
    --button-toggle-secondary: #323738;
    --button-toggle-alternate: #323738;
    --button-get-started-bg: #fff;
    --overlay-outside-dialog: #000000b8;
    --overlay-inside-dialog: #0e0e0ef5;
    --shadow-menu: #000000d6;
    --shadow-menu-2: #000000b8;
    --shadow-drop: #000000a3;
    --shadow-box: #555975;
    --state-normal: #0e0e0e;
    --state-hover: #242828;
    --state-active: #323738;
    --state-disabled: #1d1f20;
    --checkbox-disabled-grey: #d6d6d6;
    --sidebar-tab: #6e6e6e;
    --border-normal: #323738;
    --border-normal-1: #d6dadb;
    --border-normal-2: #999;
    --border-normal-3: #6e6e6e;
    --border-hover: #6e6e6e;
    --border-hover-1: #5c5c5c;
    --border-active: var(--brand-secondary);
    --border-disabled: #1d1f20;
    --border-divider: #2e2e2e;
    --fill-normal: #0e0e0e;
    --fill-normal-1: #333;
    --fill-hover: #6e6e6e;
    --fill-active: var(--brand-secondary);
    --fill-disabled: #1d1f20;
    --status-default: #eaeced;
    --status-adjustment: #999;
    --status-danger: #cc2e3d;
    --status-warning: #ffad3a;
    --status-warning-transparent: #ffad3a29;
    --status-success: #00a79e;
    --status-transfer: #ff6444;
    --status-info: #377cfc;
    --status-colored-background: #fff;
    --status-alert-background: #ffad3a29;
    --transparent-success: #00a79eeb;
    --transparent-info: #377cfc29;
    --transparent-hint: #377cfc29;
    --transparent-danger: #ff444f29;
    --transparent-correct-message: #4bb4b329;
    --transparent-fake-message: #ec3f3f29;
    --gradient-success: linear-gradient(to top, #0e0e0e, #00a79e29);
    --gradient-danger: linear-gradient(to top, #0e0e0e, #ff444f29);
    --contract-gradient-danger: linear-gradient(to top, #0e0e0e 85%, #ff444f29);
    --gradient-right-edge: linear-gradient(to right, #0e0e0e00 -5%, #0e0e0e 71%);
    --gradient-blue: linear-gradient(90deg, #00a8af 0%, #04cfd8 104.41%);
    --gradient-gold: linear-gradient(90deg, #f7931a 0%, #ffc71b 104.41%);
    --gradient-green: linear-gradient(90deg, #1db193 0%, #09da7a 104.41%);
    --badge-white: #fff;
    --badge-blue: #0677af;
    --badge-violet: #2a3052;
    --badge-green: #00a79e;
    --traders-hub-banner-border-color: #242828;
    --demo-text-color-1: #333;
    --demo-text-color-2: #333;
    --header-background-mt5: #e6f5ff;
    --header-background-others: #e8fdf8
}

body {
    background: var(--general-main-1);
    font-family: IBM Plex Sans, sans-serif
}

.icon-general-fill-path path,
.icon-general-fill-g-path g path {
    fill: var(--text-general)
}