svg {
font-family: Roboto,"Franklin Gothic Medium",Tahoma,sans-serif!important;
width: 100%;
}
.ti-eeq-variant-carousel svg {
    height: 100%;
}
svg > g > g.ti-eeq-diagram-subsystem-inactive > g > path.ti-eeq-subsystem-block-disabled[class*='st'] {
    fill: #f0f0f0;
    stroke: #808080;
    stroke-dasharray: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.24px;
}
.ti-eeq-diagram-subsystem-active  path.ti-eeq-subsystem-block-enabled {
    stroke: rgb(97, 188, 182);
    fill: #d9f1f4;
    stroke-dasharray: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.24px;
}
.ti-eeq-diagram-subsystem-active.is-selected path.ti-eeq-subsystem-block-enabled.selected {
    stroke: #c00;
    stroke-width: 2.94px;
    fill: #edf7f8;
    transition: stroke 150ms linear;
}
.ti-eeq-subsystem-shape-enabled .ti-eeq-subsystem-rect {
    fill: rgb(97, 188, 182);
    stroke: #FFFFFF;
    stroke-dasharray: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.24px;
}
.ti-eeq-diagram-subsystem-active:hover {
    cursor: pointer;
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.ti-eeq-diagram-subsystem-active:hover path.ti-eeq-subsystem-block-enabled {
    fill: #edf7f9;
    stroke-width: 1.68px;
    stroke: rgb(97, 188, 182);
}
.ti-eeq-diagram-subsystem-active.is-selected:hover {
    cursor: default;
}
.u-divide-x-left {
    border-left: 1px solid #e9e9e9;
}
.ti-eeq-variant-carousel-card {
    border: 1px solid transparent;
    transition: border-color 150ms linear;
}
.ti-eeq-variant-carousel-card:hover {
    cursor: pointer;
}
.ti-eeq-variant-carousel-thumbnail-svg-container {
    overflow: hidden;
    height: 150px;
}
.ti-eeq-block-diagram-main-container {
    height: 900px;
}
.ti-eeq-diagram-mobile-container {
    border-top: 1px solid #e9e9e9;
}
.ti-eeq-diagram-mobile-container.show {
    display: block;
}
.ti-eeq-diagram-mobile-diagram-container {
    width: calc(100vw - 32px);
    max-height: 80vw;
    overflow: auto;
    border: 1px solid #e9e9e9;
}
.ti-eeq-diagram-mobile-diagram-container svg {
    width: 100%;
    height: auto;
}




.aw-eeq-diagram-subsystem-active  path.aw-eeq-subsystem-block-enabled {
    /*stroke: rgb(97, 188, 182);*/
    /*fill: #d9f1f4;*/
    stroke-dasharray: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.24px;
}
.aw-eeq-diagram-subsystem-active.is-selected path.aw-eeq-subsystem-block-enabled.selected {
    stroke: #c00;
    stroke-width: 2.94px;
    fill: #edf7f8;
    transition: stroke 150ms linear;
}
.aw-eeq-subsystem-shape-enabled .aw-eeq-subsystem-rect {
    fill: rgb(97, 188, 182);
    stroke: #FFFFFF;
    stroke-dasharray: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.24px;
}
.aw-eeq-diagram-subsystem-active:hover {
    cursor: pointer;
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.aw-eeq-diagram-subsystem-active:hover path.aw-eeq-subsystem-block-enabled {
    fill: #edf7f9;
    stroke-width: 1.68px;
    stroke: rgb(97, 188, 182);
}
.aw-eeq-diagram-subsystem-active.is-selected:hover {
    cursor: default;
}
.u-divide-x-left {
    border-left: 1px solid #e9e9e9;
}
.aw-eeq-variant-carousel-card {
    border: 1px solid transparent;
    transition: border-color 150ms linear;
}
.aw-eeq-variant-carousel-card:hover {
    cursor: pointer;
}
.aw-eeq-variant-carousel-thumbnail-svg-container {
    overflow: hidden;
    height: 150px;
}
.aw-eeq-block-diagram-main-container {
    height: 900px;
}
.aw-eeq-diagram-mobile-container {
    border-top: 1px solid #e9e9e9;
}
.aw-eeq-diagram-mobile-container.show {
    display: block;
}
.aw-eeq-diagram-mobile-diagram-container {
    width: calc(100vw - 32px);
    max-height: 80vw;
    overflow: auto;
    border: 1px solid #e9e9e9;
}
.aw-eeq-diagram-mobile-diagram-container svg {
    width: 100%;
    height: auto;
}