.procurement-intro[data-category-menu]{position:relative;isolation:isolate}
.catalog-directory>a.category-open{background:#edf7ff;color:#0091e6;box-shadow:inset 3px 0 #0091e6}
.catalog-directory>a.category-open .directory-icon,.catalog-directory>a.category-open>span:last-child{color:#0091e6}
.category-flyout[hidden]{display:none!important}
.category-flyout{position:absolute;top:0;left:232px;right:0;z-index:40;min-height:420px;max-height: min(620px,75vh);overflow:auto;display:flex;flex-direction:column;padding:0 24px;background:#fff;border:1px solid #0091e6;border-radius:5px;box-shadow:0 12px 32px #1c5a891f;scrollbar-width:thin;color:#344b61}
.category-flyout:before{content:'';position:absolute;top:0;bottom:0;left:-16px;width:16px}
.category-flyout>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0 16px;border-bottom:1px solid #e8f0f6}
.category-flyout>header>a:first-child{font-size:16px;font-weight:600;color:#263c51}
.category-flyout>header>a:first-child span{font-size:18px;color:#0091e6;margin-left:13px}
.category-flyout .category-view-all{font-size:11px;color:#0091e6;font-weight:400}
.category-flyout-sections{padding:4px 0 5px}
.category-flyout-sections>section{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;margin:19px 0}
.category-flyout h3{font-size:12px;margin:0;line-height:23px;color:#31475e;font-weight:600}
.category-flyout-sections>section>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:23px;row-gap:12px}
.category-flyout-sections a{font-size:12px;color:#6c8197;line-height:23px;overflow-wrap:anywhere;justify-self:start}
.category-flyout a:hover{color:#0091e6}
.category-flyout a:focus-visible{outline:2px solid #0091e6;outline-offset:4px;border-radius:2px}
.category-models{padding:19px 0 20px;border-top:1px solid #edf2f7;margin-top:6px}
.category-models h3{margin-bottom:13px}
.category-models h3 small{font-size:10px;font-weight:400;color:#9cabb9;margin-left:12px}
.category-models>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.category-models a{display:flex;align-items:center;gap:12px;padding:10px 12px;min-width:0;border:1px solid #edf1f5;border-radius:3px;background:#fbfdff}
.category-models a:hover{border-color:#b7ddf5;background:#f4faff}
.category-models img{height:44px;width:50px;object-fit:contain;background:white;flex-shrink:0}
.category-models a>span{min-width:0;flex:1}
.category-models b{display:block;font-size:12px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.category-models small{display:block;color:#93a3b3;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.category-models i{font-style:normal;color:#97b5ca;font-size:18px}
.category-flyout>footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;margin-top:auto;border-top:1px solid #eaf1f7;font-size:10px;color:#9aabba}
.category-flyout>footer a{color:#0091e6;font-size:11px}
@media(max-width:1180px){.category-flyout{left:210px;padding:0 20px}.category-flyout-sections>section>div{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:15px}}
@media(max-width:960px){.category-flyout{left:190px;min-height:345px;padding:0 18px}.category-flyout-sections>section{grid-template-columns:75px minmax(0,1fr);gap:12px;margin:15px 0}.category-flyout-sections>section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.category-models>div{grid-template-columns:1fr}.category-models a:nth-child(n+3){display:none}.category-flyout>footer>span{display:none}}
@media(max-width:650px){.category-flyout{display:none!important}}