.global-search{background:var(--vui-global-search-bg);border:1px solid var(--vui-global-search-border);border-radius:var(--vui-dialog-lg-radius);width:100%;max-width:var(--vui-global-search-max-width);height:min(var(--vui-global-search-max-height), calc(100dvh - 4rem));max-height:var(--vui-global-search-max-height)}.global-search-icon{width:var(--vui-global-search-icon-size);height:var(--vui-global-search-icon-size)}.global-search-header,.global-search-actions{gap:var(--vui-global-search-header-gap)}.global-search-header .global-search-separator[data-orientation=horizontal]{background:var(--vui-global-search-separator);margin-inline:var(--vui-global-search-header-mx-separator);inline-size:calc(100% - 2 * var(--vui-global-search-header-mx-separator));margin-block-start:calc(-1 * var(--vui-global-search-header-gap))}.global-search-result{gap:var(--vui-global-search-content-result-gap)}.global-search-heading{height:var(--vui-control-base-height);gap:var(--vui-global-search-content-heading-gap)}.global-search-heading-title{gap:var(--vui-global-search-content-heading-title-gap)}.global-search-list[data-variant=categorized]{padding-left:var(--vui-global-search-content-result-list-pl)}.global-search-tabs-skeleton [data-slot=tabs-trigger]{border-color:#0000!important}.global-search-tabs-skeleton [data-slot=tabs-trigger][data-active]{border-color:var(--vui-skeleton-bg)!important}.global-search-item[data-variant=categorized]{border-left:1px solid var(--vui-item-border)}.global-search-item[data-variant=categorized]:hover{border-left:1px solid var(--vui-item-border-hover)}.global-search mark{background:var(--vui-highlight-bg);color:var(--vui-highlight-fg);padding:var(--vui-highlight-py) var(--vui-highlight-px);border-radius:var(--vui-highlight-radius)}.global-search .item-title mark{color:var(--vui-highlight-fg);background:0 0;padding:0}.global-search-overlay-top{background:linear-gradient(180deg, var(--vui-global-search-bg,#fff), transparent)}.global-search-overlay-bottom{background:linear-gradient(0deg, var(--vui-global-search-bg,#fff), transparent)}@media (max-width:768px){.dialog.global-search{border-radius:0;max-width:none;height:100dvh;max-height:none}}
.app-menu{top:var(--vui-app-menu-pt-offset);z-index:50;width:100%;position:sticky;left:0;right:0}.app-menu.app-menu-pinned{position:fixed}.app-menu[data-state=scrolled] .app-menu{background:linear-gradient(180deg, var(--vui-app-menu-bg-gradient-start) 0%, var(--vui-app-menu-bg-gradient-end) 100%);border-radius:var(--vui-app-menu-radius)}.app-menu-inner{height:var(--vui-app-menu-height);padding-left:var(--vui-app-menu-pl);padding-right:var(--vui-app-menu-pr);gap:var(--vui-app-menu-gap);border-radius:var(--vui-app-menu-radius)}.app-menu-actions{gap:var(--vui-app-menu-actions-gap)}
.main-menu{background:var(--vui-main-menu-bg)}.main-menu.main-menu-open{background:var(--vui-main-menu-bg-open)}.main-menu-inner{height:var(--vui-main-menu-height);padding-left:var(--vui-main-menu-pl);padding-right:var(--vui-main-menu-pr);gap:var(--vui-main-menu-gap)}.main-menu-actions{gap:var(--vui-main-menu-actions-gap)}.main-menu-logo-shape-1{fill:#007bfc}.main-menu-logo-shape-2{fill:#51b9ff}.main-menu-logo-shape-3,.main-menu-logo-text{fill:var(--vui-main-menu-item-fg-active,#fff)}.mega-menu .menu-column{flex-direction:column;grid-column:span 2/span 2;gap:.6rem;padding:.3rem .6rem;display:flex}.mega-menu .solutions-column{background-color:#f8f8f8;grid-column:3;gap:1.5rem;width:100%}.mega-menu .featured-column{flex-direction:column;grid-column:4;width:100%}.mega-menu .bottom-banner{grid-column:span 4/span 4}.mega-menu .solutions-list li{color:#4e5259;border-bottom:.125rem solid #f8f8f8;width:fit-content;font-size:1rem;line-height:1.75rem;transition:background .3s;display:flex;position:relative;overflow:hidden}.mega-menu .solutions-list li:after,.mega-menu .menu-item li:after{content:"";background-color:#007bfc;width:0;height:.125rem;transition:width .3s;position:absolute;bottom:0;left:0}.mega-menu .solutions-list li:hover{color:#007bfc}.mega-menu .solutions-list li:hover:after,.mega-menu .menu-item li:hover:after{width:100%}.mega-menu .menu-item li{border-bottom:.125rem solid #fff}.mega-menu .menu-item li:hover{color:#007bfc;background-color:#f8f8f8;transition:border .3s}.mega-menu .mega-accent{color:#007bfc}.mega-menu .mega-text-primary,.mega-menu .mega-link-primary{color:#4e5259}.mega-menu .mega-link-primary:hover,.mega-menu .mega-link-secondary:hover,.mega-menu .mega-link-plain:hover{color:#007bfc}.mega-menu .mega-link-secondary{color:#031059}.mega-menu .mega-sub-item:hover{background-color:#eee}.mega-menu .mega-search-input{background-color:#f8f8f8}.mega-menu .mega-search-input-solutions{background-color:#fff}.mega-menu .mega-search-input:focus,.mega-menu .mega-search-input-solutions:focus{border-bottom-color:#007bfc}.mega-menu .mega-search-label{color:#007bfc}.mega-menu .group:focus-within .mega-search-label{color:#4e5259}.mega-menu .mega-featured-card{color:#4e5259;background-color:#f8f8f8}.mega-menu .mega-featured-card:hover{background-color:#eee}.mega-menu .mega-marketplace-tabs{border-color:#f7f7f7}.mega-menu .mega-tab{color:#031059;background-color:#f7f7f7}.mega-menu .mega-tab:hover{font-weight:400}.mega-menu .animate-fade-in{animation:.3s mega-menu-fade-in}@keyframes mega-menu-fade-in{0%{opacity:0}to{opacity:1}}@media not (min-width:64rem){.main-menu-popover .mega-menu{width:100%;box-shadow:none;border:none;flex-direction:column;margin-top:0;display:flex}}.main-menu-popover{gap:var(--vui-popover-content-gap,12px);width:min(360px,100vw - 32px);max-height:min(640px,80dvh);position:relative}.main-menu-popover-scroll{scrollbar-width:none}.main-menu-popover:after{content:"";left:0;right:0;bottom:calc(var(--vui-control-base-height,44px) + 2 * var(--vui-popover-content-gap,12px));height:var(--utility-height-h-24,96px);background:linear-gradient(to bottom, transparent, var(--vui-popover-bg,#fff));pointer-events:none;position:absolute}.main-menu-popover-actions{background:var(--vui-popover-bg,#fff)}.main-menu-popover .nav-list-item.open:not([data-panel-open]){color:var(--vui-nav-list-item-fg)}.main-menu-popover .nav-list-item.open:not([data-panel-open]) .nav-list-item-chevron{color:inherit;transform:none}.nav-list-item-chevron{margin-left:auto}
.page-hero{padding:var(--vui-page-hero-pt) 0 var(--vui-page-hero-pb) 0;gap:var(--vui-page-hero-content-gap)}.page-hero .page-hero-actions{padding-top:var(--vui-page-hero-action-pt);gap:var(--vui-page-hero-action-gap)}
