@charset "UTF-8";

:root {
    --te-color-static-base-bg: #fff;
    --te-color-static-text-900: #2e2e2e;
    --te-color-static-link: #202020;
    --te-color-static-case-text: #4a4a4a;
    --te-color-static-text: #000000;
    --te-color-text-aside: #131313;
    --te-color-link: #565656;
    --te-color-link-hover: #292c33;
    --te-color-link-active: #0b0d0f;
    --te-color-link-visited: #7535bf;
    --te-color-caption: #afb1b2;
    --te-color-code-block-background: #f9f9f9;
    --te-color-accent-yellow: #ffd900;
    --te-color-accent-yellow-2: #ffe300;
    --te-color-accent-black: #292c33;
}

/*
-----------------------------------------
GENERAL
-----------------------------------------
*/

te-wysiwyg {
    .title {
        font-family: "Raleway", sans-serif !important;
        font-size: 80px !important;
        line-height: 96px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    h1 {
        font-family: "RalewayNum", sans-serif;
        font-size: 56px;
        line-height: 72px;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: var(--te-color-static-text-900);
    }

    h2 {
        font-family: "Raleway", sans-serif !important;
        font-size: 48px !important;
        line-height: 64px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    h3 {
        font-family: "Raleway", sans-serif !important;
        font-size: 40px !important;
        line-height: 56px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    h4 {
        font-family: "Raleway", sans-serif !important;
        font-size: 32px !important;
        line-height: 48px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    h5 {
        font-family: "Raleway", sans-serif !important;
        font-size: 28px !important;
        line-height: 40px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    h6 {
        font-family: "Raleway", sans-serif !important;
        font-size: 20px !important;
        line-height: 32px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    .text-xlarge {
        font-family: "Raleway", sans-serif !important;
        font-size: 24px !important;
        line-height: 36px !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    .text-large {
        font-family: "Raleway", sans-serif !important;
        font-size: 22px !important;
        line-height: 34px !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    .tab-M-analytic {
        font-family: "Raleway", sans-serif !important;
        font-size: 28px !important;
        line-height: 40px !important;
        font-weight: 600 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900);
    }

    .button-24-bold {
        font-family: "Raleway", sans-serif !important;
        font-size: 28px !important;
        line-height: 40px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900);
    }

    p,
    ul,
    ol {
        font-size: 20px;
        line-height: 32px;
        font-weight: 500;
        letter-spacing: -0.01em;
        color: var(--te-color-static-text-900);
    }

    p {
        font-family: "Raleway", Tahoma, sans-serif;
        margin-bottom: 0;
    }

    ul,
    ol {
        font-family: "RalewayNum", Tahoma, sans-serif;
    }

    ol ::marker {
        font-size: inherit;
    }

    .bold {
        font-weight: 700;
    }

    .semi {
        font-weight: 600 !important;
    }

    .text-medium-semi {
        font-family: "Raleway", sans-serif !important;
        font-size: 20px !important;
        line-height: 32px !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    .text-small {
        font-family: "Raleway", sans-serif !important;
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    .subtext {
        font-family: "Raleway", sans-serif !important;
        font-size: 14px !important;
        line-height: 22px !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    table {
        border-spacing: 0 24px;
        border-collapse: unset;
        font-family: "Raleway", sans-serif !important;
        font-size: 16px !important;
        line-height: 160% !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        color: var(--te-color-static-text-900) !important;
    }

    ul li,
    ol li {
        padding-bottom: 12px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        /* Makes effect only in Firefox */
        break-inside: avoid;
        /* IE10+, Opera 11.1—12.1 */
    }

    a {
        outline: 0;
        text-decoration: none;
        color: var(--te-color-static-link);
        font-weight: 500;
    }

    .highlighted-text {
        background-color: #ffd900;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        border-radius: 11px;
        padding: 5px 11px 10px;
        line-height: 60px !important;
    }

    .titleMontserrat {
        font-family: "Montserrat", Tahoma, serif;
        font-size: 64px;
        line-height: 60px;
        font-weight: 700;
        letter-spacing: -2px;
        color: #fff;
    }
}

.left-yellow-border-small {
    border-left: 10px solid #ffd900;
    padding: 0 0 0 30px;
}


.list-item ul {
    margin: 24px 0 24px 40px;
    list-style-image: url("/cms/assets/cad24012-ca97-40dd-8d9b-7f7bd8278d2b");
}

.offset-list-item ul {
    margin: 25px 0 25px 40px;
    list-style-image: url("/cms/assets/cad24012-ca97-40dd-8d9b-7f7bd8278d2b");
}

.tick-list-item ul {
    margin: 24px 0 24px 35px;
    list-style-image: url("/cms/assets/ce8786a5-c871-46e4-a67c-ef14db2e8a7e?width=20&height=16");
}

.list-item li {
    padding-left: 10px;
}

.tick-list-item li {
    padding-left: 25px;
}

.offset-list-item li {
    padding-left: 30px;
}

.info-container .info-item {

    p,
    ul,
    li {
        color: #000;

        /* Text M */
        font-family: "RalewayNum", Tahoma, serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        /* 24.8px */
        letter-spacing: -0.1px;
    }

    ul {
        list-style-type: "•  ";
        margin-left: 1rem;

        ::marker {
            font-size: inherit;
        }
    }

    ul li,
    ol li {
        padding-bottom: 0.8rem;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        /* Makes effect only in Firefox */
        break-inside: avoid;
        /* IE10+, Opera 11.1—12.1 */
    }
}

.wrapped-list ol {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 50px;
    height: 230px;
}

.wrapped-list ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 50px;
    height: 230px;
}

.line-break-last {
    display: inline-block;
}

div.toast-header {
    padding: 0;
    border: none;
    border-radius: 0;
    align-self: flex-start;

    .btn-close {
        margin: 0;
        padding: 0;
    }
}

div.toast-body {
    align-self: center;
    padding: 0;
}

/* 
-----------------------------------------
MAIN PAGE
-----------------------------------------
*/

.main-banner-wysiwyg {
    display: block;
    max-width: 890px;

    &.crossing {
        max-width: 588px;
    }

    h1,
    h2 {
        font-family: "RalewayNum", Tahoma, serif !important;
        margin: 0;

        .dark & {
            color: #fff !important;
        }

        .light & {
            color: var(--te-color-accent-black) !important;
        }

        .solid & {
            font-size: 72px !important;
            line-height: 70px !important;
            font-weight: 700 !important;
            letter-spacing: -2.4px !important;
        }

        .wiggle & {
            font-size: 84px !important;
            line-height: 80px !important;
            font-weight: 700 !important;
            letter-spacing: -2px !important;
        }

        .crossing & {
            font-size: 48px !important;
            line-height: 52px !important;
            font-weight: 700 !important;
            letter-spacing: -2px !important;
        }
    }

    .highlighted-text {
        padding: 0;
        line-height: inherit !important;
        color: var(--te-color-accent-black);
    }
}

/* 
-----------------------------------------
WYSIWYG-ARTICLE
-----------------------------------------
*/

.wysiwyg-article h1 {
    margin-bottom: 24px;
    margin-top: 30px;

    font-family: "Raleway", sans-serif !important;
    font-size: 40px !important;
    line-height: 56px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}

.wysiwyg-article h2 {
    font-family: "RalewayNum", sans-serif !important;
    font-size: 28px !important;
    line-height: 45px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;

    margin-bottom: 25px;
    margin-top: 30px;
}

.wysiwyg-article h3 {
    margin-bottom: 30px;

    font-family: "RalewayNum", sans-serif !important;
    font-size: 22px !important;
    line-height: 26.4px !important;
    font-weight: 700 !important;
    letter-spacing: -0.1px !important;
}

.wysiwyg-article h4 {
    margin-bottom: 30px;

    font-family: "RalewayNum", sans-serif !important;
    font-size: 20px !important;
    line-height: 23px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01px !important;
}

.wysiwyg-article h5 {
    font-family: "RalewayNum", sans-serif !important;
    margin-bottom: 28px;
    margin-top: 28px;
}

.wysiwyg-article h6 {
    font-family: "RalewayNum", sans-serif !important;

    margin-bottom: 20px;
    margin-top: 20px;
}

.wysiwyg-article ul,
.wysiwyg-article ol {
    margin-bottom: 28px;
    margin-left: 0;
    padding-left: 0;
}

.wysiwyg-article ul li,
.wysiwyg-article ol li {
    padding-bottom: 0;
    margin-bottom: 12px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;

    margin-left: 12px;
    padding-left: 12px;

    p {
        margin-bottom: 0;
    }
}

.wysiwyg-article ul {
    list-style-type: '•';

    ::marker {
        font-size: inherit;
    }
}


.aside p {
    font-size: 14px;
    line-height: 160%;
    font-weight: 500;
    letter-spacing: -0.1px;
    color: var(--te-color-static-text-900);
}

.wysiwyg-article,
.case-announcement {
    p {
        margin-bottom: 30px;
    }

    p,
    ul,
    ol {
        font-family: "RalewayNum", sans-serif !important;
        font-size: 20px !important;
        line-height: 32px !important;
        font-weight: 500 !important;
        letter-spacing: -0.1px !important;
        color: var(--te-color-text-aside);
    }
}

.wysiwyg-article p:has(+p),
.case-announcement p:has(+p) {
    margin-bottom: 12px;
}

.case-announcement p {
    font-weight: 700 !important;
}

.wysiwyg-article a,
.case-announcement a,
.management-wysiwyg a,
.architecture-wysiwyg a,
.development-wysiwyg a {
    color: var(--te-color-link);
    font-weight: 700 !important;
    text-decoration-line: underline !important;
    text-decoration-thickness: 2px;
    transition: color 0.1s;

    &:focus,
    &:hover {
        color: var(--te-color-link-hover);
    }

    &:active {
        color: var(--te-color-link-active);
    }

    &:visited {
        color: var(--te-color-link-visited);
    }
}

.wysiwyg-article img {
    max-width: 100%;
    margin-bottom: 16px;
}

.wysiwyg-article p:has(img):has(+ .caption) {
    margin-bottom: 5px;

    img {
        margin-bottom: 0;
    }
}

.wysiwyg-article .code-block {
    width: 812px;
    padding: 16px 0 16px 24px;
    margin-bottom: 24px;
    background-color: var(--te-color-code-block-background);

    overflow-x: auto;

    display: grid;
    /*
  overflow: auto игнорирует padding-right родителя,
  https://alexandergottlieb.com/2018/02/22/overflow-scroll-and-the-right-padding-problem-a-css-only-solution/
  поэтому функцию padding-right здесь выполняет второй столбец грида
  */
    grid-template-columns: 1fr 24px;
    row-gap: 10px;

    p {
        grid-column: 1 / span 1;
    }

    p,
    code {
        white-space: nowrap;
        margin-bottom: 0;
        font-size: 16px !important;
        font-weight: 400 !important;
        letter-spacing: -0.1px !important;
        font-family: "Space Mono", monospace, sans-serif !important;
        line-height: 100% !important;
        color: var(--te-color-static-text-900);

        max-width: none;
    }
}

.definition {
    border-left: 5px solid var(--te-color-accent-yellow);
    padding-left: 25px;
    margin: 30px 17px 30px 0;

    p {
        margin: 0;
        font-size: 22px !important;
        font-weight: 500 !important;
        line-height: 32px !important;
        letter-spacing: -0.1px !important;
    }
}

.substrate {
    margin-bottom: 30px;
    padding: 56px 66px;
    border-radius: 30px;
    background-color: var(--te-color-substrate-background);

    width: 812px;

    &::before {
        display: block;
        content: '';

        width: 44px;
        height: 14px;
        border-radius: 4px;
        background-color: var(--te-color-substrate-thingy);
        margin-bottom: 20px;
    }

    p {
        font-size: 28px !important;
        font-weight: 600 !important;
        line-height: 160% !important;
    }

    p:last-child {
        margin: 0;
    }

    &.substrate-light {
        --te-color-substrate-background: var(--te-color-code-block-background);
        --te-color-substrate-thingy: var(--te-color-accent-yellow);
    }

    &.substrate-dark {
        --te-color-substrate-background: var(--te-color-accent-yellow);
        --te-color-substrate-thingy: var(--te-color-accent-black);
    }
}

.quote {
    margin: 30px 47px 30px 60px;
    padding-left: 40px;
    padding-bottom: 1.5px;
    border-left: 5px solid var(--te-color-accent-yellow);

    display: grid;
    grid-template-rows: auto 24px auto;
    grid-template-columns: 100px 400px 1fr;

    position: relative;
    background-size: 0;

    p {
        grid-column: 1 / -1;
        grid-row: 1 / span 1;
        margin-bottom: 15px;

        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 160% !important;
        letter-spacing: normal !important
    }

    p:has(+ p:last-child) {
        grid-column: 2 / span 1;
        grid-row: 2 / span 1;
        margin-bottom: 0;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 160% !important;
        letter-spacing: -0.1px !important;

        &::before {
            content: '— ';
        }

        &::after {
            content: ',';
        }
    }

    p:last-child {
        grid-column: 2 / span 1;
        grid-row: 3 / span 1;
        align-self: center;
        margin-bottom: 0;

        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 160% !important;
        letter-spacing: -0.1px !important;
    }

    p:has(img),
    img:not(.quotes-img) {
        grid-column: 1 / span 1;
        grid-row: 2 / span 2;
        margin-bottom: 0;
    }

    img:not(.quotes-img) {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin-right: 30px;
        margin-bottom: 0;

        object-fit: cover;
        object-position: center;
        transform: translate3d(0, 0, 1px);
    }

    .quotes-img {
        position: absolute;
        top: 0;
        left: -60px;
        width: 40px;
        height: 40px;
        transform: rotate(180deg);
    }
}

p:has(img) {
    width: 812px;
}

.wysiwyg-article,
.case-announcement {
    .caption {
        color: var(--te-color-caption);
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 160% !important;
        letter-spacing: -0.1px !important;

        margin-bottom: 30px;
    }
}

/* 
-----------------------------------------
DEVOPS SERVICE LANDING
-----------------------------------------
*/

.devops-wysiwyg p,
ul,
ol {
    font-family: "RalewayNum", sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--te-color-static-text-900);
}

.devops-wysiwyg ol,
ul {
    margin-bottom: 0;
}

.devops-wysiwyg ol,
ul {
    padding-left: 1rem;
}

.devops-wysiwyg .text-20-bold {
    font-family: "RalewayNum", sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--te-color-static-text-900);
}

.devops-wysiwyg .wysiwyg-title {
    font-family: "RalewayNum", sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--te-color-static-text-900);
}

.devops-wysiwyg .devops-wrapped-list {
    height: 230px;

    display: flex;
    flex-direction: column;
    column-gap: 50px;
    flex-wrap: wrap;
}

.devops-wysiwyg .devops-wrapped-higher-list {
    height: 260px;

    display: flex;
    flex-direction: column;
    column-gap: 80px;
    flex-wrap: wrap;
}

.devops-wysiwyg .devops-wrapped-higher-list li {
    max-width: 50%;
}

ul.devops-yellow-list {
    margin: 24px 0;

    li {
        margin-bottom: 20px;
        padding: 0;

        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 25px;

        &::before {
            content: '';
            width: 44px;
            height: 14px;
            background-color: var(--te-color-accent-yellow-2);
            border-radius: 4px;
            margin-top: 9px;

            flex-shrink: 0;
        }

        p {
            margin-bottom: 0;
        }
    }
}

.devops-yellow-left-line {
    border-left: 14px solid #FFE300;
    padding-left: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;

    li {
        margin-left: 20px;
    }
}

ol.devops-yellow-left-line {
    padding-left: 34px;
}

/* 
-----------------------------------------
SERVICE LANDINGS COMMON
-----------------------------------------
*/

.management-wysiwyg,
.architecture-wysiwyg,
.development-wysiwyg {

    p,
    ul {
        font-size: 20px;
        line-height: 160%;
        letter-spacing: -0.1px;
        margin-bottom: 12px;

        width: 100%;
    }

    ul {
        ::marker {
            font-size: inherit;
        }
    }

    &.intro-description p,
    .p-huge {
        font-size: 32px;
        line-height: 150%;
        font-weight: 600;
        letter-spacing: 0;
    }

    &.intro-description p {
        margin-bottom: 1.5em;
        max-width: none;
    }

    .p-large {
        font-size: 28px;
        line-height: 160%;
        font-weight: 600;
        letter-spacing: normal;

        margin-bottom: 35px;
    }

    .p-big {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: -0.1px;
    }

    .p-bolder {
        font-weight: 600;
        letter-spacing: 0.01em;
    }

    .bold {
        font-weight: 700;
    }

    .bolder {
        font-weight: 600;
    }

    a {
        font-weight: inherit;
    }

    .paragraph-breaker {
        background-color: var(--te-color-accent-yellow-2);
        width: 44px;
        height: 14px;
        border-radius: 4px;
    }
}

.marked-list-wysiwyg {
    p {
        font-size: 20px;
        line-height: 160%;
        font-weight: 500;
        letter-spacing: -0.1px;

        max-width: none;
    }

    &>*:last-child {
        margin-bottom: 0;
    }
}


te-architecture-page .marked-list-wysiwyg.marked-list-check p {
    font-size: 40px;
    line-height: 56px;
    font-weight: 600;
    letter-spacing: 0;
}

te-development-page .marked-list-wysiwyg.marked-list-check p {
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0.001em;
}

/* 
-----------------------------------------
MANAGEMENT SERVICE LANDING
-----------------------------------------
*/

.management-wysiwyg {

    p,
    ul {
        max-width: 735px;
    }

    ul {
        list-style-type: disc;
        list-style-position: outside;

        ::marker {
            font-size: inherit;
        }

        margin-bottom: 50px;
        padding-bottom: 0;

        position: relative;

        li {
            padding: 0;
            margin-left: 32px;
            margin-bottom: 12px;

            &:has(+li:has(figure)) {
                margin-bottom: 0;
            }
        }

        li:has(figure) {
            position: absolute;
            top: 26px;
            right: -65px;
            transform: translateX(100%);

            margin-left: 0;
            margin-bottom: 0;

            width: 100%;
            max-width: 434px;

            &::marker {
                font-size: 0;
            }

            figure {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10px;

                margin: 0;
            }

            img {
                width: 100%;
            }

            figcaption {
                font-size: 16px;
                line-height: 24px;
                font-weight: 500;
                letter-spacing: -0.1px;
                color: var(--te-color-caption);

                width: max-content;
            }
        }
    }

    .paragraph-breaker {
        margin-top: 35px;
        margin-bottom: 25px;
    }
}

/* 
-----------------------------------------
ARCHITECTURE SERVICE LANDING
-----------------------------------------
*/

.architecture-wysiwyg {
    p {
        max-width: 876px;
    }

    ul {
        list-style-type: disc;
        list-style-position: outside;

        ::marker {
            font-size: inherit;
        }

        padding-bottom: 0;
        margin-bottom: 0;

        max-width: 704px;

        li {
            padding: 0;
            margin-left: 20px;
            margin-bottom: 12px;
        }
    }

    .list-substrate {
        padding: 48px 53px 47px 59px;
        border-radius: 40px;
        margin-bottom: 50px;
        width: 100%;
        max-width: 844px;

        background-color: var(--te-color-code-block-background);
    }

    .list-heading {
        font-size: 24px !important;
        line-height: 120% !important;
        font-weight: 700 !important;
        letter-spacing: normal !important;
        color: var(--te-color-accent-black) !important;
        margin-bottom: 27px;
    }

    .paragraph-breaker {
        margin-top: 33px;
        margin-bottom: 30px;
    }
}

/* 
-----------------------------------------
DEVELOPMENT SERVICE LANDING
-----------------------------------------
*/

.development-wysiwyg {
    .paragraph-breaker {
        margin-bottom: 15px;
    }

    ul {
        list-style: disc;
        margin: 35px 0;
        padding-left: 1.5em;

        ::marker {
            font-size: inherit;
        }

        li {
            padding-bottom: 12px;
        }
    }
}

/* 
-----------------------------------------
NEW CAREER LANDING
-----------------------------------------
*/

.career-wysiwyg {
    .career-title-highlight {
        background-color: var(--te-color-accent-yellow);
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    h2 {
        font-size: 40px !important;
        line-height: normal !important;
        font-weight: 700 !important;
        letter-spacing: normal !important;
        color: var(--te-color-static-text-900) !important;
    }

    h3 {
        font-size: 80px !important;
        line-height: normal !important;
        font-weight: 700 !important;
        letter-spacing: normal !important;
        color: var(--te-color-static-text-900) !important;

        margin-bottom: 0;
    }

    .career-small {
        font-size: 48px !important;
    }

    .career-thin {
        font-weight: 500 !important;
    }

    p {
        margin-bottom: 10px;
    }

    a {
        color: var(--te-color-static-text-900);

        &:hover,
        &:focus {
            text-decoration: underline;
        }
    }

    &.announcement {
        font-size: 16px;
        line-height: 155%;
        font-weight: 500;
        letter-spacing: -0.1px;
        color: #000;

        p {
            font-size: inherit;
            line-height: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
            color: inherit;

            &:last-child {
                margin: 0;
            }
        }
    }
}

.job-search-container .career-wysiwyg {
    h1 {
        font-size: 48px !important;
        line-height: normal !important;
        font-weight: 700 !important;
        letter-spacing: normal !important;
        color: var(--te-color-accent-black);
        margin-bottom: 8px;

        .career-title-highlight {
            --border-radius: 8px;
            border-radius: var(--border-radius);

            box-shadow:
                5px 0 0 var(--te-color-accent-yellow),
                -5px 0 0 var(--te-color-accent-yellow);
        }
    }

    .smaller {
        font-size: 40px !important;
        line-height: 130% !important;
    }

    h3 {
        font-size: 32px !important;
        line-height: normal !important;
        font-weight: 700 !important;
        letter-spacing: normal !important;
        color: var(--te-color-static-text-900) !important;

        margin-bottom: 0;
    }
}

.job-wysiwyg {
    display: flex;
    flex-direction: column;
    gap: 32px;
    letter-spacing: -0.1px;

    p {
        margin-bottom: 0;
    }

    ul,
    ol {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    li {
        padding-bottom: 0;
        margin-left: 32px;
        position: relative;

        &::before {
            content: '';
            display: block;
            position: absolute;
            top: 12px;
            left: -20px;
            width: 8px;
            height: 8px;
            flex-shrink: 0;
            border-radius: 4px;
            background-color: var(--te-color-link);
        }
    }
}

.form-wysiwyg {
    p {
        margin: 0;
        font-family: 'RalewayNum', Tahoma, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: -0.1px;
        color: #9b9b9b;
    }

    a {
        font-weight: inherit;
        color: var(--te-color-accent-black);

        transition: all 0.1s ease-in-out;
        text-decoration: none;

        &:hover,
        &:focus-visible {
            text-decoration: underline 1px solid black;
            color: black;
        }
    }
}

/* 
-----------------------------------------
SERVICES LANDING
-----------------------------------------
*/

.services-diagram p {
    font-family: Montserrat, Tahoma, serif;
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 0;

    &.mobile {
        display: none;
        text-wrap: nowrap;
    }
}

.services-diagram-highlight {
    display: inline-block;
    background-color: var(--te-color-accent-yellow);
    padding: 0 0.2em;
    border-radius: 4px;

    font-family: "RalewayNum", Tahoma, serif;
    font-size: 20px;
    line-height: 160%;
    font-weight: 700;

    transition: all 0.2s;

    .diagram-link:hover & {
        background-color: #ffe50f;
    }

    .diagram-link:active & {
        background-color: #f4cf00;
    }
}

.services-info-wysiwyg {
    ol {
        padding-left: 26px;
        margin-bottom: 16px;

        font-size: 20px;
        line-height: 32px;
        font-weight: 500px;
        letter-spacing: normal;
        color: var(--te-color-static-text-900);
    }
}

.services-case-wysiwyg p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: -0.1px;
    color: var(--te-color-text-aside);

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
    overflow: hidden;

    &:last-child {
        margin-bottom: 0;
    }
}

/* 
-----------------------------------------
TEAM PAGE
-----------------------------------------
*/

.team-quote-wysiwyg p {
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    color: #000 !important;
    margin: 0;
}

.team-biography-wysiwyg p {
    font-size: 20px !important;
    line-height: 32px !important;
    font-weight: 500 !important;
    letter-spacing: -0.1px !important;
    color: #000 !important;

    &:last-child {
        margin: 0;
    }
}

/* 
-----------------------------------------
DESIGN CASES PAGE
-----------------------------------------
*/

.design-case-item-wysiwyg p {
    font-family: "RalewayNum", Tahoma, serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    color: var(--te-color-accent-black) !important;
    margin: 0;
}

.design-case-item-wysiwyg h3 {
    font-family: "RalewayNum", Tahoma, serif !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    color: var(--te-color-accent-black) !important;
    margin: 0;
}

.design-case-banner-wysiwyg p {
    font-family: "RalewayNum", Tahoma, serif !important;
    font-size: 28px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    color: var(--te-color-accent-black) !important;
    margin: 0;
}

/* 
-----------------------------------------
EDUCATION LANDING
-----------------------------------------
*/

.education-wysiwyg {
    &.narrow {
        display: block;
        width: 100%;
        max-width: 1082px;
    }

    p:not(:last-child) {
        margin-bottom: 16px;
    }

    ul {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 32px;
    }

    ul li {
        padding-bottom: 0;
        padding-left: 40px;
        position: relative;
    }

    ul li::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;

        width: 24px;
        height: 7.2px;
        border-radius: 3.6px;
        margin: 8.4px 0;

        background-color: var(--te-color-accent-yellow);
    }

    &.intro-description p,
    &.section p,
    &.subsection p {
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
        letter-spacing: normal;
        color: var(--te-color-accent-black);
    }

    &.course p {
        font-weight: 600;
        color: var(--te-color-accent-black);
    }

    p.bigger {
        font-size: 24px;
        margin-bottom: 32px;
    }

    .boldish {
        font-weight: 600;
    }

    .bold {
        font-weight: 700;
    }

    .spacy {
        letter-spacing: 0.001em;
    }

    &.author p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: -0.1px;
        color: #000;

        &:not(:last-child) {
            margin-bottom: 8px;
        }
    }

    &.diagram p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: -0.1px;
        color: #000;
    }
}

/* 
-----------------------------------------
MAIN PAGE V3
-----------------------------------------
*/

.main-page-v3-case-announcement {
    display: block;
    font-size: 17px;
    line-height: 160%;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    font-family: "Raleway", Tahoma, sans-serif;

    p, ul, ol {
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        color: inherit;
    }
}

.main-page-v3_feature-content {
    display: flex;
    flex-direction: column;
    font-size: 17px;
    gap: 1em;

    p {
        font-size: inherit;
        line-height: 130%;
        font-weight: 500;
        color: #000;
    }

    ul {
        display: flex;
        justify-content: flex-start;
        column-gap: 48px;
        row-gap: 16px;
        flex-wrap: wrap;
    }

    li {
        display: flex;
	flex-direction: column;
	font-size: 20px;
        line-height: 27px;
        font-weight: 700;
        letter-spacing: 0;
        color: #000;
        padding: 0;
    }

    .accent {
        font-size: 60px;
        line-height: normal;
        font-weight: 700;
        letter-spacing: 0;
        color: #000;
    }
}

.blog-v3-announcement {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
    overflow: hidden;
    font-size: 16px;
    line-height: 158%;
    font-weight: 400;
    color: #000;
    font-family: "Raleway", Tahoma, sans-serif;

    a {
        color: inherit;
    }

    p, ul, ol {
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        color: inherit;
    }
}

/*# sourceMappingURL=wysiwyg_desktop.css.map */