@keyframes fastAnimation{0%{opacity:1}50%{opacity:0}}@keyframes mediumAnimation{0%{opacity:1}32%{opacity:0}}@keyframes slowAnimation{0%{opacity:1}21%{opacity:0}}.header-filler{background-color:rgb(20,26,66)}#categories{position:relative;overflow:hidden;background:url(https://media.xbyte.com/cdn-cgi/image/width=1990,format=auto/cloud/cloud-glow3.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;.xb-container{gap:1rem;@media only all and (min-width:55rem){display:grid;grid-template:"title title" auto "enterprise bare-metal" auto "managed-cloud end-user" auto "addons software-partner" auto / 50%}@media only all and (min-width:80rem){display:grid;grid-template:"title title title" auto "enterprise image bare-metal" auto "managed-cloud image end-user" auto "addons image software-partner" auto / 30rem auto 30rem}h2{grid-area:title;margin-top:0;margin-bottom:2rem;color:var(--xb-gray-0);text-wrap:balance;>span{display:block;color:var(--xb-orange-2)}}.enterprise{grid-area:enterprise}.managed-cloud{grid-area:managed-cloud}.addons{grid-area:addons}.software-partner{grid-area:software-partner}.end-user{grid-area:end-user}.bare-metal{grid-area:bare-metal}.image{grid-area:image;position:relative;z-index:2;height:100%;aspect-ratio:208 / 667;justify-self:center;opacity:0;transition:opacity .5s;display:none;@media only all and (min-width:55rem){display:block}@media only all and (min-width:80rem){opacity:1}img{position:absolute;top:0;left:0;width:100%;max-width:unset;height:100%}.mask{position:absolute;left:3%;opacity:0;width:95%;box-shadow:0 0 0 200vw rgba(0,0,0,.7);transition:opacity .2s;@media only all and (min-width:90rem){left:3%;width:95%}}.lights{position:absolute;top:0;left:0;width:100%;max-width:13rem;height:100%;background-position:top left;background-size:cover;&.always-on{background-image:url("https://media.xbyte.com/cdn-cgi/image/format=auto,quality=50/cloud/Server-Rack-Cloud-always-on.png")}&.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}&.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}&.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}}}}.category{z-index:3;display:flex;flex-direction:column;margin-block:1rem;margin-bottom:2rem;.content{position:relative;display:block;box-sizing:border-box;color:inherit;text-decoration:none;height:100%;background-color:var(--xb-foreground-color)}.title{display:block;margin:0;padding:1rem;background-color:var(--xb-blue-3);color:white;font-family:var(--xb-heading-font-family);font-size:1.2rem}.xb-ul{flex-grow:1;margin-bottom:0}.xb-cta{display:block;width:calc(100% - 4rem);margin-inline:auto;margin-top:-.5rem;transform:translateY(50%)}@media only all and (min-width:55rem){margin-bottom:1rem}@media only all and (min-width:80rem){max-width:30rem;&.networking,&.parts,&.quote{&:hover~.image .mask{left:53%}}&.specials{border-color:transparent}&:hover,&:focus-within{.content::before,.content::after,~.image .mask{opacity:1}&.enterprise~.image .mask{top:2%;height:22%}&.managed-cloud~.image .mask{top:66.5%;height:29%}&.addons~.image .mask{top:54.5%;height:12%}&.bare-metal~.image .mask{top:23.9%;height:14.7%}&.end-user~.image .mask{top:3.8%;height:91.7%}&.software-partner~.image .mask{top:3.8%;height:91.7%}}}}}