/* R5 builds discovery. Card interiors are styled by the shared build-card sheet. */ body.mcf-azure.azure-builds-catalog > .page { grid-template-columns:minmax(0,1fr); } body.mcf-azure.azure-builds-catalog > .page > .sidebar { display:none; } body.mcf-azure.azure-builds-catalog .b5-catalog { --b5-ink:#0b244b; --b5-blue:#0954ff; --b5-muted:#597594; --b5-line:#d6e5f7; max-width:1264px; min-width:0; margin:0 auto; padding:0 0 25px; } body.mcf-azure.azure-builds-catalog .b5-catalog *, body.mcf-azure.azure-builds-catalog .b5-catalog *::before, body.mcf-azure.azure-builds-catalog .b5-catalog *::after { box-sizing:border-box; } body.mcf-azure.azure-builds-catalog .b5-catalog :is(a,button,input,select,summary):focus-visible { outline:3px solid #88b5ff; outline-offset:4px; } body.mcf-azure.azure-builds-catalog :is(.b5-hero,.b5-discovery,.b5-collections,.b5-tools,.b5-section-head,.b5-results-meta,.b5-help,.bld-empty) svg { width:20px; height:20px; flex:none; } body.mcf-azure.azure-builds-catalog .b5-catalog [hidden] { display:none!important; } body.mcf-azure.azure-builds-catalog .b5-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } body.mcf-azure.azure-builds-catalog .news-article__breadcrumb { margin:4px 0 14px; color:#58718f; font-size:11px; } body.mcf-azure.azure-builds-catalog .news-article__breadcrumb a { color:#587fac; } /* A decorative, locally hosted illustration; no model or viewer is loaded here. */ body.mcf-azure.azure-builds-catalog .b5-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); min-height:332px; isolation:isolate; margin:0 0 28px; overflow:hidden; border:1px solid #cae0fa; border-radius:22px; background:radial-gradient(ellipse at 87% 20%,#fff 0,transparent 48%),linear-gradient(115deg,#e8f5ff,#d3eaff 60%,#c9e5ff); box-shadow:0 10px 35px #26598d09; } body.mcf-azure.azure-builds-catalog .b5-hero::before { content:''; position:absolute; inset:auto -8% -112px 31%; height:210px; border-radius:50%; background:#ffffff70; transform:rotate(-8deg); z-index:-1; } body.mcf-azure.azure-builds-catalog .b5-hero-copy { position:relative; z-index:2; padding:32px 0 30px 34px; min-width:0; align-self:center; } body.mcf-azure.azure-builds-catalog .b5-hero-label { display:inline-flex; align-items:center; gap:7px; margin-bottom:12px; color:#1d61c4; font-size:11px; font-weight:800; } body.mcf-azure.azure-builds-catalog .b5-hero-label svg { width:17px; height:17px; } body.mcf-azure.azure-builds-catalog .b5-hero .news-article__title { max-width:680px; margin:0; color:#071f4e; font-family:var(--azure-hero-font,'Russo One'),Arial,sans-serif!important; font-size:clamp(28px,3.15vw,42px)!important; font-weight:400!important; letter-spacing:-.035em!important; line-height:1.14!important; text-shadow:none; } body.mcf-azure.azure-builds-catalog .b5-hero .bld-intro { max-width:555px; margin:14px 0 20px; color:#456b94; font-size:13px; line-height:1.65; } body.mcf-azure.azure-builds-catalog .b5-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:19px 0 17px; } body.mcf-azure.azure-builds-catalog .b5-button { display:inline-flex; justify-content:center; align-items:center; gap:9px; min-height:42px; padding:12px 17px; border:1px solid transparent; border-radius:9px; font:inherit; font-size:12px; font-weight:800; line-height:1.2; text-decoration:none; cursor:pointer; transition:background .18s ease,box-shadow .18s ease,transform .18s ease; } body.mcf-azure.azure-builds-catalog .b5-button--primary { background:#0954ff; color:#fff; box-shadow:0 5px 13px #0954ff25; } body.mcf-azure.azure-builds-catalog .b5-button--primary:hover { background:#0347e0; box-shadow:0 7px 18px #0954ff34; transform:translateY(-1px); } body.mcf-azure.azure-builds-catalog .b5-button--light { color:#1e4e8e; background:#ffffffd9; border-color:#bcd6f5; } body.mcf-azure.azure-builds-catalog .b5-button--light:hover { background:#fff; border-color:#92b9ed; } body.mcf-azure.azure-builds-catalog .b5-button svg { width:17px; height:17px; } body.mcf-azure.azure-builds-catalog .b5-hero-notes { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; color:#4d759e; font-size:10px; font-weight:650; } body.mcf-azure.azure-builds-catalog .b5-hero-notes>span { display:inline-flex; align-items:center; gap:5px; } body.mcf-azure.azure-builds-catalog .b5-hero-notes svg { width:14px; height:14px; color:#347fe3; } body.mcf-azure.azure-builds-catalog .b5-hero-art { position:relative; min-width:0; min-height:320px; display:flex; align-items:center; justify-content:center; margin:0 -12px 0 -28px; pointer-events:none; } body.mcf-azure.azure-builds-catalog .b5-hero-art img { position:relative; z-index:1; width:100%; height:100%; max-height:405px; object-fit:contain; filter:drop-shadow(0 22px 18px #23659319); } body.mcf-azure.azure-builds-catalog .b5-hero-halo { position:absolute; top:18%; right:5%; width:83%; aspect-ratio:1; max-height:300px; background:radial-gradient(ellipse,#ffffffef,#ffffff0a 70%); border-radius:50%; } /* Image navigation is server rendered. A native disclosure works without JavaScript. */ body.mcf-azure.azure-builds-catalog :is(.b5-discovery,.b5-collections) { margin:0 0 29px; } body.mcf-azure.azure-builds-catalog .b5-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:0 0 13px; } body.mcf-azure.azure-builds-catalog .b5-eyebrow { display:block; margin:0 0 5px; color:#58718f; font-size:10px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; } body.mcf-azure.azure-builds-catalog .b5-section-head h2, body.mcf-azure.azure-builds-catalog .b5-help h2 { margin:0; color:#102d57; font-family:var(--azure-heading-font,'Roboto Condensed'),Arial,sans-serif!important; font-size:29px; font-weight:800; line-height:1.12; letter-spacing:-.015em; } body.mcf-azure.azure-builds-catalog .b5-section-hint { color:#58718f; font-size:11px; padding-bottom:3px; } body.mcf-azure.azure-builds-catalog .b5-category-find { display:flex; align-items:center; gap:7px; width:216px; flex:none; min-height:36px; padding:0 11px; border:1px solid #d0e1f6; border-radius:8px; background:#ffffffd9; color:#78a0cc; } body.mcf-azure.azure-builds-catalog .b5-category-find svg { width:15px; height:15px; } body.mcf-azure.azure-builds-catalog .b5-category-find input[type=search] { min-width:0; width:100%; height:34px; padding:4px 0!important; border:0!important; border-radius:0; background:transparent!important; box-shadow:none!important; color:#3f648d!important; font-size:11px!important; } body.mcf-azure.azure-builds-catalog #b5-category-query { min-width:0!important; min-height:0!important; height:34px!important; padding:4px 0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.mcf-azure.azure-builds-catalog .b5-category-find:focus-within { outline:3px solid #88b5ff; outline-offset:3px; } body.mcf-azure.azure-builds-catalog #b5-category-query:focus-visible { outline:none!important; } body.mcf-azure.azure-builds-catalog .b5-category-browser { padding:0; border:0; background:transparent; } body.mcf-azure.azure-builds-catalog .b5-category-toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; color:#325982; background:#fff; border:1px solid #d8e5f7; border-radius:10px; list-style:none; cursor:pointer; font-size:12px; font-weight:750; } body.mcf-azure.azure-builds-catalog .b5-category-toggle::-webkit-details-marker { display:none; } body.mcf-azure.azure-builds-catalog .b5-category-current { display:inline-flex; align-items:center; gap:8px; min-width:0; } body.mcf-azure.azure-builds-catalog .b5-category-current svg { width:16px; height:16px; color:#3478d5; } body.mcf-azure.azure-builds-catalog .b5-category-toggle-copy { display:flex; align-items:center; gap:7px; flex:none; color:#0954ff; font-size:10px; } body.mcf-azure.azure-builds-catalog .b5-category-toggle-copy svg { width:15px; height:15px; transition:transform .2s ease; } body.mcf-azure.azure-builds-catalog .b5-category-browser .b5-when-open { display:none; } body.mcf-azure.azure-builds-catalog .b5-category-browser[open] .b5-when-closed { display:none; } body.mcf-azure.azure-builds-catalog .b5-category-browser[open] .b5-when-open { display:inline; } body.mcf-azure.azure-builds-catalog .b5-category-browser[open] .b5-category-toggle { margin-bottom:10px; padding:0 2px; background:transparent; border-color:transparent; border-radius:0; } body.mcf-azure.azure-builds-catalog .b5-category-browser[open] .b5-category-toggle-copy svg { transform:rotate(180deg); } body.mcf-azure.azure-builds-catalog .b5-category-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; } body.mcf-azure.azure-builds-catalog .b5-category-card { position:relative; display:block; min-width:0; overflow:hidden; border:1px solid #d7e5f7; border-radius:12px; background:#fff; color:#153d6b; text-decoration:none; box-shadow:0 3px 12px #28528406; transform:perspective(700px) rotateX(var(--b5-rotate-x,0deg)) rotateY(var(--b5-rotate-y,0deg)); transition:border-color .2s ease,box-shadow .2s ease,transform .24s ease; } body.mcf-azure.azure-builds-catalog .b5-category-picture { position:relative; display:block; height:96px; overflow:hidden; background:#eaf4ff; } body.mcf-azure.azure-builds-catalog .b5-category-picture img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s cubic-bezier(.2,.6,.3,1); } body.mcf-azure.azure-builds-catalog .b5-category-picture>svg { position:absolute; top:9px; left:9px; width:23px; height:23px; padding:4px; border-radius:5px; background:#ffffffe8; color:#1e65c9; } body.mcf-azure.azure-builds-catalog .b5-category-card--all .b5-category-picture { background:radial-gradient(ellipse at 65% 20%,#fff,#cfe6ff); } body.mcf-azure.azure-builds-catalog .b5-category-card--all img { object-fit:contain; } body.mcf-azure.azure-builds-catalog .b5-category-caption { display:block; padding:10px 11px 11px; } body.mcf-azure.azure-builds-catalog .b5-category-caption strong { display:block; color:#193b66; font-family:var(--azure-heading-font,'Roboto Condensed'),Arial,sans-serif; font-size:19px; font-weight:800; line-height:1.05; overflow-wrap:anywhere; } body.mcf-azure.azure-builds-catalog .b5-category-caption>span { display:block; margin-top:5px; color:#597594; font-size:10px; line-height:1.3; } body.mcf-azure.azure-builds-catalog .b5-category-card.is-active { border-color:#3b79ff; box-shadow:0 0 0 1px #3b79ff,0 5px 17px #0954ff0d; } body.mcf-azure.azure-builds-catalog .b5-category-card.is-active .b5-category-caption { background:#eef5ff; } body.mcf-azure.azure-builds-catalog .b5-category-card.is-active .b5-category-caption strong { color:#0954ff; } body.mcf-azure.azure-builds-catalog .b5-category-selected { position:absolute; top:8px; right:8px; display:flex; align-items:center; justify-content:center; width:23px; height:23px; border:2px solid #fff; border-radius:50%; color:#fff; background:#0954ff; box-shadow:0 2px 6px #16498b24; } body.mcf-azure.azure-builds-catalog .b5-category-selected svg { width:13px; height:13px; stroke-width:2.4; } body.mcf-azure.azure-builds-catalog .b5-category-empty { margin:12px 0 0; padding:19px; border:1px dashed #c5d9f1; border-radius:10px; color:#58718f; font-size:13px; text-align:center; background:#ffffffa6; } body.mcf-azure.azure-builds-catalog .b5-collection-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:13px; } body.mcf-azure.azure-builds-catalog .b5-collection-card { position:relative; display:block; isolation:isolate; min-width:0; height:172px; overflow:hidden; border:1px solid #bcd3ef; border-radius:13px; background:#2d5578; color:#fff; text-decoration:none; box-shadow:0 5px 16px #1f4c7915; transform:perspective(700px) rotateX(var(--b5-rotate-x,0deg)) rotateY(var(--b5-rotate-y,0deg)); transition:border-color .2s ease,box-shadow .2s ease,transform .24s ease; } body.mcf-azure.azure-builds-catalog .b5-collection-card::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#071b301a 5%,#0a203300 24%,#071d45d9 100%); } body.mcf-azure.azure-builds-catalog .b5-collection-card>img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.6,.3,1); } body.mcf-azure.azure-builds-catalog .b5-collection-count { position:absolute; top:11px; left:11px; display:inline-flex; padding:5px 7px; border:1px solid #ffffff4d; border-radius:5px; color:#fff; background:#073065c4; backdrop-filter:blur(4px); font-size:9px; font-weight:750; } body.mcf-azure.azure-builds-catalog .b5-collection-caption { position:absolute; inset:auto 13px 14px; display:flex; align-items:flex-end; justify-content:space-between; gap:7px; } body.mcf-azure.azure-builds-catalog .b5-collection-caption strong { color:#fff; font-family:var(--azure-heading-font,'Roboto Condensed'),Arial,sans-serif; font-size:23px; font-weight:800; line-height:1.06; text-shadow:0 1px 6px #041b3640; } body.mcf-azure.azure-builds-catalog .b5-collection-arrow { display:flex; justify-content:center; align-items:center; flex:none; width:25px; height:25px; border:1px solid #ffffff60; border-radius:7px; color:#fff; background:#ffffff20; transition:background .2s ease; } body.mcf-azure.azure-builds-catalog .b5-collection-arrow svg { width:16px; height:16px; } body.mcf-azure.azure-builds-catalog .b5-collection-card.is-active { border-color:#0954ff; box-shadow:0 0 0 2px #0954ff; } /* The existing query/sort form and paginated results retain their GET contract. */ body.mcf-azure.azure-builds-catalog :is(.b5-tools,.b5-category-find) input::placeholder { color:#597594!important; opacity:1; } body.mcf-azure.azure-builds-catalog .b5-results { scroll-margin-top:25px; margin-top:32px; } body.mcf-azure.azure-builds-catalog .b5-results-head h2 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; } body.mcf-azure.azure-builds-catalog .b5-total { display:inline-flex; align-items:center; min-height:26px; padding:5px 8px; background:#dfeeff; color:#467cbb; border-radius:6px; font:700 12px/1 var(--font-body,'Nunito'),Arial,sans-serif; } body.mcf-azure.azure-builds-catalog .b5-subscription-link { display:inline-flex; align-items:center; gap:7px; flex:none; padding-bottom:3px; color:#346ebf; font-size:11px; font-weight:750; text-decoration:none; } body.mcf-azure.azure-builds-catalog .b5-subscription-link svg { width:15px; height:15px; } body.mcf-azure.azure-builds-catalog .b5-tools { display:grid; grid-template-columns:minmax(0,1fr) 240px 125px; gap:13px; padding:17px 18px; margin:0; border:1px solid #d4e3f7; border-radius:12px; background:#fff; box-shadow:0 4px 18px #29567f05; } body.mcf-azure.azure-builds-catalog .b5-tools label { min-width:0; display:flex; flex-direction:column; gap:7px; color:#597594; font-size:10px; font-weight:800; } body.mcf-azure.azure-builds-catalog .b5-input-wrap { position:relative; display:block; } body.mcf-azure.azure-builds-catalog .b5-input-wrap>svg { position:absolute; z-index:1; top:50%; left:13px; transform:translateY(-50%); width:17px; height:17px; color:#83a2c8; pointer-events:none; } body.mcf-azure.azure-builds-catalog .b5-tools :is(input[type=search],select) { width:100%; height:43px; min-width:0; padding:11px 12px!important; border:1px solid #cbdcf3!important; border-radius:8px; background:#f8fbff!important; color:#33577d!important; font:inherit; font-size:12px; font-weight:650; } body.mcf-azure.azure-builds-catalog .b5-tools input[type=search] { padding-left:39px!important; } body.mcf-azure.azure-builds-catalog .b5-tools button { align-self:end; display:flex; align-items:center; justify-content:center; gap:12px; min-height:43px; padding:12px 17px; border:1px solid #0954ff; border-radius:8px; background:#0954ff; color:#fff; font-size:12px; font-weight:850; cursor:pointer; } body.mcf-azure.azure-builds-catalog .b5-tools button:hover { background:#0645db; } body.mcf-azure.azure-builds-catalog .b5-tools button svg { width:17px; height:17px; } body.mcf-azure.azure-builds-catalog .b5-results-meta { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:14px 0; } body.mcf-azure.azure-builds-catalog .bld-count { margin:0; color:#58718f; font-size:11px; line-height:1.5; } body.mcf-azure.azure-builds-catalog .bld-count>span { display:inline-block; margin:0 4px; color:#a7bdd4; } body.mcf-azure.azure-builds-catalog .bld-count a { color:#0954ff; text-decoration:none; font-weight:750; } body.mcf-azure.azure-builds-catalog .b5-preview-note { display:inline-flex; align-items:center; gap:6px; color:#58718f; font-size:10px; } body.mcf-azure.azure-builds-catalog .b5-preview-note svg { width:14px; height:14px; color:#548acc; } body.mcf-azure.azure-builds-catalog .b5-results .bld-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; } body.mcf-azure.azure-builds-catalog .bld-flash { margin:0 0 16px; border-color:#b6d9ef; color:#326e91; background:#edf8ff; font-size:13px; } body.mcf-azure.azure-builds-catalog .bld-empty { padding:42px 20px; color:#597594; background:#ffffffb3; border:1px dashed #bbd2ee; border-radius:13px; } body.mcf-azure.azure-builds-catalog .b5-empty-icon { display:flex; align-items:center; justify-content:center; width:50px; height:50px; margin:0 auto 14px; border-radius:14px; background:#e9f3ff; color:#6097da; } body.mcf-azure.azure-builds-catalog .b5-empty-icon svg { width:25px; height:25px; } body.mcf-azure.azure-builds-catalog .bld-empty h3 { margin:0 0 8px; color:#31547b; font-family:var(--azure-heading-font,'Roboto Condensed'),Arial,sans-serif; font-size:25px; } body.mcf-azure.azure-builds-catalog .bld-empty p { font-size:13px; margin:0 0 18px; } body.mcf-azure.azure-builds-catalog .bld-pag { margin-top:25px; } body.mcf-azure.azure-builds-catalog .pg-nav { gap:7px; margin:0; font-size:12px; } body.mcf-azure.azure-builds-catalog .pg-link { min-width:39px; height:39px; padding:0 13px; background:#fff; color:#47709f; border:1px solid #cbdff7; border-radius:8px; } body.mcf-azure.azure-builds-catalog .pg-link.pg-current { color:#fff; border-color:#0954ff; background:#0954ff; box-shadow:0 3px 9px #0954ff1c; } body.mcf-azure.azure-builds-catalog .pg-link:hover:not(.pg-disabled):not(.pg-current) { background:#edf4ff; color:#0954ff; border-color:#97bdf2; } body.mcf-azure.azure-builds-catalog .b5-help { margin:35px 0 0; padding:26px; color:#416385; background:linear-gradient(125deg,#fff,#f7fbff); border:1px solid #cfe1f7; border-radius:15px; box-shadow:0 6px 20px #2b527b04; } body.mcf-azure.azure-builds-catalog .b5-help-intro { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:50px; } body.mcf-azure.azure-builds-catalog .b5-help p { color:#597594; font-size:12px; line-height:1.7; margin:12px 0 0; } body.mcf-azure.azure-builds-catalog .b5-steps { display:grid; gap:13px; list-style:none; padding:0; margin:0; } body.mcf-azure.azure-builds-catalog .b5-steps li { display:flex; align-items:flex-start; gap:11px; } body.mcf-azure.azure-builds-catalog .b5-steps li>span { display:flex; align-items:center; justify-content:center; flex:none; width:29px; height:29px; border:1px solid #d1e2fb; border-radius:9px; background:#edf5ff; color:#2870d4; font-family:var(--azure-heading-font,'Roboto Condensed'),Arial,sans-serif; font-size:17px; font-weight:800; } body.mcf-azure.azure-builds-catalog .b5-steps strong { display:block; color:#345a83; font-size:12px; line-height:1.3; } body.mcf-azure.azure-builds-catalog .b5-steps p { margin:3px 0 0; font-size:10px; line-height:1.5; } body.mcf-azure.azure-builds-catalog .b5-help-questions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:13px; margin:22px 0; } body.mcf-azure.azure-builds-catalog .b5-help-questions details { padding:0 13px; background:#f5f9ff; border:1px solid #d8e6f7; border-radius:9px; } body.mcf-azure.azure-builds-catalog .b5-help-questions summary { display:flex; align-items:center; justify-content:space-between; gap:9px; padding:13px 0; color:#466b95; font-size:11px; font-weight:800; line-height:1.4; cursor:pointer; list-style:none; } body.mcf-azure.azure-builds-catalog .b5-help-questions summary::-webkit-details-marker { display:none; } body.mcf-azure.azure-builds-catalog .b5-help-questions summary svg { width:15px; height:15px; color:#739bd0; transition:transform .2s ease; } body.mcf-azure.azure-builds-catalog .b5-help-questions details[open] summary svg { transform:rotate(180deg); } body.mcf-azure.azure-builds-catalog .b5-help-questions details p { margin:0 0 14px; font-size:11px; } body.mcf-azure.azure-builds-catalog .b5-help-actions { display:flex; flex-wrap:wrap; align-items:center; margin:0; gap:9px; padding-top:19px; border-top:1px solid #e0eafa; } body.mcf-azure.azure-builds-catalog .b5-help-actions a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:39px; padding:11px 15px; border:1px solid #c8dcf7; border-radius:8px; color:#3f73b3; font-size:11px; font-weight:800; line-height:1.2; background:#fff; text-decoration:none; } body.mcf-azure.azure-builds-catalog .b5-help-actions .bld-premium { background:#0954ff; border-color:#0954ff; color:#fff; } body.mcf-azure.azure-builds-catalog .b5-help-actions .bld-earn { margin-left:auto; border-color:transparent; background:transparent; } body.mcf-azure.azure-builds-catalog .b5-help-actions svg { width:15px; height:15px; } @media(hover:hover) and (pointer:fine) { body.mcf-azure.azure-builds-catalog .b5-category-card:hover { border-color:#80aff6; box-shadow:0 8px 24px #0954ff17; } body.mcf-azure.azure-builds-catalog .b5-category-card:hover .b5-category-picture img { transform:scale(1.075) translateY(-2px); } body.mcf-azure.azure-builds-catalog .b5-collection-card:hover { border-color:#5e9af2; box-shadow:0 10px 24px #174b8d26; } body.mcf-azure.azure-builds-catalog .b5-collection-card:hover>img { transform:scale(1.065); } body.mcf-azure.azure-builds-catalog .b5-collection-card:hover .b5-collection-arrow { background:#0954ff; border-color:#0954ff; } } @media(max-width:1100px) { body.mcf-azure.azure-builds-catalog .b5-hero-copy { padding:28px 0 25px 27px; } body.mcf-azure.azure-builds-catalog .b5-hero .news-article__title { font-size:35px!important; } body.mcf-azure.azure-builds-catalog .b5-hero-art { margin-left:-18px; } body.mcf-azure.azure-builds-catalog .b5-category-grid { gap:10px; } body.mcf-azure.azure-builds-catalog .b5-category-picture { height:84px; } body.mcf-azure.azure-builds-catalog .b5-category-caption { padding:9px; } body.mcf-azure.azure-builds-catalog .b5-category-caption strong { font-size:17px; } body.mcf-azure.azure-builds-catalog .b5-collection-grid { gap:10px; } body.mcf-azure.azure-builds-catalog .b5-collection-card { height:157px; } body.mcf-azure.azure-builds-catalog .b5-collection-caption { inset:auto 10px 12px; } body.mcf-azure.azure-builds-catalog .b5-collection-caption strong { font-size:21px; } body.mcf-azure.azure-builds-catalog .b5-results .bld-grid { gap:13px; } } @media(max-width:850px) { body.mcf-azure.azure-builds-catalog .b5-hero { grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); min-height:318px; } body.mcf-azure.azure-builds-catalog .b5-hero .news-article__title { font-size:31px!important; } body.mcf-azure.azure-builds-catalog .b5-hero-copy { padding-left:23px; } body.mcf-azure.azure-builds-catalog .b5-hero-art { margin:0 -50px 0 -30px; } body.mcf-azure.azure-builds-catalog .b5-hero .bld-intro { font-size:12px; } body.mcf-azure.azure-builds-catalog .b5-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } body.mcf-azure.azure-builds-catalog .b5-category-picture { height:88px; } body.mcf-azure.azure-builds-catalog .b5-collection-grid { grid-template-columns:none; grid-auto-columns:calc((100% - 24px)/3.2); grid-auto-flow:column; gap:12px; overflow-x:auto; padding:2px 2px 11px; margin:-2px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#b7d0f1 transparent; } body.mcf-azure.azure-builds-catalog .b5-collection-card { scroll-snap-align:start; height:166px; } body.mcf-azure.azure-builds-catalog .b5-section-hint { display:none; } body.mcf-azure.azure-builds-catalog .b5-tools { grid-template-columns:minmax(0,1fr) 200px 100px; gap:10px; padding:15px; } body.mcf-azure.azure-builds-catalog .b5-results .bld-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } body.mcf-azure.azure-builds-catalog .b5-help-intro { gap:27px; } } @media(max-width:600px) { body.mcf-azure.azure-builds-catalog .news-article__breadcrumb { margin:3px 0 11px; font-size:10px; } body.mcf-azure.azure-builds-catalog .b5-hero { display:flex; flex-direction:column; min-height:0; margin:0 0 23px; border-radius:16px; } body.mcf-azure.azure-builds-catalog .b5-hero-copy { width:100%; padding:24px 20px 0; align-self:auto; } body.mcf-azure.azure-builds-catalog .b5-hero-label { margin-bottom:10px; font-size:10px; } body.mcf-azure.azure-builds-catalog .b5-hero .news-article__title { font-size:30px!important; line-height:1.12!important; letter-spacing:-.025em!important; } body.mcf-azure.azure-builds-catalog .b5-hero .bld-intro { margin:12px 0 17px; font-size:12px; line-height:1.6; } body.mcf-azure.azure-builds-catalog .b5-hero-actions { gap:7px; margin:16px 0 13px; } body.mcf-azure.azure-builds-catalog .b5-button { min-height:40px; padding:11px 12px; gap:7px; font-size:10px; border-radius:8px; } body.mcf-azure.azure-builds-catalog .b5-button svg { width:15px; height:15px; } body.mcf-azure.azure-builds-catalog .b5-hero-notes { gap:7px 12px; font-size:9px; } body.mcf-azure.azure-builds-catalog .b5-hero-notes svg { width:12px; height:12px; } body.mcf-azure.azure-builds-catalog .b5-hero-art { align-self:center; width:100%; height:190px; min-height:0; margin:0 -5px; } body.mcf-azure.azure-builds-catalog .b5-hero-art img { max-height:190px; width:100%; height:190px; object-position:center; } body.mcf-azure.azure-builds-catalog .b5-hero-halo { inset:0 14%; width:72%; height:180px; } body.mcf-azure.azure-builds-catalog .b5-section-head { gap:10px; margin-bottom:12px; align-items:center; } body.mcf-azure.azure-builds-catalog .b5-eyebrow { font-size:9px; margin-bottom:4px; } body.mcf-azure.azure-builds-catalog .b5-section-head h2, body.mcf-azure.azure-builds-catalog .b5-help h2 { font-size:25px; line-height:1.1; } body.mcf-azure.azure-builds-catalog .b5-discovery .b5-section-head { flex-wrap:wrap; } body.mcf-azure.azure-builds-catalog .b5-category-find { width:100%; min-height:35px; } body.mcf-azure.azure-builds-catalog .b5-category-find input[type=search] { height:34px; font-size:11px!important; } body.mcf-azure.azure-builds-catalog .b5-category-toggle { padding:11px; gap:7px; font-size:11px; } body.mcf-azure.azure-builds-catalog .b5-category-toggle-copy { gap:4px; font-size:9px; } body.mcf-azure.azure-builds-catalog .b5-category-current { gap:6px; } body.mcf-azure.azure-builds-catalog .b5-category-current svg { width:14px; height:14px; } body.mcf-azure.azure-builds-catalog .b5-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } body.mcf-azure.azure-builds-catalog .b5-category-card { border-radius:9px; } body.mcf-azure.azure-builds-catalog .b5-category-picture { height:66px; } body.mcf-azure.azure-builds-catalog .b5-category-caption { padding:8px 8px 9px; } body.mcf-azure.azure-builds-catalog .b5-category-caption strong { font-size:16px; line-height:1.05; } body.mcf-azure.azure-builds-catalog .b5-category-caption>span { margin-top:4px; font-size:9px; } body.mcf-azure.azure-builds-catalog .b5-category-selected { width:20px; height:20px; top:6px; right:6px; } body.mcf-azure.azure-builds-catalog .b5-category-selected svg { width:11px; height:11px; } body.mcf-azure.azure-builds-catalog :is(.b5-discovery,.b5-collections) { margin-bottom:24px; } body.mcf-azure.azure-builds-catalog .b5-collection-grid { grid-auto-columns:calc((100% - 10px)/2.12); gap:10px; padding-bottom:9px; } body.mcf-azure.azure-builds-catalog .b5-collection-card { height:154px; border-radius:10px; } body.mcf-azure.azure-builds-catalog .b5-collection-count { top:9px; left:9px; padding:4px 6px; font-size:8px; } body.mcf-azure.azure-builds-catalog .b5-collection-caption { inset:auto 10px 11px; gap:5px; } body.mcf-azure.azure-builds-catalog .b5-collection-caption strong { font-size:21px; } body.mcf-azure.azure-builds-catalog .b5-collection-arrow { width:22px; height:22px; border-radius:6px; } body.mcf-azure.azure-builds-catalog .b5-collection-arrow svg { width:13px; height:13px; } body.mcf-azure.azure-builds-catalog .b5-results { margin-top:26px; scroll-margin-top:18px; } body.mcf-azure.azure-builds-catalog .b5-results-head { align-items:flex-end; flex-wrap:wrap; } body.mcf-azure.azure-builds-catalog .b5-results-head h2 { gap:7px; } body.mcf-azure.azure-builds-catalog .b5-total { padding:4px 6px; font-size:10px; min-height:23px; } body.mcf-azure.azure-builds-catalog .b5-subscription-link { font-size:10px; } body.mcf-azure.azure-builds-catalog .b5-tools { grid-template-columns:minmax(0,1fr) 97px; padding:13px; gap:11px 9px; border-radius:10px; } body.mcf-azure.azure-builds-catalog .b5-tools .b5-search-label { grid-column:1/-1; } body.mcf-azure.azure-builds-catalog .b5-tools label { gap:6px; font-size:10px; } body.mcf-azure.azure-builds-catalog .b5-tools :is(input[type=search],select) { height:42px; font-size:11px; } body.mcf-azure.azure-builds-catalog .b5-tools button { min-height:42px; padding:11px 12px; gap:7px; font-size:11px; } body.mcf-azure.azure-builds-catalog .b5-results-meta { flex-direction:column; align-items:flex-start; gap:6px; margin:13px 0; } body.mcf-azure.azure-builds-catalog .bld-count { font-size:10px; } body.mcf-azure.azure-builds-catalog .b5-preview-note { font-size:9px; } body.mcf-azure.azure-builds-catalog .b5-results .bld-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } body.mcf-azure.azure-builds-catalog .pg-nav { gap:5px; } body.mcf-azure.azure-builds-catalog .pg-link { min-width:33px; height:35px; padding:0 9px; font-size:11px; } body.mcf-azure.azure-builds-catalog .b5-help { margin-top:28px; padding:20px 16px; border-radius:12px; } body.mcf-azure.azure-builds-catalog .b5-help-intro { grid-template-columns:minmax(0,1fr); gap:21px; } body.mcf-azure.azure-builds-catalog .b5-help p { margin-top:10px; font-size:11px; } body.mcf-azure.azure-builds-catalog .b5-steps { gap:13px; } body.mcf-azure.azure-builds-catalog .b5-steps p { font-size:10px; margin-top:3px; } body.mcf-azure.azure-builds-catalog .b5-help-questions { grid-template-columns:minmax(0,1fr); gap:9px; margin:20px 0; } body.mcf-azure.azure-builds-catalog .b5-help-actions { gap:8px; padding-top:17px; } body.mcf-azure.azure-builds-catalog .b5-help-actions a { font-size:10px; padding:10px 11px; } body.mcf-azure.azure-builds-catalog .b5-help-actions .bld-premium { flex-basis:100%; } body.mcf-azure.azure-builds-catalog .b5-help-actions .bld-earn { margin-left:0; } } @media(prefers-reduced-motion:reduce) { body.mcf-azure.azure-builds-catalog .b5-catalog *, body.mcf-azure.azure-builds-catalog .b5-catalog *::before, body.mcf-azure.azure-builds-catalog .b5-catalog *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } body.mcf-azure.azure-builds-catalog :is(.b5-category-card,.b5-collection-card), body.mcf-azure.azure-builds-catalog .b5-category-card:hover .b5-category-picture img, body.mcf-azure.azure-builds-catalog .b5-collection-card:hover>img { transform:none!important; } } /* R6: illustrated world discovery and an optional desktop list view. */ body.mcf-azure.azure-builds-catalog .b6-catalog { --b6-accent:#0753ff; --b6-ink:#0b254b; --b6-muted:#4c698b; } body.mcf-azure.azure-builds-catalog .b6-hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:356px; border:1px solid #c0dbfa; border-radius:24px; margin-bottom:30px; background:radial-gradient(ellipse at 72% 36%,#fff 0,#ffffff00 46%),linear-gradient(118deg,#f4faff 8%,#e3f2ff 58%,#d1eaff); box-shadow:0 14px 45px #39629b0b; } body.mcf-azure.azure-builds-catalog .b6-hero::before { inset:0 0 0 42%; height:auto; border-radius:0; transform:none; opacity:.65; background-image:linear-gradient(#5ba1e314 1px,transparent 1px),linear-gradient(90deg,#5ba1e314 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(90deg,transparent,#000 50%); } body.mcf-azure.azure-builds-catalog .b6-hero::after { content:''; position:absolute; bottom:0; left:40px; width:130px; height:4px; background:#0954ff; border-radius:4px 4px 0 0; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-copy { padding:35px 0 35px 40px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-label { gap:7px; padding:7px 10px; margin-bottom:16px; border:1px solid #c5dffa; border-radius:6px; background:#ffffffb3; color:#155db5; font-size:10px; } body.mcf-azure.azure-builds-catalog .b6-hero .news-article__title { max-width:590px; font-size:clamp(32px,3.55vw,48px)!important; line-height:1.08!important; letter-spacing:-.035em!important; } body.mcf-azure.azure-builds-catalog .b6-hero .bld-intro { max-width:535px; margin:17px 0 21px; font-size:13px; color:#456387; line-height:1.65; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-actions { margin:21px 0 19px; gap:9px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-button { min-height:45px; border-radius:9px; padding:13px 17px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-notes { font-size:9px; gap:8px 16px; color:#45678d; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-art { align-self:stretch; min-height:330px; margin:0 4px 0 -20px; padding:6px 0 13px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-art img { max-height:390px; filter:drop-shadow(0 23px 18px #2365931c); } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-halo { top:13%; right:3%; width:90%; max-height:335px; background:radial-gradient(ellipse,#fff,#ffffffa3 46%,#ffffff00 72%); } body.mcf-azure.azure-builds-catalog .b6-hero-orbit { position:absolute; width:70%; aspect-ratio:1; border:1px solid #62a1e126; border-radius:50%; transform:rotateX(65deg); bottom:-16%; left:16%; } body.mcf-azure.azure-builds-catalog .b6-hero-coordinate { position:absolute; z-index:2; bottom:19px; right:26px; padding:5px 8px; border:1px solid #b8d7f2; background:#ffffffb8; color:#496888; border-radius:5px; font:500 9px/1.2 Rubik,Arial,sans-serif; } /* Each category is a small illustrated world, never a fake material preview. */ body.mcf-azure.azure-builds-catalog .b6-catalog .b5-section-head { margin-bottom:17px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-eyebrow { color:#48678c; font-size:9px; letter-spacing:.08em; margin-bottom:6px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-section-head h2 { font-size:31px; line-height:1.08; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-find { background:#f8fcff; border-radius:9px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-grid { gap:13px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card { --b6-tile:#e7f2ff; border:1px solid #d3e3f5; border-radius:15px; box-shadow:0 4px 12px #20497906; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture { height:126px; background:radial-gradient(ellipse at 50% 28%,#fff,var(--b6-tile)); overflow:visible; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture::after { content:''; position:absolute; width:54%; height:13px; left:23%; bottom:5px; border-radius:50%; background:#183d7712; filter:blur(4px); z-index:0; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture img { position:relative; z-index:1; height:100%!important; padding:7px 13px 1px; object-fit:contain; filter:drop-shadow(0 7px 4px #17497a14); transform-origin:center 82%; } /* Override mobile-fix.css's #main-content img height:auto!important. */ body.mcf-azure.azure-builds-catalog #main-content .b5-category-picture img { height:100%!important; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture>svg { z-index:2; width:20px; height:20px; top:9px; left:9px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption { min-height:66px; padding:12px 13px; border-top:1px solid #dae8f56b; background:#fff; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption strong { color:#12335f; font-size:20px; line-height:1.07; overflow-wrap:normal; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption>span { margin-top:6px; color:#516c8d; font-size:10px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=doma] { --b6-tile:#e0f0da; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=zamki] { --b6-tile:#e4e1ff; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=bashni] { --b6-tile:#deecff; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=fermy] { --b6-tile:#fbefce; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=transport] { --b6-tile:#e5eaf1; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=raznoe] { --b6-tile:#e9dffc; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=arenas] { --b6-tile:#ffe3d0; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=xramy] { --b6-tile:#fff0d4; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=piksel] { --b6-tile:#ffdcf0; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=gorod] { --b6-tile:#daeeee; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card[data-b6-category=razvlech] { --b6-tile:#fce4ee; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card.is-active { border-color:#286cff; box-shadow:0 0 0 1px #286cff,0 7px 20px #0954ff14; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card.is-active .b5-category-caption { background:#edf4ff; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-selected { z-index:3; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-browser[open] .b5-category-toggle { margin-bottom:12px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collections { margin-top:30px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-card { height:206px; border:1px solid #b6cceb; border-radius:15px; box-shadow:0 7px 18px #163e6612; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-card::after { background:linear-gradient(180deg,#0a254818,transparent 18%,#0521476e 48%,#061d3bef 100%); } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-count { top:12px; left:12px; padding:5px 8px; border:1px solid #ffffff73; background:#fff; color:#153958; font-size:9px; border-radius:6px; backdrop-filter:none; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-caption { inset:auto 13px 15px; gap:8px; } body.mcf-azure.azure-builds-catalog .b6-collection-copy { min-width:0; display:flex; flex-direction:column; gap:8px; } body.mcf-azure.azure-builds-catalog .b6-collection-copy>strong { display:block; font-size:24px; line-height:1.06; } body.mcf-azure.azure-builds-catalog .b6-collection-copy>span { display:block; color:#e0edff; font-size:9px; line-height:1.45; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-arrow { width:29px; height:29px; border:1px solid #ffffffa3; border-radius:8px; background:#ffffff26; } /* The search presets are normal, bookmarkable GET links. */ body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results { margin-top:36px; padding-top:23px; border-top:1px solid #c9def4; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-tools { border:1px solid #bed7f5; background:linear-gradient(120deg,#fff,#f5faff); box-shadow:0 5px 20px #28547c06; border-radius:14px; } body.mcf-azure.azure-builds-catalog .b6-quick-search { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:12px; font-size:11px; } body.mcf-azure.azure-builds-catalog .b6-quick-search>span { margin-right:3px; color:#4c6a8b; } body.mcf-azure.azure-builds-catalog .b6-quick-search a { display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:6px 10px; border:1px solid #d0e1f7; border-radius:7px; background:#fff; color:#285d9a; text-decoration:none; line-height:1.2; transition:background .18s,border-color .18s; } body.mcf-azure.azure-builds-catalog .b6-quick-search a svg { width:12px; height:12px; } body.mcf-azure.azure-builds-catalog .b6-quick-search a:hover { border-color:#90b7ee; background:#edf4ff; } body.mcf-azure.azure-builds-catalog .b6-quick-search a[aria-current=true] { border-color:#0954ff; color:#fff; background:#0954ff; } body.mcf-azure.azure-builds-catalog .b6-quick-search .b6-clear-search { color:#416181; margin-left:auto; border-color:transparent; background:transparent; } body.mcf-azure.azure-builds-catalog .b6-clear-search>span { font-size:19px; line-height:.8; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results-meta { margin:16px 0; min-height:36px; } body.mcf-azure.azure-builds-catalog .b6-results-display { display:flex; align-items:center; justify-content:flex-end; gap:15px; } body.mcf-azure.azure-builds-catalog .b6-view-toggle { display:none; align-items:center; padding:3px; gap:2px; border:1px solid #c9dff6; border-radius:9px; background:#fff; } body.mcf-azure.azure-builds-catalog .b6-view-toggle button { display:flex; align-items:center; justify-content:center; width:33px; height:30px; min-height:0; padding:6px; margin:0; border:0; border-radius:6px; color:#4e7098; background:transparent; box-shadow:none; cursor:pointer; } body.mcf-azure.azure-builds-catalog .b6-view-toggle button svg { width:18px; height:18px; } body.mcf-azure.azure-builds-catalog .b6-view-toggle button[aria-pressed=true] { color:#fff; background:#0954ff; } body.mcf-azure.azure-builds-catalog .b6-view-toggle button:hover:not([aria-pressed=true]) { color:#0954ff; background:#edf4ff; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results .bld-grid { gap:19px; } body.mcf-azure.azure-builds-catalog .b6-catalog .bld-card.azure-build-card { border-radius:15px; border-color:#cfdef1; box-shadow:0 5px 15px #1238590a; } body.mcf-azure.azure-builds-catalog .b6-catalog .azure-build-card .azure-build-card__body { padding:15px; gap:11px; } body.mcf-azure.azure-builds-catalog .b6-catalog .azure-build-card .bld-body h3 { font-size:22px; } @media(min-width:700px) { body.mcf-azure.azure-builds-catalog .b6-view-toggle { display:inline-flex; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results .bld-grid[data-b6-view=list] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .bld-card.azure-build-card { display:grid; grid-template-columns:minmax(145px,.85fr) minmax(0,1.4fr); min-height:190px; } body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .azure-build-card__cover { height:100%; min-height:190px; aspect-ratio:auto; } body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .azure-build-card__cover img { min-height:190px; } body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .azure-build-card .bld-body h3 { font-size:21px; } body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .azure-build-card__premium { max-width:calc(100% - 14px); top:7px; right:7px; font-size:9px; } body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .azure-build-card__facts { font-size:10px; } } @media(hover:hover) and (pointer:fine) { body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card:hover { border-color:#86b0eb; box-shadow:0 11px 25px #194b8e1a; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card:hover .b5-category-picture img { transform:translateY(-5px) rotate(-2deg) scale(1.04); } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card:nth-child(even):hover .b5-category-picture img { transform:translateY(-5px) rotate(2deg) scale(1.04); } } @media(max-width:1100px) { body.mcf-azure.azure-builds-catalog .b6-hero { min-height:330px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-copy { padding:28px 0 28px 28px; } body.mcf-azure.azure-builds-catalog .b6-hero .news-article__title { font-size:38px!important; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-art { min-height:300px; margin-left:-10px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-grid { gap:10px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture { height:112px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption { padding:10px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption strong { font-size:18px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-card { height:194px; } body.mcf-azure.azure-builds-catalog .b6-collection-copy>strong { font-size:22px; } body.mcf-azure.azure-builds-catalog .b6-collection-copy>span { font-size:8px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-arrow { width:23px; height:23px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results .bld-grid { gap:13px; } body.mcf-azure.azure-builds-catalog .b6-catalog .azure-build-card .azure-build-card__body { padding:12px; gap:9px; } body.mcf-azure.azure-builds-catalog .b6-catalog .azure-build-card .bld-body h3 { font-size:20px; } } @media(max-width:850px) { body.mcf-azure.azure-builds-catalog .b6-hero { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); } body.mcf-azure.azure-builds-catalog .b6-hero .news-article__title { font-size:33px!important; } body.mcf-azure.azure-builds-catalog .b6-hero .bld-intro { font-size:12px; line-height:1.55; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-art { margin-right:-25px; margin-left:-20px; } body.mcf-azure.azure-builds-catalog .b6-hero-coordinate { right:35px; font-size:8px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-button { font-size:10px; padding:11px 12px; min-height:41px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-section-head h2 { font-size:28px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture { height:112px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption { min-height:61px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-card { height:190px; } body.mcf-azure.azure-builds-catalog .b6-results-display .b5-preview-note { display:none; } } @media(min-width:700px) and (max-width:1000px) { body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results .bld-grid[data-b6-view=list] { grid-template-columns:minmax(0,1fr); } body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .bld-card.azure-build-card { grid-template-columns:210px minmax(0,1fr); min-height:170px; } body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .azure-build-card__cover, body.mcf-azure.azure-builds-catalog .b6-catalog [data-b6-view=list] .azure-build-card__cover img { min-height:170px; } } @media(max-width:600px) { body.mcf-azure.azure-builds-catalog .b6-hero { min-height:0; border-radius:18px; margin-bottom:24px; } body.mcf-azure.azure-builds-catalog .b6-hero::before { left:0; background-size:24px 24px; } body.mcf-azure.azure-builds-catalog .b6-hero::after { left:21px; width:90px; height:3px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-copy { padding:20px 20px 0; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-label { padding:5px 7px; margin-bottom:11px; font-size:8px; gap:5px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-label svg { width:13px; height:13px; } body.mcf-azure.azure-builds-catalog .b6-hero .news-article__title { font-size:29px!important; line-height:1.08!important; letter-spacing:-.025em!important; } body.mcf-azure.azure-builds-catalog .b6-hero .bld-intro { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden; margin:11px 0 13px; font-size:11px; line-height:1.5; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-actions { gap:7px; margin:13px 0 0; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-button { padding:10px 11px; min-height:39px; font-size:10px; gap:5px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-button svg { width:14px; height:14px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-notes { display:none; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-art { align-self:center; width:100%; height:122px; min-height:0; margin:0; padding:0; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-art img { width:100%; height:122px!important; max-height:122px; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-halo { top:0; right:15%; width:70%; height:110px; } body.mcf-azure.azure-builds-catalog .b6-hero-coordinate { right:12px; bottom:10px; font-size:6px; padding:4px 5px; border-color:#c8dff2; } body.mcf-azure.azure-builds-catalog .b6-hero-orbit { width:46%; left:27%; bottom:-62%; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-section-head { margin-bottom:13px; gap:12px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-section-head h2 { font-size:26px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-eyebrow { font-size:8px; margin-bottom:5px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-grid { gap:8px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card { border-radius:11px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture { height:82px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture img { padding:4px 4px 0; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture>svg { width:15px; height:15px; top:6px; left:6px; padding:3px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption { min-height:54px; padding:8px 7px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption strong { font-size:16px; line-height:1.1; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption>span { font-size:8px; margin-top:5px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collections { margin-top:25px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-grid { grid-auto-columns:calc((100% - 10px)/1.8); } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-card { height:186px; border-radius:12px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-count { top:10px; left:10px; font-size:8px; padding:4px 6px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-caption { inset:auto 10px 12px; gap:5px; } body.mcf-azure.azure-builds-catalog .b6-collection-copy { gap:6px; } body.mcf-azure.azure-builds-catalog .b6-collection-copy>strong { font-size:22px; } body.mcf-azure.azure-builds-catalog .b6-collection-copy>span { font-size:8px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-collection-arrow { width:23px; height:23px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results { padding-top:21px; margin-top:28px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-tools { border-radius:12px; } body.mcf-azure.azure-builds-catalog .b6-quick-search { gap:6px; font-size:10px; margin-top:10px; } body.mcf-azure.azure-builds-catalog .b6-quick-search a { padding:6px 8px; min-height:29px; gap:4px; } body.mcf-azure.azure-builds-catalog .b6-quick-search a svg { width:11px; height:11px; } body.mcf-azure.azure-builds-catalog .b6-quick-search .b6-clear-search { margin-left:0; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results-meta { min-height:0; margin:14px 0; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results .bld-grid { gap:10px; } body.mcf-azure.azure-builds-catalog .b6-catalog .bld-card.azure-build-card { border-radius:12px; } body.mcf-azure.azure-builds-catalog .b6-catalog .azure-build-card .azure-build-card__body { padding:10px; gap:8px; } body.mcf-azure.azure-builds-catalog .b6-catalog .azure-build-card .bld-body h3 { font-size:17px; } } @media(max-width:380px) { body.mcf-azure.azure-builds-catalog .b6-hero .b5-hero-copy { padding:18px 15px 0; } body.mcf-azure.azure-builds-catalog .b6-hero .news-article__title { font-size:27px!important; } body.mcf-azure.azure-builds-catalog .b6-hero .b5-button { padding:10px 9px; font-size:9px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption strong { font-size:14px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-picture { height:73px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption { padding:8px 6px; min-height:51px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-section-head h2 { font-size:24px; } } @media(max-width:339px) { body.mcf-azure.azure-builds-catalog .b6-catalog .b5-results .bld-grid { grid-template-columns:minmax(0,1fr); } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-caption strong { font-size:16px; overflow-wrap:normal; word-break:normal; hyphens:none; } } @media(prefers-reduced-motion:reduce) { body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card:hover .b5-category-picture img, body.mcf-azure.azure-builds-catalog .b6-catalog .b5-category-card:nth-child(even):hover .b5-category-picture img { transform:none!important; } } /* R7 catalogue: a searchable workshop, real previews and a clear results surface. */ body.mcf-azure.azure-builds-catalog .b7-catalog { --b7-blue:#0755ef; --b7-ink:#102b4f; } body.mcf-azure.azure-builds-catalog .b7-hero { grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr); min-height:336px; border-radius:22px; background:#fff; border:1px solid #c8ddf2; box-shadow:0 12px 32px #1b4b7810; margin-bottom:20px; } body.mcf-azure.azure-builds-catalog .b7-hero::before, body.mcf-azure.azure-builds-catalog .b7-hero::after { display:none; } body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-copy { padding:29px 0 28px 32px; } body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-label { border:0; padding:0; border-radius:0; background:none; font-size:11px; margin-bottom:15px; color:#225fa9; } body.mcf-azure.azure-builds-catalog .b7-hero .news-article__title { font-size:clamp(34px,3.3vw,46px)!important; line-height:1.09!important; max-width:660px; } body.mcf-azure.azure-builds-catalog .b7-hero .bld-intro { margin:14px 0 20px; max-width:620px; color:#526c86; font-size:14px; line-height:1.6; } body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-art { min-height:306px; margin:0; padding:9px 10px 18px 0; } body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-art img { max-height:342px; z-index:2; } body.mcf-azure.azure-builds-catalog .b7-art-frame { position:absolute; inset:31px 26px 30px 17px; border-radius:24px; background:#ddebfb; transform:rotate(-5deg); border:1px solid #bcd5ef; } body.mcf-azure.azure-builds-catalog .b7-art-frame::before { content:''; position:absolute; top:-8px; right:24px; width:46px; height:15px; background:#0755ef; border:4px solid #fff; border-radius:5px; } body.mcf-azure.azure-builds-catalog .b7-art-caption { position:absolute; z-index:3; bottom:23px; left:50%; transform:translateX(-50%); white-space:nowrap; border:1px solid #c6daed; border-radius:7px; background:#fff; color:#42617e; padding:6px 10px; font-size:11px; box-shadow:0 4px 10px #1b416012; } body.mcf-azure.azure-builds-catalog .b7-hero-search { position:relative; display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:8px; padding:6px 6px 6px 15px; min-height:57px; margin:0; border:1px solid #a9c5ed; border-radius:11px; background:#f7fbff; box-shadow:0 4px 13px #0e4c8c08; } body.mcf-azure.azure-builds-catalog .b7-search-icon { display:flex; align-items:center; justify-content:center; color:#5a82b1; } body.mcf-azure.azure-builds-catalog .b7-search-icon svg { width:20px; height:20px; } body.mcf-azure.azure-builds-catalog #b7-build-query { width:100%!important; min-width:0!important; min-height:0!important; height:40px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#193c64!important; font:400 14px/1.35 Rubik,Arial,sans-serif!important; } body.mcf-azure.azure-builds-catalog #b7-build-query::placeholder { color:#5b7490!important; opacity:1; } body.mcf-azure.azure-builds-catalog #b7-build-query:focus-visible { outline:none!important; } body.mcf-azure.azure-builds-catalog .b7-hero-search:focus-within { outline:3px solid #8cb8ff; outline-offset:3px; } body.mcf-azure.azure-builds-catalog .b7-hero-search button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:43px; border:0; border-radius:7px; background:#0954ef; color:#fff; padding:10px 15px; box-shadow:none; cursor:pointer; font:600 13px/1.2 Rubik,Arial,sans-serif; } body.mcf-azure.azure-builds-catalog .b7-hero-search button:hover { background:#0349d8; } body.mcf-azure.azure-builds-catalog .b7-hero-search button svg { width:16px; height:16px; } body.mcf-azure.azure-builds-catalog .b7-hero-shortcuts { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:14px; } body.mcf-azure.azure-builds-catalog .b7-hero-shortcuts a { display:inline-flex; align-items:center; gap:6px; color:#346caa; font-size:12px; font-weight:500; text-decoration:none; } body.mcf-azure.azure-builds-catalog .b7-hero-shortcuts a:hover { color:#0755ef; text-decoration:underline; } body.mcf-azure.azure-builds-catalog .b7-hero-shortcuts svg { width:13px; height:13px; } /* Three real, already-loaded catalogue records; no recommendation or 3D claims. */ body.mcf-azure.azure-builds-catalog .b7-showcase { margin:0 0 28px; } body.mcf-azure.azure-builds-catalog .b7-showcase-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:11px; } body.mcf-azure.azure-builds-catalog .b7-showcase-heading h2 { margin:0; color:#16385c; font:800 23px/1.1 var(--azure-heading-font,'Roboto Condensed',Arial,sans-serif); } body.mcf-azure.azure-builds-catalog .b7-showcase-heading>span { color:#56738d; font-size:12px; } body.mcf-azure.azure-builds-catalog .b7-showcase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } body.mcf-azure.azure-builds-catalog .b7-showcase-card { display:grid; grid-template-columns:36% minmax(0,1fr); min-width:0; min-height:111px; border:1px solid #cbdff1; border-radius:12px; overflow:hidden; background:#fff; text-decoration:none; box-shadow:0 4px 14px #274e7610; transition:border-color .18s,box-shadow .18s; } body.mcf-azure.azure-builds-catalog .b7-showcase-card:hover { border-color:#7facdf; box-shadow:0 8px 20px #24538a18; } body.mcf-azure.azure-builds-catalog .b7-showcase-picture { display:block; position:relative; min-width:0; background:#dbeaf7; overflow:hidden; } body.mcf-azure.azure-builds-catalog #main-content .b7-showcase-picture img { position:absolute; inset:0; display:block; width:100%; height:100%!important; object-fit:cover; } body.mcf-azure.azure-builds-catalog .b7-showcase-copy { display:flex; flex-direction:column; min-width:0; padding:12px; gap:6px; } body.mcf-azure.azure-builds-catalog .b7-showcase-category { color:#507391; font-size:11px; } body.mcf-azure.azure-builds-catalog .b7-showcase-copy>strong { color:#163451; font:800 18px/1.14 var(--azure-heading-font,'Roboto Condensed',Arial,sans-serif); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; } body.mcf-azure.azure-builds-catalog .b7-showcase-facts { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:auto; color:#4c7394; font-size:11px; } body.mcf-azure.azure-builds-catalog .b7-showcase-facts svg { width:14px; height:14px; flex:none; color:#0954ef; } /* Compact illustrated navigation gives more space to the actual materials. */ body.mcf-azure.azure-builds-catalog .b7-catalog .b7-discovery { margin-bottom:25px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-section-head h2 { font-size:28px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-eyebrow { font-size:10px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-total, body.mcf-azure.azure-builds-catalog .b7-catalog .b5-subscription-link { font-size:12px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-card { display:grid; grid-template-columns:44% minmax(0,1fr); align-items:stretch; min-height:91px; border-radius:12px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-picture { height:89px; min-height:0; overflow:hidden; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-picture img { padding:5px 2px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-picture>svg { display:none; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption { display:flex; flex-direction:column; justify-content:center; min-height:0; padding:10px 8px; border:0; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption strong { font-size:17px; line-height:1.12; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption>span { font-size:11px; margin-top:5px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-selected { top:4px; left:4px; right:auto; width:17px; height:17px; border-width:1px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-selected svg { width:10px; height:10px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b7-collections { margin-top:0; padding:19px 20px 20px; border:1px solid #cedff0; border-radius:16px; background:#ffffffb5; } body.mcf-azure.azure-builds-catalog .b7-collection-disclosure { border:0; padding:0; background:none; } body.mcf-azure.azure-builds-catalog .b7-collection-disclosure>summary { cursor:pointer; list-style:none; margin:0!important; } body.mcf-azure.azure-builds-catalog .b7-collection-disclosure>summary::-webkit-details-marker { display:none; } body.mcf-azure.azure-builds-catalog .b7-collection-disclosure[open]>summary { margin-bottom:15px!important; } body.mcf-azure.azure-builds-catalog .b7-collection-toggle { display:flex; align-items:center; justify-content:center; width:30px; height:30px; flex:none; border-radius:8px; background:#edf5fd; color:#3d74b0; } body.mcf-azure.azure-builds-catalog .b7-collection-toggle svg { width:16px; height:16px; transition:transform .18s; } body.mcf-azure.azure-builds-catalog .b7-collection-disclosure[open] .b7-collection-toggle svg { transform:rotate(180deg); } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-collection-card { height:163px; border-radius:11px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-collection-count { font-size:11px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b6-collection-copy>strong { font-size:22px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b6-collection-copy>span { font-size:11px; } /* Sorting controls belong to the single search form through their native form attribute. */ body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results { margin-top:25px; padding:24px; border:1px solid #c6daee; border-radius:18px; background:#fff; box-shadow:0 9px 25px #244c790c; } body.mcf-azure.azure-builds-catalog .b7-catalog-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:13px; padding:14px 0; border-top:1px solid #e1eaf4; border-bottom:1px solid #e1eaf4; } body.mcf-azure.azure-builds-catalog .b7-sort-links { display:flex; align-items:center; flex-wrap:wrap; gap:6px; } body.mcf-azure.azure-builds-catalog .b7-sort-links a { display:inline-flex; align-items:center; min-height:35px; padding:9px 12px; border:1px solid #d8e5f3; border-radius:7px; color:#416586; font-size:12px; font-weight:500; background:#f7fbff; text-decoration:none; } body.mcf-azure.azure-builds-catalog .b7-sort-links a[aria-current=true] { background:#0954ef; color:#fff; border-color:#0954ef; } body.mcf-azure.azure-builds-catalog .b7-sort-links a:hover:not([aria-current=true]) { background:#edf5ff; border-color:#9fc1ed; } body.mcf-azure.azure-builds-catalog .b7-sort-control { display:none; align-items:center; gap:7px; } body.mcf-azure.azure-builds-catalog #b7-sort { width:190px!important; height:36px!important; min-height:0!important; padding:6px 24px 6px 10px!important; border:1px solid #cadcf0!important; border-radius:7px!important; background-color:#fff!important; color:#416382!important; box-shadow:none!important; font:400 12px/1.2 Rubik,Arial,sans-serif!important; } body.mcf-azure.azure-builds-catalog .b7-sort-control button { min-height:36px; padding:8px 11px; border:1px solid #b7d1ee; border-radius:7px; background:#edf5ff; color:#265f9d; box-shadow:none; font:500 12px/1.2 Rubik,Arial,sans-serif; cursor:pointer; } body.mcf-azure.azure-builds-catalog .b7-active-query { display:flex; align-items:center; flex-wrap:wrap; gap:8px 15px; margin-top:12px; padding:9px 11px; border:1px solid #cddff3; border-radius:8px; color:#476888; background:#f4f9ff; font-size:13px; overflow-wrap:anywhere; } body.mcf-azure.azure-builds-catalog .b7-active-query a { color:#0954ef; } body.mcf-azure.azure-builds-catalog .b7-catalog .b6-quick-search { font-size:12px; margin-top:12px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results-meta { margin:14px 0; } body.mcf-azure.azure-builds-catalog .b7-catalog .bld-count { font-size:12px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-preview-note { font-size:11px; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b7-hero { display:block; min-height:0; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b5-hero-copy { padding:23px 28px; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b7-hero .news-article__title { max-width:none; font-size:34px!important; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b7-hero .bld-intro { max-width:1000px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b5-hero-art { display:none; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b7-hero-search { max-width:680px; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b7-hero-shortcuts { margin-top:11px; } @media(max-width:1100px) { body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-copy { padding:25px 0 25px 25px; } body.mcf-azure.azure-builds-catalog .b7-hero .news-article__title { font-size:38px!important; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-card { grid-template-columns:42% minmax(0,1fr); min-height:79px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-picture { height:77px; min-height:0; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption strong { font-size:17px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results { padding:20px; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b5-hero-copy { padding:23px 25px; } body.mcf-azure.azure-builds-catalog .b7-showcase-copy { padding:10px; } body.mcf-azure.azure-builds-catalog .b7-showcase-copy>strong { font-size:17px; } } @media(max-width:850px) { body.mcf-azure.azure-builds-catalog .b7-hero { grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); } body.mcf-azure.azure-builds-catalog .b7-hero .news-article__title { font-size:33px!important; } body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-art { margin-right:-10px; min-height:275px; } body.mcf-azure.azure-builds-catalog .b7-art-frame { inset:35px 16px 42px 0; } body.mcf-azure.azure-builds-catalog .b7-art-caption { font-size:11px; padding:5px 7px; } body.mcf-azure.azure-builds-catalog .b7-hero-search { gap:6px; padding-left:10px; } body.mcf-azure.azure-builds-catalog #b7-build-query { font-size:14px!important; } body.mcf-azure.azure-builds-catalog .b7-hero-search button { padding:10px 12px; font-size:13px; } body.mcf-azure.azure-builds-catalog .b7-showcase-grid { gap:9px; } body.mcf-azure.azure-builds-catalog .b7-showcase-card { grid-template-columns:32% minmax(0,1fr); } body.mcf-azure.azure-builds-catalog .b7-showcase-copy>strong { font-size:16px; } body.mcf-azure.azure-builds-catalog .b7-showcase-facts { font-size:11px; } } @media(max-width:600px) { body.mcf-azure.azure-builds-catalog #astLauncher { box-sizing:border-box; width:56px!important; min-width:56px!important; height:56px!important; min-height:56px!important; padding:7px!important; gap:0; } body.mcf-azure.azure-builds-catalog #astLauncher .ast-launcher__copy { display:none!important; } body.mcf-azure.azure-builds-catalog #astLauncher .ast-launcher__avatar { flex:none; } body.mcf-azure.azure-builds-catalog .b7-hero { display:block; min-height:0; border-radius:16px; overflow:hidden; } body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-copy { padding:21px 18px 19px; } body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-label { font-size:11px; margin-bottom:15px; } body.mcf-azure.azure-builds-catalog .b7-hero .news-article__title { font-size:30px!important; padding-right:0; } body.mcf-azure.azure-builds-catalog .b7-hero .bld-intro { margin:12px 0 16px; font-size:13px; line-height:1.5; -webkit-line-clamp:3; line-clamp:3; } body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-art { display:none; } body.mcf-azure.azure-builds-catalog .b7-art-frame, body.mcf-azure.azure-builds-catalog .b7-art-caption { display:none; } body.mcf-azure.azure-builds-catalog .b7-hero-search { min-height:51px; grid-template-columns:16px minmax(0,1fr) auto; gap:5px; padding:5px 5px 5px 9px; border-radius:9px; } body.mcf-azure.azure-builds-catalog .b7-search-icon svg { width:16px; height:16px; } body.mcf-azure.azure-builds-catalog #b7-build-query { height:41px!important; font-size:16px!important; } body.mcf-azure.azure-builds-catalog .b7-hero-search button { min-height:41px; font-size:12px; gap:5px; padding:9px 11px; } body.mcf-azure.azure-builds-catalog .b7-hero-search button svg { width:13px; height:13px; } body.mcf-azure.azure-builds-catalog .b7-hero-shortcuts { margin-top:12px; gap:11px 15px; } body.mcf-azure.azure-builds-catalog .b7-hero-shortcuts a { font-size:12px; } body.mcf-azure.azure-builds-catalog .b7-showcase { margin-bottom:23px; } body.mcf-azure.azure-builds-catalog .b7-showcase-heading { gap:8px; margin-bottom:10px; } body.mcf-azure.azure-builds-catalog .b7-showcase-heading h2 { font-size:22px; } body.mcf-azure.azure-builds-catalog .b7-showcase-heading>span { font-size:11px; } body.mcf-azure.azure-builds-catalog .b7-showcase-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:83%; gap:10px; overflow-x:auto; padding:2px 2px 9px; margin:-2px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#b6cde6 transparent; } body.mcf-azure.azure-builds-catalog .b7-showcase-card { grid-template-columns:36% minmax(0,1fr); min-height:104px; scroll-snap-align:start; } body.mcf-azure.azure-builds-catalog .b7-showcase-copy>strong { font-size:17px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-section-head h2 { font-size:25px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-card { display:block; min-height:0; border-radius:10px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-picture { height:63px; min-height:0; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-picture img { padding:3px 5px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption { padding:7px 7px 9px; min-height:51px; justify-content:flex-start; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption strong { font-size:15px; line-height:1.12; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption>span { font-size:11px; margin-top:4px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b7-collections { padding:15px 13px; border-radius:13px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-collection-card { height:163px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b6-collection-copy>strong { font-size:21px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results { margin-top:20px; padding:17px 12px; border-radius:14px; } body.mcf-azure.azure-builds-catalog .b7-catalog-toolbar { gap:11px; padding:12px 0; } body.mcf-azure.azure-builds-catalog .b7-sort-links { display:none; } body.mcf-azure.azure-builds-catalog .b7-sort-control { display:flex; width:100%; } body.mcf-azure.azure-builds-catalog #b7-sort { flex:1; min-width:0!important; width:100%!important; height:42px!important; font-size:16px!important; } body.mcf-azure.azure-builds-catalog .b7-catalog .b6-quick-search { font-size:11px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b6-quick-search a { font-size:12px; padding:6px 8px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results .bld-grid { gap:8px; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b5-hero-copy { padding:19px 18px; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b7-hero .news-article__title { font-size:27px!important; } body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b7-hero .bld-intro { -webkit-line-clamp:2; line-clamp:2; } } @media(max-width:339px) { body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-copy { padding:19px 14px 17px; } body.mcf-azure.azure-builds-catalog .b7-hero .news-article__title { font-size:27px!important; } body.mcf-azure.azure-builds-catalog .b7-hero-search button { padding:9px; } body.mcf-azure.azure-builds-catalog .b7-hero-search button svg { display:none; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-card { display:grid; grid-template-columns:42% minmax(0,1fr); min-height:73px; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-card[data-b6-category=razvlech] { grid-template-columns:34% minmax(0,1fr); } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-picture { height:71px; min-height:0; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption { padding:8px 6px; justify-content:center; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption strong { font-size:13px; word-break:normal; overflow-wrap:normal; hyphens:none; } body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption>span { font-size:11px; } body.mcf-azure.azure-builds-catalog .b7-showcase-heading>span { display:none; } } @media(prefers-reduced-motion:reduce) { body.mcf-azure.azure-builds-catalog .b7-catalog .b7-showcase-card, body.mcf-azure.azure-builds-catalog .b7-collection-toggle svg { transition:none; } }