<commit_before>@import '~@src/components/Layout/vars.less';

.telepresence-quickstart-landing {
    font-family: @InterFont;
    color: @black;
    margin: 0 auto 140px;
    max-width: @docs-max-width;
    min-width: @docs-min-width;

    h1,
    h2 {
        color: @blue-dark;
        font-style: normal;
        font-weight: normal;
        letter-spacing: 0.25px;
    }

    h1 {
        font-size: 33px;
        line-height: 40px;

        svg {
            vertical-align: text-bottom;
        }
    }

    h2 {
        font-size: 23px;
        line-height: 33px;
        margin: 0 0 1rem;

        .highlight-mark {
            background: transparent;
            color: @blue-dark;
            background: -moz-linear-gradient(top,  transparent 0%, transparent 60%, fade(@blue-electric, 15%) 60%, fade(@blue-electric, 15%) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(60%,transparent), color-stop(60%,fade(@blue-electric, 15%)), color-stop(100%,fade(@blue-electric, 15%)));
            background: -webkit-linear-gradient(top,  transparent 0%,transparent 60%,fade(@blue-electric, 15%) 60%,fade(@blue-electric, 15%) 100%);
            background: -o-linear-gradient(top,  transparent 0%,transparent 60%,fade(@blue-electric, 15%) 60%,fade(@blue-electric, 15%) 100%);
            background: -ms-linear-gradient(top,  transparent 0%,transparent 60%,fade(@blue-electric, 15%) 60%,fade(@blue-electric, 15%) 100%);
            background: linear-gradient(to bottom,  transparent 0%,transparent 60%,fade(@blue-electric, 15%) 60%,fade(@blue-electric, 15%) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='fade(@blue-electric, 15%)',GradientType=0 );
            padding: 0 3px;
            margin: 0 .1em 0 0;
        }
    }

    .telepresence-choice {
        background: @white;
        border: 2px solid @grey-separator;
        box-shadow: -6px 12px 0px fade(@black, 12%);
        border-radius: 8px;
        padding: 20px;

        strong {
            color: @blue;
        }
    }

    .telepresence-choice-wrapper {
        border-bottom: solid 1px @grey-separator;
        column-gap: 60px;
        display: inline-grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 20px 0 50px;
        padding: 0 0 62px;
        width: 100%;

        .telepresence-choice {
            ol {
                li {
                    font-size: 14px;
                }
            }

            .get-started-button {
                background-color: @green;
                border-radius: 5px;
                color: @white;
                display: inline-flex;
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 24px;
                margin: 0 0 15px 5px;
                padding: 13px 20px;
                align-items: center;
                letter-spacing: 1.25px;
                text-decoration: none;
                text-transform: uppercase;
                transition: background-color 200ms linear 0ms;

                svg {
                    fill: @white;
                    height: 20px;
                    width: 20px;
                }

                &:hover {
                    background-color: @green-dark;
                    text-decoration: none;
                }
            }


            p {
                font-style: normal;
                font-weight: normal;
                font-size: 16px;
                line-height: 26px;
                letter-spacing: 0.5px;
            }
        }
    }

    .video-wrapper {
        display: flex;
        flex-direction: row;

        ul {
            li {
                font-size: 14px;
                margin: 0 10px 10px 0;
            }
        }

        div {
            &.video-container {
                flex: 1 1 70%;
                position: relative;
                width: 100%;
                padding-bottom: 39.375%;

                .video {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: 0;
                }
            }

            &.description {
                flex: 0 1 30%;
            }
        }
    }
}
<commit_msg>(from getambassador.io) docs/telepresence: Back out of a CSS change from telepresence.io<commit_after>@import '~@src/components/Layout/vars.less';

.doc-body .telepresence-quickstart-landing {
    font-family: @InterFont;
    color: @black;
    margin: 0 auto 140px;
    max-width: @docs-max-width;
    min-width: @docs-min-width;

    h1,
    h2 {
        color: @blue-dark;
        font-style: normal;
        font-weight: normal;
        letter-spacing: 0.25px;
    }

    h1 {
        font-size: 33px;
        line-height: 40px;

        svg {
            vertical-align: text-bottom;
        }
    }

    h2 {
        font-size: 23px;
        line-height: 33px;
        margin: 0 0 1rem;

        .highlight-mark {
            background: transparent;
            color: @blue-dark;
            background: -moz-linear-gradient(top,  transparent 0%, transparent 60%, fade(@blue-electric, 15%) 60%, fade(@blue-electric, 15%) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(60%,transparent), color-stop(60%,fade(@blue-electric, 15%)), color-stop(100%,fade(@blue-electric, 15%)));
            background: -webkit-linear-gradient(top,  transparent 0%,transparent 60%,fade(@blue-electric, 15%) 60%,fade(@blue-electric, 15%) 100%);
            background: -o-linear-gradient(top,  transparent 0%,transparent 60%,fade(@blue-electric, 15%) 60%,fade(@blue-electric, 15%) 100%);
            background: -ms-linear-gradient(top,  transparent 0%,transparent 60%,fade(@blue-electric, 15%) 60%,fade(@blue-electric, 15%) 100%);
            background: linear-gradient(to bottom,  transparent 0%,transparent 60%,fade(@blue-electric, 15%) 60%,fade(@blue-electric, 15%) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='fade(@blue-electric, 15%)',GradientType=0 );
            padding: 0 3px;
            margin: 0 .1em 0 0;
        }
    }

    .telepresence-choice {
        background: @white;
        border: 2px solid @grey-separator;
        box-shadow: -6px 12px 0px fade(@black, 12%);
        border-radius: 8px;
        padding: 20px;

        strong {
            color: @blue;
        }
    }

    .telepresence-choice-wrapper {
        border-bottom: solid 1px @grey-separator;
        column-gap: 60px;
        display: inline-grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 20px 0 50px;
        padding: 0 0 62px;
        width: 100%;

        .telepresence-choice {
            ol {
                li {
                    font-size: 14px;
                }
            }

            .get-started-button {
                background-color: @green;
                border-radius: 5px;
                color: @white;
                display: inline-flex;
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 24px;
                margin: 0 0 15px 5px;
                padding: 13px 20px;
                align-items: center;
                letter-spacing: 1.25px;
                text-decoration: none;
                text-transform: uppercase;
                transition: background-color 200ms linear 0ms;

                svg {
                    fill: @white;
                    height: 20px;
                    width: 20px;
                }

                &:hover {
                    background-color: @green-dark;
                    text-decoration: none;
                }
            }


            p {
                font-style: normal;
                font-weight: normal;
                font-size: 16px;
                line-height: 26px;
                letter-spacing: 0.5px;
            }
        }
    }

    .video-wrapper {
        display: flex;
        flex-direction: row;

        ul {
            li {
                font-size: 14px;
                margin: 0 10px 10px 0;
            }
        }

        div {
            &.video-container {
                flex: 1 1 70%;
                position: relative;
                width: 100%;
                padding-bottom: 39.375%;

                .video {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: 0;
                }
            }

            &.description {
                flex: 0 1 30%;
            }
        }
    }
}

{'fraction_non_alphanumeric': 0.11670968465940972, 'fraction_numerical': 0.044663898552351027, 'mean_word_length': 1.3190215977101223, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5309', 'n_tokens_mistral': 3022, 'n_tokens_neox': 2422, 'n_words': 557}