@charset "UTF-8";
/*! Icons: Font Awesome Free 6.7.2, CC BY 4.0, Copyright Fonticons, Inc. https://fontawesome.com/license/free */

.mobile-app-access {
    width: min(516px, 100%);
    margin: 28px auto 0;
    color: rgb(var(--text-rgb));
    text-align: left;
}

.mobile-app-access__label {
    margin: 0 0 16px;
    color: rgb(var(--brand-rgb));
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.mobile-app-access__platforms {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 28px;
}

.mobile-app-access__apple {
    border-left: 1px solid rgb(var(--brand-rgb) / 0.24);
    padding-left: 28px;
}

.mobile-app-access__heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.mobile-app-access__icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    color: rgb(var(--brand-rgb));
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.mobile-app-access__icon--android {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20%28Icons%3A%20CC%20BY%204.0%2C%20Fonts%3A%20SIL%20OFL%201.1%2C%20Code%3A%20MIT%20License%29%20Copyright%202024%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M420.55%2C301.93a24%2C24%2C0%2C1%2C1%2C24-24%2C24%2C24%2C0%2C0%2C1-24%2C24m-265.1%2C0a24%2C24%2C0%2C1%2C1%2C24-24%2C24%2C24%2C0%2C0%2C1-24%2C24m273.7-144.48%2C47.94-83a10%2C10%2C0%2C1%2C0-17.27-10h0l-48.54%2C84.07a301.25%2C301.25%2C0%2C0%2C0-246.56%2C0L116.18%2C64.45a10%2C10%2C0%2C1%2C0-17.27%2C10h0l47.94%2C83C64.53%2C202.22%2C8.24%2C285.55%2C0%2C384H576c-8.24-98.45-64.54-181.78-146.85-226.55%22%2F%3E%3C%2Fsvg%3E');
}

.mobile-app-access__icon--apple {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20%28Icons%3A%20CC%20BY%204.0%2C%20Fonts%3A%20SIL%20OFL%201.1%2C%20Code%3A%20MIT%20License%29%20Copyright%202024%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M318.7%20268.7c-.2-36.7%2016.4-64.4%2050-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3%2020.7-88.5%2020.7-15%200-49.4-19.7-76.4-19.7C63.3%20141.2%204%20184.8%204%20273.5q0%2039.3%2014.4%2081.2c12.8%2036.7%2059%20126.7%20107.2%20125.2%2025.2-.6%2043-17.9%2075.8-17.9%2031.8%200%2048.3%2017.9%2076.4%2017.9%2048.6-.7%2090.4-82.5%20102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4%2024.8-61.9%2024-72.5-24.1%201.4-52%2016.4-67.9%2034.9-17.5%2019.8-27.8%2044.3-25.6%2071.9%2026.1%202%2049.9-11.4%2069.5-34.3z%22%2F%3E%3C%2Fsvg%3E');
}

.mobile-app-access__icon--download {
    width: 18px;
    height: 18px;
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20%28Icons%3A%20CC%20BY%204.0%2C%20Fonts%3A%20SIL%20OFL%201.1%2C%20Code%3A%20MIT%20License%29%20Copyright%202024%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M288%2032c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%20242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l128%20128c12.5%2012.5%2032.8%2012.5%2045.3%200l128-128c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L288%20274.7%20288%2032zM64%20352c-35.3%200-64%2028.7-64%2064l0%2032c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-32c0-35.3-28.7-64-64-64l-101.5%200-45.3%2045.3c-25%2025-65.5%2025-90.5%200L165.5%20352%2064%20352zm368%2056a24%2024%200%201%201%200%2048%2024%2024%200%201%201%200-48z%22%2F%3E%3C%2Fsvg%3E');
}

.mobile-app-access__download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    border: 1px solid rgb(var(--brand-rgb) / 0.72);
    border-radius: 999px;
    padding: 0 20px;
    color: rgb(var(--brand-rgb));
    background: rgb(var(--panel-rgb) / 0.3);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 160ms ease, border-color 160ms ease;
}

.mobile-app-access__download:hover {
    border-color: rgb(var(--brand-rgb));
    background: rgb(var(--brand-rgb) / 0.1);
}

.mobile-app-access__download:focus-visible {
    outline: 2px solid rgb(var(--brand-rgb));
    outline-offset: 4px;
}

.mobile-app-access__version {
    margin: 9px 0 0;
    color: rgb(var(--muted-rgb));
    font-size: 13px;
    line-height: 1.4;
}

.mobile-app-access__description {
    margin: 0;
    color: rgb(var(--muted-rgb));
    font-size: 16px;
    line-height: 1.6;
}

@media (max-width: 560px) {
    .mobile-app-access__label {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .mobile-app-access__platforms {
        gap: 16px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    }

    .mobile-app-access__apple {
        padding-left: 16px;
    }

    .mobile-app-access__heading {
        gap: 7px;
        font-size: 14px;
    }

    .mobile-app-access__icon {
        width: 20px;
        height: 20px;
    }

    .mobile-app-access__download {
        gap: 7px;
        padding: 0 14px;
        font-size: 14px;
    }

    .mobile-app-access__icon--download {
        width: 16px;
        height: 16px;
    }

    .mobile-app-access__version {
        font-size: 12px;
    }

    .mobile-app-access__description {
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    .mobile-app-access__platforms {
        grid-template-columns: 1fr;
    }

    .mobile-app-access__apple {
        border-top: 1px solid rgb(var(--brand-rgb) / 0.24);
        border-left: 0;
        padding: 16px 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-app-access__download {
        transition: none;
    }
}