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: #007c8c;
    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: #007c8c;
    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: #007c8c;
}
.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;
}
.ti-eeq-diagram-description {
    margin-bottom: 12px;
}
.ti-eeq-diagram-description p {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transition: background-color 150ms linear;
}
.ti-eeq-diagram-description.expand p {
    height: auto;
    display: flex;
}
.ti-eeq-diagram-desc-view-more-cta {
    display: none;
}
.ti-eeq-diagram-desc-view-more-cta span:last-of-type {
    margin-left: 8px;
}
.ti-eeq-diagram-desc-view-more-cta.show {
    display: flex;
    align-items: center;
}
ti-svg-icon#close-box.show {
    fill: var(--ti-svg-icon-fill-color) !important;
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}