/* bv-use-cases.css: the Bruviti Use Cases Page page's own styles. GENERATED by
   tools/build-page-css.py from the design package page; do not edit by hand. */
/*@section:reset*/
body.bv-design.use-cases-page{font-size:16px;line-height:normal}
body.bv-design.use-cases-page::before{content:none}
body.bv-design :where(.bvp-use-cases) :where(h1,h2,h3,h4,p){color:inherit;letter-spacing:normal;position:static;font-size:inherit;line-height:inherit;font-weight:inherit;overflow-wrap:normal}
body.bv-design :where(.bvp-use-cases) a{transition:none;position:static}
@media (hover:hover){body.bv-design :where(.bvp-use-cases) a:hover{text-decoration:none}}body.bv-design :where(.bvp-use-cases) :where(img,svg,video){max-width:none;height:revert}
body.bv-design :where(.bvp-use-cases) :where(img,picture,video,canvas,svg){display:revert}
body.bv-design :where(.bvp-use-cases) :where(*)::before,body.bv-design :where(.bvp-use-cases) :where(*)::after{box-sizing:content-box}
body.bv-design :where(.bvp-use-cases) .container{width:auto;overflow:visible}
body.bv-design :where(.bvp-use-cases, .xv) *{max-width:none}
/*@page:Bruviti Use Cases Page.html -> .bvp-use-cases (kept 5, pruned 11)*/
body.bv-design :where(.bvp-use-cases) .ix-main{padding:64px 0 88px}
body.bv-design :where(.bvp-use-cases) .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){
body.bv-design :where(.bvp-use-cases) .ix-main{padding:32px 0 56px}
body.bv-design :where(.bvp-use-cases) .grid{grid-template-columns:minmax(0,1fr);gap:12px}
body.bv-design :where(.bvp-use-cases) .chip[data-k="all"]{display:none}
}
/*@section:shell*/
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-use-cases) #chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:normal}body.bv-design :where(.bvp-use-cases) #chips>*{width:auto;margin:0}}
body.bv-design.use-cases-page .fbar{top:var(--bn-off,0px)}
body.bv-design :where(.bvp-use-cases) .card .img{min-width:0;overflow:hidden;position:relative}
body.bv-design :where(.bvp-use-cases) .grid.one-fn .card .fn{display:none}
body.bv-design :where(.bvp-use-cases) .grid.one-fn .card h3{margin-top:0}
body.bv-design :where(.bvp-use-cases) .card .img img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
body.bv-design :where(.bvp-use-cases) .card .img{background:#F4F4F4}
body.bv-design :where(.bvp-use-cases) .card .bd{background:#fff}
body.bv-design :where(.bvp-use-cases) .card .img img{object-fit:contain;object-position:50% 50%}
/*@section:midsize*/
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-use-cases) .faqw,body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>h2:first-child):not(:has(>.res)),body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>div:first-child>h2:only-child),body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child),body.bv-design :where(.bvp-use-cases) .uc>.wrap:has(>.ucg){grid-template-columns:minmax(0,1fr);gap:32px}body.bv-design :where(.bvp-use-cases) .faqw>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-use-cases) .uc>.wrap:has(>.ucg)>:last-child:not(.ucg,.dgrid,.wk){max-width:667px}body.bv-design :where(.bvp-use-cases) .faqw>:last-child,body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child,body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child,body.bv-design :where(.bvp-use-cases) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child,body.bv-design :where(.bvp-use-cases) .uc>.wrap:has(>.ucg)>:last-child{margin-top:0}}
/*@section:shared*/
body.bv-design :where(.bvp-use-cases) :where(h2,h3,h4){text-wrap:pretty}
@media(max-width:860px){body.bv-design :where(.bvp-use-cases) .tbl td:first-child,body.bv-design :where(.bvp-use-cases) .tbl th:first-child{white-space:normal;width:30%}}
@media(max-width:374px){body.bv-design :where(.bvp-use-cases) .tbl td,body.bv-design :where(.bvp-use-cases) .tbl th{padding-right:8px}}