.technology-header-section{position:sticky;top:5.2rem;z-index:9}.technology-header-section-container{padding-top:24px;padding-bottom:24px;background-color:var(--color-grey-200);width:100%;border-bottom:1px solid var(--color-border)}.technology-header-section-content{width:100%;display:flex;flex-direction:column;gap:24px}.technology-header-section-category-wrapper{width:100%;height:40px;display:flex;align-items:center;gap:12px;align-self:stretch;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.technology-header-section-sub-category-wrapper{height:28px;display:none;align-items:flex-start;gap:16px;align-self:stretch;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.technology-header-section-category-wrapper::-webkit-scrollbar,.technology-header-section-sub-category-wrapper::-webkit-scrollbar{width:0;height:0}.technology-header-category-pill{display:flex;padding:12px 20px 10px;justify-content:center;align-items:center;gap:8px;border-radius:60px;border:1px solid var(--Secondary-Black, #010607);background:var(--Secondary-White, #FFF)}.technology-header-category-pill.scrolled-active,.technology-header-category-pill.clicked-active{background:var(--Secondary-Black, #010607)}.technology-header-category-pill.scrolled-active a,.technology-header-category-pill.clicked-active a{color:var(--Secondary-White, #FFF)}.technology-header-category-pill .text-content{text-transform:capitalize;color:var(--Secondary-Black, #010607);text-align:center;font-size:12px;font-style:normal;font-weight:900;line-height:16px;white-space:nowrap}.technology-header-category-pill button.tech-filter-close-btn{display:none}.technology-header-category-pill.clicked-active button{display:block;color:var(--Secondary-White, #FFF)}.technology-header-category-pill .icon-content{display:flex;width:15px;height:15px;justify-content:center;align-items:center}.technology-header-sub-category-pill{display:flex;padding:0 6px 12px 8px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.technology-header-sub-category-pill .sub-category-text-content{text-transform:capitalize;color:var(--Secondary-Black, #010607);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.technology-header-sub-category-pill.active{border-bottom:1px solid var(--Secondary-Black, #010607)}.technology-header-sub-category-pill.active .sub-category-text-content{font-weight:900}.tech-sidebar-filter{position:fixed;top:0;right:-300px;width:300px;height:100%;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;padding:16px;z-index:9999;overflow-y:auto}.tech-sidebar-filter-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #D6D8DC;margin-bottom:16px}.tech-sidebar-filter-header h5.tech-sidebar-filter-header-text-content{margin-bottom:0;margin-top:8px;color:var(--Secondary-Black, #010607);font-size:20px;font-style:normal;font-weight:500;line-height:24px}.tech-sidebar-filter.open{right:0}.tech-sidebar-filter h2{color:#667eea;margin-bottom:20px}.tech-sidebar-filter ul{list-style:none}.tech-sidebar-filter li{padding:12px 0}.tech-sidebar-filter a{color:#333;text-decoration:none;transition:color .3s ease}.tech-sidebar-filter a:hover{color:#7a7b7b}.tech-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:28px;cursor:pointer;color:#666;width:40px;height:40px;display:flex;align-items:flex-start;justify-content:center;border-radius:50%;transition:all .3s ease}.tech-close-btn:hover{background:#f0f0f0;color:#666}.tech-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .3s ease;z-index:9998}.tech-overlay.show{opacity:.64;visibility:visible;background:var(--Secondary-Black, #010607)}.tech-sidebar-filter-content{display:flex;flex-direction:column}.tech-sidebar-filter-content .link-dropdown-container{border-bottom:1px solid #D6D8DC;margin-bottom:16px}.tech-sidebar-filter-content .parent-dropdown-link{cursor:pointer}.tech-sidebar-filter-content .tech-filter-summary-title{color:var(--Secondary-Black, #010607);font-size:14px;font-style:normal;font-weight:900;line-height:18px}.tech-sidebar-filter-content .link-dropdown-container[open] .dropdown-menus{padding:0;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:flex-start}.tech-sidebar-filter-content .parent-dropdown-link{margin-bottom:12px}.tech-sidebar-filter-content .dropdown-menus li{padding:0}@media only screen and (max-width:900px){.technology-header-section{top:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/technology-header.css.map */