.xb-header .logo::before{content:"";display:inline-block;width:auto;height:100%;aspect-ratio:646.23/180.46;background-image:url("https://media.xbyte.com/brand/xByte-technologies-logo.svg");background-repeat:no-repeat}.xb-dark-mode .xb-header .logo::before{background-image:url("https://media.xbyte.com/brand/xByte-technologies-logo-dark-mode.svg")}.xb-header ul.account{display:none}.product-card{position:relative;display:grid;grid-gap:.75rem;grid-template:"title title title" auto "image prices action" auto/5rem 1fr auto;padding:1.25rem;background-color:var(--xb-foreground-color);box-shadow:0 0 1rem 0 rgba(0,0,0,.2);color:inherit;text-decoration:none;transition:color .3s,box-shadow .6s}.product-card:has(.details){grid-template:"title title title" auto "image prices action" auto "details details details" 1fr/5rem 1fr auto}.product-card .details{grid-area:details;color:var(--xb-font-color);font-size:.9rem}.product-card .details .attributes{margin:0;padding:0;list-style:none}.product-card .details .attributes strong{margin-right:.5rem}.product-card .title{grid-area:title;color:var(--xb-primary-color);font-family:var(--xb-heading-font-family);line-height:1.1em;transition:color .3s}.product-card .title:hover{color:var(--xb-orange-color)}.product-card img{grid-area:image;box-sizing:border-box;width:100%;max-width:unset;height:100%;object-position:center;object-fit:contain}.product-card .prices{display:flex;grid-area:prices;gap:.25rem;align-items:baseline;align-self:center;justify-content:center;margin:0;padding:0;list-style:none;color:var(--xb-font-color)}.product-card .prices .role-price,.product-card .prices .individual-price{display:inline-block;line-height:1.1}.product-card .prices .base-price{opacity:.5;text-decoration:line-through}.product-card .prices .role-price{opacity:.5}.product-card .prices .individual-price{font-family:var(--xb-heading-font-family);font-size:1.2rem;line-height:1.1}.product-card .prices .individual-price .value{font-size:1.5rem;font-weight:bold}.product-card.configurator .individual-price::before{content:"From:";margin-right:.5rem;font-size:1rem;font-weight:normal}.product-card .action{all:unset;grid-area:action;align-self:center;width:2rem;height:2rem;cursor:pointer;background:var(--xb-orange-4);border-radius:50%;text-align:center;text-transform:uppercase;transition:box-shadow .3s;justify-self:right}.product-card .action::after{content:"";display:block;width:100%;height:100%;background-color:var(--xb-gray-0)}.product-card .action.view::after{mask-image:url("https://media.xbyte.com/icons/icon-eye.svg")}.product-card .action.add-to-cart::after{mask-image:url("https://media.xbyte.com/icons/icon-cart.svg");mask-repeat:no-repeat;mask-position:center}.product-card .action.add-to-cart.check::after{mask-image:url("https://media.xbyte.com/icons/icon-check.svg")}.product-card .action.add-to-cart.spinner::after{mask-image:url("https://media.xbyte.com/icons/icon-spinner.svg")}.product-card .action:hover,.product-card .action:focus-visible{box-shadow:0 0 1rem 0 var(--xb-btn-shadow, var(--xb-orange-2))}.product-card .action:focus-visible{outline:1.5pt auto currentColor}@media not all and (min-width: 35rem){.product-card img{max-height:4rem}.product-card[data-message=V] .prices{padding-top:1.5rem}}@media only all and (min-width: 35rem){.product-list{filter:drop-shadow(0 0 1rem rgba(0, 0, 0, 0.1))}.product-list .product-card{grid-template:"image title filler prices action" auto/5rem auto 1fr auto auto;padding-block:.25rem;box-shadow:none}.product-list .product-card:has(.details){grid-template:"image      title   filler  prices  action" auto "filler2    details details details filler3" auto/5rem auto 1fr auto auto}.product-list .product-card .title{align-self:center}.product-list .product-card img{box-sizing:content-box;width:100%;height:2.5rem;object-position:center;object-fit:contain}.product-grid .product-card{grid-template:"image image" 6rem "title title" 1fr "prices action" auto/auto auto;box-sizing:border-box;height:100%}.product-grid .product-card:has(.details){grid-template:"image image" 6rem "title title" auto "details details" 1fr "prices action" auto/auto auto}.product-grid .product-card .title{margin-block:-0.1em}.product-grid .product-card .prices{flex-direction:row-reverse;justify-content:flex-end}.product-grid .product-card::after{content:"";position:absolute;bottom:-0.1rem;left:50%;width:70%;height:.2rem;background-color:var(--xb-heading-color);transform:translateX(-50%);transition:width .3s ease-in-out,background-color .3s}.product-grid .product-card:hover::after,.product-grid .product-card:focus-visible::after{width:100%;background-color:var(--xb-orange-color)}}.product-card:hover,.product-card:focus-visible{z-index:1;box-shadow:0 0 1rem 0 var(--xb-orange-color);color:var(--xb-orange-color)}.video-thumbnail{width:40rem;max-width:100%}#cart-icon{position:relative}#cart-icon:not([data-qty="0"])::after{content:attr(data-qty);position:absolute;top:-0.25rem;left:.75rem;min-width:1rem;background-color:var(--xb-orange-4);border-radius:1rem;color:var(--xb-gray-0);font-family:var(--xb-heading-font-family);font-size:.7rem;font-weight:600;line-height:1rem;text-align:center;transition:transform 1s ease-in-out}@media only all and (min-width: 90rem){#cart-icon:not([data-qty="0"])::after{left:.9rem;min-width:1.1rem;font-size:.8rem;line-height:1.1rem}}#cart-icon.highlight::after{transform:scale(2) translateX(-30%) translateY(30%)}.quick-search-form{--height: 2rem;--input-width: 10rem;--transition: 0.5s;z-index:1;display:flex;justify-content:flex-end;overflow:visible;box-sizing:border-box;width:var(--height);height:var(--height);transition:height var(--transition)}@media only all and (min-width: 55rem){.quick-search-form{--height: 2.25rem;width:calc(var(--height) + var(--input-width))}}.quick-search-form::before{content:"";position:absolute;z-index:1;background-color:rgba(0,0,0,0);transition:background-color var(--transition),box-shadow var(--transition)}.quick-search-form>form{z-index:1;display:grid;grid-template:"input button" auto/auto 1.8rem;box-sizing:border-box;height:100%;background-color:var(--xb-foreground-color);border:1.5pt solid var(--xb-orange-4);border-radius:2rem;transition:padding var(--transition)}.quick-search-form>form>input{all:unset;display:block;grid-area:input;box-sizing:border-box;width:0;padding:0;background-color:rgba(0,0,0,0);border:none;font:inherit;transition:width var(--transition),padding var(--transition)}@media only all and (min-width: 55rem){.quick-search-form>form>input{width:var(--input-width);padding-left:1rem}}.quick-search-form>form>input:focus-visible{outline:none}.quick-search-form>form>button{grid-area:button;height:100%;aspect-ratio:1;padding:.4rem;cursor:pointer;background-color:var(--xb-orange-4);border:none;border-radius:50%;transition:box-shadow .3s}.quick-search-form>form>button::before{content:"";display:block;width:100%;height:100%;background-color:var(--xb-gray-0);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3E%3Ccircle style='stroke-linecap: round; fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 3px;' cx='11.8' cy='11.8' r='10.2'/%3E%3Cline style='stroke-linecap: round; fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 3px;' x1='19' y1='19' x2='28' y2='28'/%3E%3C/svg%3E");mask-repeat:no-repeat;transition:background-color .3s}.quick-search-form>form>button:hover{box-shadow:0 0 1rem 0 var(--xb-orange-2)}.quick-search-form>form>label{z-index:1;display:block;grid-area:button;width:auto;height:100%;aspect-ratio:1;border-radius:50%}.quick-search-form>.results{position:absolute;z-index:1;top:100%;right:0;display:none;width:100%;max-width:35rem;background-color:var(--xb-background-color)}.quick-search-form>.results::before{content:"";position:absolute;top:-0.5rem;right:6rem;width:1rem;height:.5rem;background-color:var(--xb-background-color);clip-path:polygon(50% 0, 100% 100%, 0% 100%)}.quick-search-form>.results .no-results,.quick-search-form>.results .loading{padding:1rem;font-style:italic}.quick-search-form>.results>ul{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none}.quick-search-form>.results>ul>li>div{padding:.25rem 1rem;display:flex;gap:.5rem;align-items:baseline}.quick-search-form>.results>ul>li>div>a{font-size:.8rem}.quick-search-form>.results>ul>li>ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.quick-search-form>.results>ul>li>ul a{background-color:var(--xb-foreground-color);text-decoration:none;transition:background-color .3s}.quick-search-form>.results>ul>li>ul a:hover{background-color:var(--xb-foreground-selected-color)}.quick-search-form>.results>ul>li>ul a:focus{outline:2pt solid var(--xb-orange-color);outline-offset:-2pt}.quick-search-form:focus-within::before,.quick-search-form.open::before{top:-2rem;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);box-shadow:0 0 10vh 100vh rgba(0,0,0,.5)}.quick-search-form:focus-within>form,.quick-search-form.open>form{padding-left:var(--height);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%237F7F7F;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='17' y1='32' x2='47' y2='32'/%3E%3Cpolyline class='st0' points='32,47 17,32 32,17 '/%3E%3C/svg%3E");background-repeat:no-repeat}.quick-search-form:focus-within>form>input,.quick-search-form.open>form>input{width:10rem;padding-left:0}.quick-search-form:focus-within>form>label,.quick-search-form.open>form>label{display:none}.quick-search-form:focus-within>.results,.quick-search-form.open>.results{display:block}.quick-search-form .result{display:grid;grid-template:"thumbnail name" auto/4rem 1fr;gap:.25rem 1rem;padding:.5rem 1rem;border-bottom:1pt solid var(--xb-foreground-accent-color);color:inherit;font-family:var(--xb-heading-font-family);font-weight:bold}.quick-search-form .result .thumbnail{grid-area:thumbnail;align-self:center;width:100%;height:auto;aspect-ratio:2;object-position:center;object-fit:contain}.quick-search-form .result .name{grid-area:name;color:var(--xb-primary-color);font-family:var(--xb-heading-font-family);font-weight:bold}.quick-search-form .result.product{grid-template:"thumbnail name" auto "thumbnail price" 1fr/4rem 1fr}.quick-search-form .result.product .price{grid-area:price}.quick-search-form .result.video .thumbnail{aspect-ratio:16/9}/*# sourceMappingURL=render.min.css.map */
