.top-bar{padding-inline:var(--spacing);background-color:var(--color-blue-muted);a,span{color:var(--color-text-dark);font-size:var(--font-size-s);&:hover,&:focus-visible{text-decoration:1px solid underline}}img{height:1lh;filter:brightness(0)}button{padding:0px}}#dialog-cart-preview{width:600px;margin-inline-start:auto;height:100%;max-height:100%;transform:translateX(-100%);opacity:0;transition:transform 250ms ease-out,opacity 250ms ease-out,overlay 250ms allow-discrete,display 250ms allow-discrete}#dialog-cart-preview[open]{transform:translateX(0);opacity:1}@starting-style{#dialog-cart-preview[open]{transform:translateX(-100%);opacity:0}}#dialog-cart-preview.closing{transform:translateX(-100%);opacity:0}#dialog-categories-sidebar{width:400px;margin-inline-start:0;height:100%;max-height:100%;transform:translateX(100%);opacity:0;transition:transform 250ms ease-out,opacity 250ms ease-out,overlay 250ms allow-discrete,display 250ms allow-discrete}#dialog-categories-sidebar[open]{transform:translateX(0);opacity:1}@starting-style{#dialog-categories-sidebar[open]{transform:translateX(100%);opacity:0}}#dialog-categories-sidebar.closing{transform:translateX(100%);opacity:0}#dialog-login{width:600px;margin:auto;border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:opacity 250ms ease-out,display 250ms allow-discrete,overlay 250ms allow-discrete}#dialog-login.closing{opacity:0}#dialog-cart-preview::backdrop,#dialog-categories-sidebar::backdrop{background-color:transparent;backdrop-filter:blur(0px);transition:display 250ms allow-discrete,overlay 250ms allow-discrete,background-color 250ms ease-out,backdrop-filter 250ms ease-out}#dialog-cart-preview[open]::backdrop,#dialog-categories-sidebar[open]::backdrop{background-color:#0008;backdrop-filter:blur(4px)}@starting-style{#dialog-cart-preview[open]::backdrop,#dialog-categories-sidebar[open]::backdrop{background-color:transparent;backdrop-filter:blur(0px)}}#dialog-cart-preview.closing::backdrop,#dialog-categories-sidebar.closing::backdrop{background-color:transparent;backdrop-filter:blur(0px)}.open-categories-sidebar-btn{align-items:center;padding:0px;height:1lh;color:var(--color-text-dark);img{width:25px;object-fit:contain}}header .mobile-only ul{background-color:var(--color-blue)}header .mobile-only ul :is(button,a){color:var(--color-text-light);padding:calc(var(--spacing) / 4)}header .mobile-only ul img{filter:brightness(0) invert(1)}header .mobile-only li{display:grid;place-items:center}header .mobile-only li:not(:last-child){border-inline-end:1px solid var(--color-text-light)}header .mobile-only [alt="labtop logo"]{height:45px}.live-search-container{position:relative}.live-search-results-list{display:none;position:absolute;top:calc(100% + var(--spacing));left:0;right:0;max-height:450px;background:white;box-shadow:var(--box-shadow);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow-y:auto;z-index:3;a{padding:var(--spacing);border-bottom:1px solid var(--color-border);&:hover{background-color:#f5f5f5}}.name{color:var(--color-text-dark)}img{width:40px;height:40px;object-fit:cover}.layout-justified,.layout-spaced{align-items:center}.result-type{padding:8px 10px;font-weight:bold;background-color:var(--color-blue-muted);border-bottom:1px solid var(--color-blue);font-size:0.9em}}#mobile-live-search-results{top:100%;left:var(--spacing);right:var(--spacing)}.search-loader,.no-results{padding:15px;text-align:center;color:#777}.payment-methods{align-items:center;img{width:55px;height:55px;object-fit:contain}}.order-item{border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0px 0px 5px 2px #0001;padding:var(--spacing);margin-bottom:var(--spacing);background-color:#fff}header .quantity-selector{border-radius:var(--border-radius);.quantity-input{height:2lh}}#dialog-login{width:100%;max-width:450px;padding:calc(var(--spacing) * 2);background-color:var(--color-background,#fff);border-radius:calc(var(--border-radius) * 2);box-shadow:var(--box-shadow)}#dialog-login h2{color:var(--color-blue);font-size:var(--font-size-xl,2rem);font-weight:700}#dialog-login .login-form{display:flex;flex-direction:column;gap:1rem;width:100%}#dialog-login .input-group{position:relative}#dialog-login .input-group input{box-sizing:border-box;width:100%;padding:12px 45px 12px 15px;border:1px solid var(--color-border,#dcdfe6);border-radius:var(--border-radius,8px);font-size:var(--font-size-m,1rem);background-color:var(--color-background,#fff);color:var(--color-text-dark,#333);transition:all 0.2s ease-in-out;text-align:right}#dialog-login .input-group input::placeholder{color:var(--color-text-muted,#888)}#dialog-login .input-group input:focus{outline:none;border-color:var(--color-blue,#134cdd);box-shadow:0 0 0 3px var(--color-blue-muted,#ecf1fe)}#dialog-login .input-group svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted,#888);pointer-events:none;transition:color 0.2s ease-in-out}#dialog-login .input-group input:focus + svg{color:var(--color-blue,#134cdd)}#dialog-login .login-form>a{align-self:flex-start;font-size:var(--font-size-s,0.9rem);text-decoration:none;color:var(--color-blue,#134cdd);margin-top:-0.5rem;margin-bottom:0.5rem}#dialog-login .login-form>a:hover{text-decoration:underline}#dialog-login .divider{display:flex;align-items:center;text-align:center;color:var(--color-text-muted,#888);font-size:var(--font-size-s,0.9rem);font-weight:500}#dialog-login .divider::before,#dialog-login .divider::after{content:'';flex:1;border-bottom:1px solid var(--color-border,#dcdfe6)}#dialog-login .divider:not(:empty)::before{margin-left:1em}#dialog-login .divider:not(:empty)::after{margin-right:1em}#dialog-login .social-login{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#dialog-login .social-btn{display:flex;justify-content:center;align-items:center;padding:0.75rem 1rem;border:1px solid var(--color-border,#dcdfe6);border-radius:var(--border-radius,8px);background-color:transparent;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease;font-size:var(--font-size-s);color:var(--color-text-dark);gap:0.5rem}#dialog-login .social-btn:hover{background-color:#f7f7f7;border-color:#ccc}#dialog-login .social-btn svg{width:24px;height:24px}#dialog-login .login-footer{text-align:center;font-size:var(--font-size-m,1rem)}#dialog-login .login-footer a{color:var(--color-blue,#134cdd);text-decoration:none;font-weight:600}#dialog-login .login-footer a:hover{text-decoration:underline}#cookie-consent-banner{width:45ch;left:var(--spacing);background-color:#fff;color:var(--color-text-dark);img{width:50px}@media (max-width:768px){&{width:100%;left:0px;bottom:0px}}}#contact-us-popup{width:auto;right:var(--spacing);background-color:#fff;font-size:var(--font-size-l);text-align:center;padding:0px;overflow:clip;z-index:9999;.header{width:100%;padding:var(--spacing);background-color:var(--color-blue-muted);position:relative;img{width:150px}.close-popup-btn{position:absolute;top:10px;left:10px;width:30px;height:30px;padding:0px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;cursor:pointer}}a{display:grid;place-items:center;padding:calc(var(--spacing) / 2);aspect-ratio:1;border-radius:50%;img{filter:brightness(0);width:25px;transition:filter 100ms ease}&:hover img,&:focus-visible img{filter:brightness(0) invert(1)}}p{font-weight:bold;color:var(--color-blue)}}.banner-build-your-own-pc-tall{figure{height:100%}img{object-fit:cover;height:100%;width:800px;border-radius:var(--border-radius);overflow:hidden}}@media (max-width:1000px){.banner-build-your-own-pc-tall{display:none}}.banner-gaming-store{figure{height:100%}img{object-fit:cover;height:100%;width:800px;border-radius:var(--border-radius);overflow:hidden}}@media (max-width:1000px){.banner-gaming-store{display:none}}.banner-build-your-own-pc{padding:var(--spacing);box-shadow:0px 0px 15px 0px #0003;border-radius:var(--border-radius);background-size:cover;background-image:url("/static/img/banner-background-blue.png?7ab8dac1698b");color:var(--color-text-light);font-weight:bold;container-type:inline-size;container-name:banner-build-your-own-pc;img{object-fit:contain}.layout-justified{align-items:start}.layout-grid{height:100%;grid-auto-flow:column;place-items:center}}@container banner-build-your-own-pc (max-width:500px){.banner-build-your-own-pc .layout-grid{grid-auto-flow:row}img{width:50%;margin-inline-start:auto}}@container banner-build-your-own-pc (max-width:300px){.layout-justified{text-align:center;justify-content:space-between;height:100%;button{width:100%}}img{display:none}}.banner-repairs-lab{padding:var(--spacing);box-shadow:0px 0px 15px 0px #0003;border-radius:var(--border-radius);background-size:cover;background-image:url("/static/img/banner-background-white.png?7ab8dac1698b");color:var(--color-text-dark);font-weight:bold;container-type:inline-size;container-name:banner-repairs-lab;img{object-fit:contain}.layout-justified{align-items:start}.layout-grid{height:100%;grid-auto-flow:column;place-items:center}}@container banner-repairs-lab (max-width:500px){.banner-repairs-lab .layout-grid{grid-auto-flow:row}img{width:50%;margin-inline-start:auto}}@container banner-repairs-lab (max-width:300px){.layout-justified{text-align:center;justify-content:space-between;height:100%;button{width:100%}}img{display:none}}.banner-newsletter-signup{padding:var(--spacing);box-shadow:0px 0px 15px 0px #0003;border-radius:var(--border-radius);background-size:cover;background-image:url("/static/img/banner-background-white2.png?7ab8dac1698b");color:var(--color-text-dark);font-weight:bold;container-type:inline-size;container-name:banner-newsletter-signup;h2{color:var(--color-blue)}img{object-fit:contain}.layout-justified{align-items:start;&.center{align-items:center}}.layout-grid{height:100%;grid-auto-flow:row;place-items:center}.actions{align-items:center;input{flex:1;border-radius:var(--border-radius);border:1px solid var(--color-border)}button{background-color:var(--color-orange)}}}@container banner-newsletter-signup (max-width:450px){.actions{flex-direction:column;input,button{width:100%}}}.banner-at-home-technician{padding:var(--spacing);box-shadow:0px 0px 15px 0px #0003;border-radius:var(--border-radius);background-size:cover;background-image:linear-gradient(to bottom,var(--color-blue),#061db8);color:var(--color-text-light);font-weight:bold;container-type:inline-size;container-name:banner-at-home-technician;>.layout-spaced{height:100%}h2{font-size:2.4rem;em{color:var(--color-yellow);text-decoration:none}}img{object-fit:contain;min-width:0px;flex:1}}@container banner-at-home-technician (max-width:550px){header{flex-direction:column;align-items:start;margin-bottom:var(--spacing)}}@container banner-at-home-technician (max-width:350px){.banner-at-home-technician img{width:100px;min-width:100px;max-width:100px}.icons-wrapper{flex-wrap:wrap}}