.header-filler{background-color:#141a42}#categories{position:relative;overflow:hidden;padding-block:5rem}#categories .xb-container h1{grid-area:title;margin-top:0;margin-bottom:2rem;color:var(--xb-gray-0);font-family:var(--xb-heading-font-family);font-size:clamp(2rem,4vw,4rem);text-align:center;text-wrap:balance}#categories .xb-container h1>span{display:block;color:var(--xb-orange-2)}#categories .xb-container .portfolio{grid-area:portfolio}#categories .xb-container .networking{grid-area:networking}#categories .xb-container .storage{grid-area:storage}#categories .xb-container .parts{grid-area:parts}#categories .xb-container .specials{grid-area:specials}#categories .xb-container .quote{grid-area:quote}#categories .xb-container .image{position:relative;z-index:2;height:100%;aspect-ratio:564/1820;transform:translateX(var(--xb-container-padding));transition:opacity .3s;justify-self:end}@media only all and (min-width: 35rem){#categories .xb-container .image{transform:translateX(-8rem)}}@media only all and (min-width: 55rem){#categories .xb-container .image{transform:unset}}@media only all and (min-width: 55rem){#categories .xb-container .image{aspect-ratio:1128/1820;justify-self:center}}#categories .xb-container .image img{position:absolute;top:0;left:0;width:auto;max-width:unset;height:100%}#categories .xb-container .image .mask{position:absolute;left:6%;opacity:0;width:85%;box-shadow:0 0 0 200vw rgba(0,0,0,.7);transition:opacity .2s}@media only all and (min-width: 90rem){#categories .xb-container .image .mask{left:3%;width:44%}}#categories .xb-container .image .lights{position:absolute;top:0;left:0;width:100%;height:100%;background-position:top left;background-size:cover}#categories .xb-container .image .lights.always-on{background-image:url("https://media.xbyte.com/cdn-cgi/image/format=auto,quality=50/landing-pages/home/Server-Rack-7-always-on.png")}#categories .xb-container .image .lights.fast{background-image:url("https://media.xbyte.com/cdn-cgi/image/format=auto,quality=50/landing-pages/home/Server-Rack-7-fast.png");animation:fastAnimation 379ms steps(1) infinite}@keyframes fastAnimation{0%{opacity:1}50%{opacity:0}}#categories .xb-container .image .lights.medium{background-image:url("https://media.xbyte.com/cdn-cgi/image/format=auto,quality=50/landing-pages/home/Server-Rack-7-medium.png");animation:mediumAnimation 619ms steps(1) infinite}@keyframes mediumAnimation{0%{opacity:1}32%{opacity:0}}#categories .xb-container .image .lights.slow{background-image:url("https://media.xbyte.com/cdn-cgi/image/format=auto,quality=70/landing-pages/home/Server-Rack-7-slow.png");animation:slowAnimation 991ms steps(1) infinite}@keyframes slowAnimation{0%{opacity:1}21%{opacity:0}}@media not all and (min-width: 55rem){#categories .xb-container{display:grid;grid-template:"title" auto "portfolio" auto "networking" auto "storage" auto "parts" auto "specials" auto "quote" auto/1fr}#categories .xb-container .image{grid-column:1/span 1;grid-row:2/span 6}}@media only all and (min-width: 55rem){#categories .xb-container{display:grid;grid-template:"title      title   title" auto "portfolio  image   networking" auto "storage    image   parts" auto "specials   image   quote" auto/21rem 1fr 21rem}#categories .xb-container .image{opacity:.5;grid-column:1/span 3;grid-row:2/span 6}}@media only all and (min-width: 90rem){#categories .xb-container .image{opacity:1;grid-area:image}}#categories .xb-container:has(.category:hover) .image{opacity:1}#categories .category{z-index:3;display:flex;flex-direction:column;max-width:14rem;margin-block:1rem;color:var(--xb-font-color)}#categories .category .content{position:relative;display:block;box-sizing:border-box;color:inherit;text-decoration:none}#categories .category .title{display:block;margin:0;padding:1rem;background-color:var(--xb-blue-3);color:#fff;font-family:var(--xb-heading-font-family);font-size:1.2rem}@media not all and (min-width: 55rem){#categories .category .title{padding:.5rem 1.5rem;border-radius:3rem;font-weight:600}#categories .category .xb-ul{display:none}#categories .category .xb-btn{display:none}}@media only all and (min-width: 55rem){#categories .category{max-width:21rem;margin-bottom:3rem}#categories .category .content{background-color:var(--xb-foreground-color)}#categories .category .xb-ul{flex-grow:1;margin-bottom:0}#categories .category .xb-btn{display:block;width:calc(100% - 4rem);margin-inline:auto;margin-top:-0.5rem;transform:translateY(50%)}}@media only all and (min-width: 90rem){#categories .category .content{height:100%}#categories .category.networking:hover~.image .mask,#categories .category.parts:hover~.image .mask,#categories .category.quote:hover~.image .mask{left:53%}#categories .category.specials{border-color:rgba(0,0,0,0)}}#categories .category:hover .content::before,#categories .category:hover .content::after,#categories .category:hover~.image .mask,#categories .category:focus-within .content::before,#categories .category:focus-within .content::after,#categories .category:focus-within~.image .mask{opacity:1}#categories .category:hover.portfolio~.image .mask,#categories .category:focus-within.portfolio~.image .mask{top:14.2%;height:23.8%}#categories .category:hover.networking~.image .mask,#categories .category:focus-within.networking~.image .mask{top:3.8%;height:10.4%}#categories .category:hover.storage~.image .mask,#categories .category:focus-within.storage~.image .mask{top:66.5%;height:29%}#categories .category:hover.parts~.image .mask,#categories .category:focus-within.parts~.image .mask{top:3.8%;height:91.7%}#categories .category:hover.specials~.image .mask,#categories .category:focus-within.specials~.image .mask{top:3.8%;height:91.7%}#categories .category:hover.quote~.image .mask,#categories .category:focus-within.quote~.image .mask{opacity:0}#featured-products{padding-top:5rem;background-color:var(--xb-blue-3)}#featured-products>.xb-container>h2{margin:0;padding-bottom:2rem;color:var(--xb-gray-0)}#featured-products>.xb-container>ul{display:grid;grid-gap:1rem;margin-top:-3rem;padding:0;list-style:none;transform:translateY(3rem)}@media only all and (min-width: 35rem){#featured-products>.xb-container>ul{grid-gap:2rem;grid-template-columns:repeat(auto-fill, minmax(min(100%, 14rem), 1fr))}}#featured-video{padding-top:8rem;padding-bottom:3rem}#featured-blog{padding-top:3rem;padding-bottom:3rem}#testimonials{position:relative;z-index:2;padding-top:3rem}#testimonials .xb-h2-center{margin-block:0}#testimonials .xb-slider{position:relative;margin-top:-6rem;transform:translateY(6rem)}#partners{padding-top:8rem;padding-bottom:5rem;background-color:var(--xb-blue-3);color:var(--xb-gray-0)}#partners ul{display:flex;gap:var(--xb-container-padding);list-style:none;padding:0;flex-wrap:wrap;justify-content:space-evenly}#partners ul img{width:auto;height:2.5rem;max-width:min(15rem,30vw)}/*# sourceMappingURL=home.min.css.map */