/*
 * Copyright (c) 2026 MOHAMMAD AZIM ANSARI. All Rights Reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the
 * "Software"), to use the Software for personal, educational, or other
 * non-commercial purposes, subject to the following conditions:
 *
 * -   The Software must not be used for any commercial purpose, including
 *     but not limited to selling, licensing, or incorporating it into a
 *     product or service for which payment or compensation is received.
 * -   The Software may be redistributed only in its original, unmodified,
 *     and complete form, provided that this copyright and license notice
 *     is included.
 * -   The Software must not be modified, sublicensed, or sold without
 *     prior written permission from the copyright holder.
 * -   The Software is provided solely in binary or compiled form unless
 *     otherwise explicitly stated.
 * -   All copyright and proprietary notices must be retained.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
 * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
 * IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 */

.flex-container {
    display: flex;
    height: 100%;
    flex-direction: row;
}

.left {
    width: 45%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right {
    width: 55%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tick-list {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
}

.tick-list li {
    position: relative;
    padding-left: 30px;
    margin: 10px 0;
}

.tick-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #2ecc71;
    font-weight: bold;
}

.implicit-param {
    background-color: lightgrey;
    font-size: small;
    border-radius: 4px;
    color: grey;
}

:root.theme-dark .token.implicit-param {
    background-color: rgb(100, 100, 100);
    color: rgb(181, 181, 181);
}

:root.theme-dark {
    --color-cd-builtin-alternative: #6a8759;
}

.get-started-btn {
    margin: 12px 24px;
    cursor: pointer;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    background-color: #D99E82;
}

.get-started-btn:hover {
    background-color: #C1694F;
}


@media (max-width: 786px) {
    .flex-container {
        flex-direction: column;
    }

    .left {
        width: 100%;
    }

    .right {
        width: 100%;
    }
}